mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-19 09:14:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

code refactor

Browse Source
This commit is contained in:
MaysWind
2020-12-19 23:11:19 +08:00
parent b9e244d84a
commit 5615111dce
9 changed files with 131 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/mobile/PinCodeInputSheet.vue
+1 -1
View File
@@ -9,7 +9,7 @@
<p class="no-margin-top margin-bottom-half">{{ hint }}</p> <p class="no-margin-top margin-bottom-half">{{ hint }}</p>
<f7-list no-hairlines class="no-margin-top margin-bottom"> <f7-list no-hairlines class="no-margin-top margin-bottom">
<f7-list-item class="list-item-pincode-input"> <f7-list-item class="list-item-pincode-input">
<PincodeInput secure :length="6" v-model="currentPinCode" /> <pincode-input secure :length="6" v-model="currentPinCode" />
</f7-list-item> </f7-list-item>
</f7-list> </f7-list>
<f7-button large fill <f7-button large fill
src/views/mobile/ApplicationLock.vue
+12 -12
View File
@@ -27,19 +27,19 @@
</f7-card-content> </f7-card-content>
</f7-card> </f7-card>
<PinCodeInputSheet :title="$t('PIN Code')" <pin-code-input-sheet :title="$t('PIN Code')"
:hint="$t('Please input a new PIN code. PIN code would encrypt your local data, so you need input this PIN code when you launch this app. If this PIN code is lost, you should re-login.')" :hint="$t('Please input a new PIN code. PIN code would encrypt your local data, so you need input this PIN code when you launch this app. If this PIN code is lost, you should re-login.')"
:show.sync="showInputPinCodeSheetForEnable" :show.sync="showInputPinCodeSheetForEnable"
v-model="currentPinCodeForEnable" v-model="currentPinCodeForEnable"
@pincode:confirm="enable"> @pincode:confirm="enable">
</PinCodeInputSheet> </pin-code-input-sheet>
<PinCodeInputSheet :title="$t('PIN Code')" <pin-code-input-sheet :title="$t('PIN Code')"
:hint="$t('Please enter your current PIN code when disable application lock')" :hint="$t('Please enter your current PIN code when disable application lock')"
:show.sync="showInputPinCodeSheetForDisable" :show.sync="showInputPinCodeSheetForDisable"
v-model="currentPinCodeForDisable" v-model="currentPinCodeForDisable"
@pincode:confirm="disable"> @pincode:confirm="disable">
</PinCodeInputSheet> </pin-code-input-sheet>
</f7-page> </f7-page>
</template> </template>
src/views/mobile/Unlock.vue
+1 -1
View File
@@ -3,7 +3,7 @@
<f7-login-screen-title>{{ $t('Unlock') }}</f7-login-screen-title> <f7-login-screen-title>{{ $t('Unlock') }}</f7-login-screen-title>
<f7-list form> <f7-list form>
<f7-list-item class="list-item-pincode-input"> <f7-list-item class="list-item-pincode-input">
<PincodeInput secure :length="6" v-model="pinCode" @keyup.native="unlockByPin" /> <pincode-input secure :length="6" v-model="pinCode" @keyup.native="unlockByPin" />
</f7-list-item> </f7-list-item>
</f7-list> </f7-list>
<f7-list> <f7-list>
src/views/mobile/accounts/Edit.vue
+37 -37
View File
@@ -73,20 +73,20 @@
<f7-list-item :header="$t('Account Icon')" link="#" <f7-list-item :header="$t('Account Icon')" link="#"
@click="account.showIconSelectionSheet = true"> @click="account.showIconSelectionSheet = true">
<f7-icon slot="after" :icon="account.icon | accountIcon" :style="{ color: '#' + account.color }"></f7-icon> <f7-icon slot="after" :icon="account.icon | accountIcon" :style="{ color: '#' + account.color }"></f7-icon>
<IconSelectionSheet :all-icon-infos="allAccountIcons" <icon-selection-sheet :all-icon-infos="allAccountIcons"
:show.sync="account.showIconSelectionSheet" :show.sync="account.showIconSelectionSheet"
:color="account.color" :color="account.color"
v-model="account.icon" v-model="account.icon"
></IconSelectionSheet> ></icon-selection-sheet>
</f7-list-item> </f7-list-item>
<f7-list-item :header="$t('Account Color')" link="#" <f7-list-item :header="$t('Account Color')" link="#"
@click="account.showColorSelectionSheet = true"> @click="account.showColorSelectionSheet = true">
<f7-icon slot="after" f7="app_fill" :style="{ color: '#' + account.color }"></f7-icon> <f7-icon slot="after" f7="app_fill" :style="{ color: '#' + account.color }"></f7-icon>
<ColorSelectionSheet :all-color-infos="allAccountColors" <color-selection-sheet :all-color-infos="allAccountColors"
:show.sync="account.showColorSelectionSheet" :show.sync="account.showColorSelectionSheet"
v-model="account.color" v-model="account.color"
></ColorSelectionSheet> ></color-selection-sheet>
</f7-list-item> </f7-list-item>
<f7-list-item <f7-list-item
@@ -108,11 +108,11 @@
:after="account.balance | currency(account.currency)" :after="account.balance | currency(account.currency)"
@click="account.showBalanceSheet = true" @click="account.showBalanceSheet = true"
> >
<NumberPadSheet :min-value="$constants.transaction.minAmount" <number-pad-sheet :min-value="$constants.transaction.minAmount"
:max-value="$constants.transaction.maxAmount" :max-value="$constants.transaction.maxAmount"
:show.sync="account.showBalanceSheet" :show.sync="account.showBalanceSheet"
v-model="account.balance" v-model="account.balance"
></NumberPadSheet> ></number-pad-sheet>
</f7-list-item> </f7-list-item>
<f7-list-input <f7-list-input
@@ -145,20 +145,20 @@
<f7-list-item :header="$t('Account Icon')" link="#" <f7-list-item :header="$t('Account Icon')" link="#"
@click="account.showIconSelectionSheet = true"> @click="account.showIconSelectionSheet = true">
<f7-icon slot="after" :icon="account.icon | accountIcon" :style="{ color: '#' + account.color }"></f7-icon> <f7-icon slot="after" :icon="account.icon | accountIcon" :style="{ color: '#' + account.color }"></f7-icon>
<IconSelectionSheet :all-icon-infos="allAccountIcons" <icon-selection-sheet :all-icon-infos="allAccountIcons"
:show.sync="account.showIconSelectionSheet" :show.sync="account.showIconSelectionSheet"
:color="account.color" :color="account.color"
v-model="account.icon" v-model="account.icon"
></IconSelectionSheet> ></icon-selection-sheet>
</f7-list-item> </f7-list-item>
<f7-list-item :header="$t('Account Color')" link="#" <f7-list-item :header="$t('Account Color')" link="#"
@click="account.showColorSelectionSheet = true"> @click="account.showColorSelectionSheet = true">
<f7-icon slot="after" f7="app_fill" :style="{ color: '#' + account.color }"></f7-icon> <f7-icon slot="after" f7="app_fill" :style="{ color: '#' + account.color }"></f7-icon>
<ColorSelectionSheet :all-color-infos="allAccountColors" <color-selection-sheet :all-color-infos="allAccountColors"
:show.sync="account.showColorSelectionSheet" :show.sync="account.showColorSelectionSheet"
v-model="account.color" v-model="account.color"
></ColorSelectionSheet> ></color-selection-sheet>
</f7-list-item> </f7-list-item>
<f7-list-input <f7-list-input
@@ -196,20 +196,20 @@
<f7-list-item :header="$t('Sub Account Icon')" link="#" <f7-list-item :header="$t('Sub Account Icon')" link="#"
@click="subAccount.showIconSelectionSheet = true"> @click="subAccount.showIconSelectionSheet = true">
<f7-icon slot="after" :icon="subAccount.icon | accountIcon" :style="{ color: '#' + subAccount.color }"></f7-icon> <f7-icon slot="after" :icon="subAccount.icon | accountIcon" :style="{ color: '#' + subAccount.color }"></f7-icon>
<IconSelectionSheet :all-icon-infos="allAccountIcons" <icon-selection-sheet :all-icon-infos="allAccountIcons"
:show.sync="subAccount.showIconSelectionSheet" :show.sync="subAccount.showIconSelectionSheet"
:color="subAccount.color" :color="subAccount.color"
v-model="subAccount.icon" v-model="subAccount.icon"
></IconSelectionSheet> ></icon-selection-sheet>
</f7-list-item> </f7-list-item>
<f7-list-item :header="$t('Sub Account Color')" link="#" <f7-list-item :header="$t('Sub Account Color')" link="#"
@click="subAccount.showColorSelectionSheet = true"> @click="subAccount.showColorSelectionSheet = true">
<f7-icon slot="after" f7="app_fill" :style="{ color: '#' + subAccount.color }"></f7-icon> <f7-icon slot="after" f7="app_fill" :style="{ color: '#' + subAccount.color }"></f7-icon>
<ColorSelectionSheet :all-color-infos="allAccountColors" <color-selection-sheet :all-color-infos="allAccountColors"
:show.sync="subAccount.showColorSelectionSheet" :show.sync="subAccount.showColorSelectionSheet"
v-model="subAccount.color" v-model="subAccount.color"
></ColorSelectionSheet> ></color-selection-sheet>
</f7-list-item> </f7-list-item>
<f7-list-item <f7-list-item
@@ -231,11 +231,11 @@
:after="subAccount.balance | currency(subAccount.currency)" :after="subAccount.balance | currency(subAccount.currency)"
@click="subAccount.showBalanceSheet = true" @click="subAccount.showBalanceSheet = true"
> >
<NumberPadSheet :min-value="$constants.transaction.minAmount" <number-pad-sheet :min-value="$constants.transaction.minAmount"
:max-value="$constants.transaction.maxAmount" :max-value="$constants.transaction.maxAmount"
:show.sync="subAccount.showBalanceSheet" :show.sync="subAccount.showBalanceSheet"
v-model="subAccount.balance" v-model="subAccount.balance"
></NumberPadSheet> ></number-pad-sheet>
</f7-list-item> </f7-list-item>
<f7-list-input <f7-list-input
src/views/mobile/categories/Default.vue
+6 -6
View File
@@ -52,12 +52,12 @@
</f7-actions-group> </f7-actions-group>
</f7-actions> </f7-actions>
<ListItemSelectionSheet value-type="index" <list-item-selection-sheet value-type="index"
title-field="displayName" title-field="displayName"
:items="allLanguages" :items="allLanguages"
:show.sync="showChangeLocaleSheet" :show.sync="showChangeLocaleSheet"
v-model="currentLocale"> v-model="currentLocale">
</ListItemSelectionSheet> </list-item-selection-sheet>
</f7-page> </f7-page>
</template> </template>
src/views/mobile/categories/Edit.vue
+9 -9
View File
@@ -34,20 +34,20 @@
<f7-list-item :header="$t('Category Icon')" key="singleTypeCategoryIconSelection" link="#" <f7-list-item :header="$t('Category Icon')" key="singleTypeCategoryIconSelection" link="#"
@click="category.showIconSelectionSheet = true"> @click="category.showIconSelectionSheet = true">
<f7-icon slot="after" :icon="category.icon | categoryIcon" :style="{ color: '#' + category.color }"></f7-icon> <f7-icon slot="after" :icon="category.icon | categoryIcon" :style="{ color: '#' + category.color }"></f7-icon>
<IconSelectionSheet :all-icon-infos="allCategoryIcons" <icon-selection-sheet :all-icon-infos="allCategoryIcons"
:show.sync="category.showIconSelectionSheet" :show.sync="category.showIconSelectionSheet"
:color="category.color" :color="category.color"
v-model="category.icon" v-model="category.icon"
></IconSelectionSheet> ></icon-selection-sheet>
</f7-list-item> </f7-list-item>
<f7-list-item :header="$t('Category Color')" key="singleTypeCategoryColorSelection" link="#" <f7-list-item :header="$t('Category Color')" key="singleTypeCategoryColorSelection" link="#"
@click="category.showColorSelectionSheet = true"> @click="category.showColorSelectionSheet = true">
<f7-icon slot="after" f7="app_fill" :style="{ color: '#' + category.color }"></f7-icon> <f7-icon slot="after" f7="app_fill" :style="{ color: '#' + category.color }"></f7-icon>
<ColorSelectionSheet :all-color-infos="allCategoryColors" <color-selection-sheet :all-color-infos="allCategoryColors"
:show.sync="category.showColorSelectionSheet" :show.sync="category.showColorSelectionSheet"
v-model="category.color" v-model="category.color"
></ColorSelectionSheet> ></color-selection-sheet>
</f7-list-item> </f7-list-item>
<f7-list-input <f7-list-input
src/views/mobile/transactions/Edit.vue
+24 -24
View File
@@ -44,11 +44,11 @@
:title="transaction.sourceAmount | currency" :title="transaction.sourceAmount | currency"
@click="transaction.showSourceAmountSheet = true" @click="transaction.showSourceAmountSheet = true"
> >
<NumberPadSheet :min-value="$constants.transaction.minAmount" <number-pad-sheet :min-value="$constants.transaction.minAmount"
:max-value="$constants.transaction.maxAmount" :max-value="$constants.transaction.maxAmount"
:show.sync="transaction.showSourceAmountSheet" :show.sync="transaction.showSourceAmountSheet"
v-model="transaction.sourceAmount" v-model="transaction.sourceAmount"
></NumberPadSheet> ></number-pad-sheet>
</f7-list-item> </f7-list-item>
<f7-list-item <f7-list-item
@@ -59,11 +59,11 @@
@click="transaction.showDestinationAmountSheet = true" @click="transaction.showDestinationAmountSheet = true"
v-if="transaction.type === $constants.transaction.allTransactionTypes.Transfer" v-if="transaction.type === $constants.transaction.allTransactionTypes.Transfer"
> >
<NumberPadSheet :min-value="$constants.transaction.minAmount" <number-pad-sheet :min-value="$constants.transaction.minAmount"
:max-value="$constants.transaction.maxAmount" :max-value="$constants.transaction.maxAmount"
:show.sync="transaction.showDestinationAmountSheet" :show.sync="transaction.showDestinationAmountSheet"
v-model="transaction.destinationAmount" v-model="transaction.destinationAmount"
></NumberPadSheet> ></number-pad-sheet>
</f7-list-item> </f7-list-item>
<f7-list-item <f7-list-item
@@ -81,13 +81,13 @@
:title="transaction.sourceAccountId | accountName(plainAllAccounts)" :title="transaction.sourceAccountId | accountName(plainAllAccounts)"
@click="transaction.showSourceAccountSheet = true" @click="transaction.showSourceAccountSheet = true"
> >
<ListItemSelectionSheet value-type="item" <list-item-selection-sheet value-type="item"
key-field="id" value-field="id" title-field="name" key-field="id" value-field="id" title-field="name"
icon-field="icon" icon-type="account" color-field="color" icon-field="icon" icon-type="account" color-field="color"
:items="plainAllAccounts" :items="plainAllAccounts"
:show.sync="transaction.showSourceAccountSheet" :show.sync="transaction.showSourceAccountSheet"
v-model="transaction.sourceAccountId"> v-model="transaction.sourceAccountId">
</ListItemSelectionSheet> </list-item-selection-sheet>
</f7-list-item> </f7-list-item>
<f7-list-item <f7-list-item
@@ -99,13 +99,13 @@
v-if="transaction.type === $constants.transaction.allTransactionTypes.Transfer" v-if="transaction.type === $constants.transaction.allTransactionTypes.Transfer"
@click="transaction.showDestinationAccountSheet = true" @click="transaction.showDestinationAccountSheet = true"
> >
<ListItemSelectionSheet value-type="item" <list-item-selection-sheet value-type="item"
key-field="id" value-field="id" title-field="name" key-field="id" value-field="id" title-field="name"
icon-field="icon" icon-type="account" color-field="color" icon-field="icon" icon-type="account" color-field="color"
:items="plainAllAccounts" :items="plainAllAccounts"
:show.sync="transaction.showDestinationAccountSheet" :show.sync="transaction.showDestinationAccountSheet"
v-model="transaction.destinationAccountId"> v-model="transaction.destinationAccountId">
</ListItemSelectionSheet> </list-item-selection-sheet>
</f7-list-item> </f7-list-item>
<f7-list-input <f7-list-input
src/views/mobile/users/TwoFactorAuth.vue
+33 -33
View File
@@ -30,47 +30,47 @@
</f7-card-content> </f7-card-content>
</f7-card> </f7-card>
<PasscodeInputSheet :title="$t('Passcode')" <passcode-input-sheet :title="$t('Passcode')"
:hint="$t('Please use two factor authentication app scan the below qrcode and input current passcode')" :hint="$t('Please use two factor authentication app scan the below qrcode and input current passcode')"
:show.sync="showInputPasscodeSheetForEnable" :show.sync="showInputPasscodeSheetForEnable"
:confirm-disabled="enableConfirming" :confirm-disabled="enableConfirming"
:cancel-disabled="enableConfirming" :cancel-disabled="enableConfirming"
v-model="currentPasscodeForEnable" v-model="currentPasscodeForEnable"
@passcode:confirm="enableConfirm"> @passcode:confirm="enableConfirm">
<div class="row"> <div class="row">
<div class="col-100 text-align-center"> <div class="col-100 text-align-center">
<img alt="qrcode" width="240px" height="240px" :src="new2FAQRCode" /> <img alt="qrcode" width="240px" height="240px" :src="new2FAQRCode" />
</div> </div>
</div> </div>
</PasscodeInputSheet> </passcode-input-sheet>
<PasswordInputSheet :title="$t('Current Password')" <password-input-sheet :title="$t('Current Password')"
:hint="$t('Please enter your current password when disable two factor authentication')" :hint="$t('Please enter your current password when disable two factor authentication')"
:show.sync="showInputPasswordSheetForDisable" :show.sync="showInputPasswordSheetForDisable"
:confirm-disabled="disabling" :confirm-disabled="disabling"
:cancel-disabled="disabling" :cancel-disabled="disabling"
v-model="currentPasswordForDisable" v-model="currentPasswordForDisable"
@password:confirm="disable"> @password:confirm="disable">
</PasswordInputSheet> </password-input-sheet>
<PasswordInputSheet :title="$t('Current Password')" <password-input-sheet :title="$t('Current Password')"
:hint="$t('Please enter your current password when regenerate two factor authentication backup codes. If you regenerate backup codes, the old codes will be invalidated.')" :hint="$t('Please enter your current password when regenerate two factor authentication backup codes. If you regenerate backup codes, the old codes will be invalidated.')"
:show.sync="showInputPasswordSheetForRegenerate" :show.sync="showInputPasswordSheetForRegenerate"
:confirm-disabled="regenerating" :confirm-disabled="regenerating"
:cancel-disabled="regenerating" :cancel-disabled="regenerating"
v-model="currentPasswordForRegenerate" v-model="currentPasswordForRegenerate"
@password:confirm="regenerateBackupCode"> @password:confirm="regenerateBackupCode">
</PasswordInputSheet> </password-input-sheet>
<InformationSheet class="backup-code-sheet" <information-sheet class="backup-code-sheet"
:title="$t('Backup Code')" :title="$t('Backup Code')"
:hint="$t('Please copy these backup codes to safe place, the below codes can only be shown once. If these codes were lost, you can regenerate backup codes at any time.')" :hint="$t('Please copy these backup codes to safe place, the below codes can only be shown once. If these codes were lost, you can regenerate backup codes at any time.')"
:information="currentBackupCode" :information="currentBackupCode"
:row-count="10" :row-count="10"
:enable-copy="true" :enable-copy="true"
:show.sync="showBackupCodeSheet" :show.sync="showBackupCodeSheet"
@info:copied="onBackupCodeCopied"> @info:copied="onBackupCodeCopied">
</InformationSheet> </information-sheet>
</f7-page> </f7-page>
</template> </template>
src/views/mobile/users/UserProfile.vue
+8 -8
View File
@@ -79,14 +79,14 @@
</f7-card-content> </f7-card-content>
</f7-card> </f7-card>
<PasswordInputSheet :title="$t('Current Password')" <password-input-sheet :title="$t('Current Password')"
:hint="$t('Please enter your current password when modifying your password')" :hint="$t('Please enter your current password when modifying your password')"
:show.sync="showInputPasswordSheet" :show.sync="showInputPasswordSheet"
:confirm-disabled="saving" :confirm-disabled="saving"
:cancel-disabled="saving" :cancel-disabled="saving"
v-model="currentPassword" v-model="currentPassword"
@password:confirm="save()"> @password:confirm="save()">
</PasswordInputSheet> </password-input-sheet>
</f7-page> </f7-page>
</template> </template>