Skip to content

Commit 543cc5f

Browse files
mayswindmayswind
committed
disable buttons in navigation bar during initial page load
1 parent 9664bac commit 543cc5f

22 files changed

Lines changed: 55 additions & 52 deletions

‎src/views/mobile/accounts/EditPage.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
22
<f7-page @page:afterin="onPageAfterIn">
33
<f7-navbar>
4-
<f7-nav-left :back-link="tt('Back')"></f7-nav-left>
4+
<f7-nav-left :class="{ 'disabled': loading }" :back-link="tt('Back')"></f7-nav-left>
55
<f7-nav-title :title="tt(title)"></f7-nav-title>
6-
<f7-nav-right class="navbar-compact-icons">
6+
<f7-nav-right :class="{ 'navbar-compact-icons': true, 'disabled': loading }">
77
<f7-link icon-f7="ellipsis" :class="{ 'disabled': account.type !== AccountType.MultiSubAccounts.type }" @click="showMoreActionSheet = true"></f7-link>
88
<f7-link icon-f7="checkmark_alt" :class="{ 'disabled': inputIsEmpty || submitting }" @click="save"></f7-link>
99
</f7-nav-right>

‎src/views/mobile/accounts/ListPage.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
<template>
22
<f7-page :ptr="!sortable" @ptr:refresh="reload" @page:afterin="onPageAfterIn">
33
<f7-navbar>
4-
<f7-nav-left :back-link="tt('Back')" v-if="!sortable"></f7-nav-left>
4+
<f7-nav-left :class="{ 'disabled': loading }" :back-link="tt('Back')" v-if="!sortable"></f7-nav-left>
55
<f7-nav-left v-else-if="sortable">
66
<f7-link icon-f7="xmark" :class="{ 'disabled': displayOrderSaving }" @click="cancelSort"></f7-link>
77
</f7-nav-left>
88
<f7-nav-title :title="tt('Account List')"></f7-nav-title>
9-
<f7-nav-right class="navbar-compact-icons">
9+
<f7-nav-right :class="{ 'navbar-compact-icons': true, 'disabled': loading }">
1010
<f7-link icon-f7="ellipsis" :class="{ 'disabled': !allAccountCount || sortable }" @click="showMoreActionSheet = true"></f7-link>
1111
<f7-link icon-f7="plus" href="/account/add" v-if="!sortable"></f7-link>
1212
<f7-link icon-f7="checkmark_alt" :class="{ 'disabled': displayOrderSaving || !displayOrderModified }" @click="saveSortResult" v-else-if="sortable"></f7-link>

‎src/views/mobile/accounts/MoveAllTransactionsPage.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
22
<f7-page @page:afterin="onPageAfterIn">
33
<f7-navbar>
4-
<f7-nav-left :back-link="tt('Back')"></f7-nav-left>
4+
<f7-nav-left :class="{ 'disabled': loading }" :back-link="tt('Back')"></f7-nav-left>
55
<f7-nav-title :title="tt('Move All Transactions')"></f7-nav-title>
6-
<f7-nav-right>
6+
<f7-nav-right :class="{ 'disabled': loading }">
77
<f7-link icon-f7="checkmark_alt"
88
:class="{ 'disabled': !fromAccount || !toAccountId || fromAccount?.id === toAccountId || !toAccountName || !isToAccountNameValid || moving }"
99
@click="confirm"></f7-link>

‎src/views/mobile/accounts/ReconciliationStatementPage.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
<template>
22
<f7-page @page:afterin="onPageAfterIn">
33
<f7-navbar>
4-
<f7-nav-left :back-link="tt('Back')"></f7-nav-left>
4+
<f7-nav-left :class="{ 'disabled': loading }" :back-link="tt('Back')"></f7-nav-left>
55
<f7-nav-title>
66
<span style="color: var(--f7-text-color)" v-if="!finishQuery">{{ tt('Reconciliation Statement') }}</span>
7-
<f7-link popover-open=".display-mode-popover-menu" v-if="finishQuery">
7+
<f7-link popover-open=".display-mode-popover-menu" :class="{ 'disabled': loading }" v-if="finishQuery">
88
<span style="color: var(--f7-text-color)">{{ tt('Reconciliation Statement') }}</span>
99
<f7-icon class="page-title-bar-icon" style="opacity: 0.5"
1010
color="gray" f7="chevron_down_circle_fill"></f7-icon>
1111
</f7-link>
1212
</f7-nav-title>
13-
<f7-nav-right class="navbar-compact-icons">
13+
<f7-nav-right :class="{ 'navbar-compact-icons': true, 'disabled': loading }">
1414
<f7-link icon-f7="checkmark_alt" :class="{ 'disabled': !validQuery }" @click="reload(false)" v-if="!finishQuery"></f7-link>
1515
<f7-link icon-f7="ellipsis" :class="{ 'disabled': loading }" v-if="finishQuery" @click="showMoreActionSheet = true"></f7-link>
1616
</f7-nav-right>

‎src/views/mobile/categories/AllPage.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
22
<f7-page ptr @ptr:refresh="reload" @page:afterin="onPageAfterIn">
3-
<f7-navbar :title="tt('Transaction Categories')" :back-link="tt('Back')"></f7-navbar>
3+
<f7-navbar :class="{ 'disabled': loading }" :back-link="tt('Back')" :title="tt('Transaction Categories')"></f7-navbar>
44

55
<f7-list strong inset dividers class="margin-top skeleton-text" v-if="loading">
66
<f7-list-item title="Expense" link="#"></f7-list-item>

‎src/views/mobile/categories/EditPage.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
22
<f7-page @page:afterin="onPageAfterIn">
33
<f7-navbar>
4-
<f7-nav-left :back-link="tt('Back')"></f7-nav-left>
4+
<f7-nav-left :class="{ 'disabled': loading }" :back-link="tt('Back')"></f7-nav-left>
55
<f7-nav-title :title="tt(title)"></f7-nav-title>
6-
<f7-nav-right>
6+
<f7-nav-right :class="{ 'disabled': loading }">
77
<f7-link icon-f7="checkmark_alt" :class="{ 'disabled': inputIsEmpty || submitting }" @click="save"></f7-link>
88
</f7-nav-right>
99
</f7-navbar>

‎src/views/mobile/categories/ListPage.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
<template>
22
<f7-page :ptr="!sortable" @ptr:refresh="reload" @page:afterin="onPageAfterIn">
33
<f7-navbar>
4-
<f7-nav-left :back-link="tt('Back')" v-if="!sortable"></f7-nav-left>
4+
<f7-nav-left :class="{ 'disabled': loading }" :back-link="tt('Back')" v-if="!sortable"></f7-nav-left>
55
<f7-nav-left v-else-if="sortable">
66
<f7-link icon-f7="xmark" :class="{ 'disabled': displayOrderSaving }" @click="cancelSort"></f7-link>
77
</f7-nav-left>
88
<f7-nav-title :title="tt(title)"></f7-nav-title>
9-
<f7-nav-right class="navbar-compact-icons">
9+
<f7-nav-right :class="{ 'navbar-compact-icons': true, 'disabled': loading }">
1010
<f7-link icon-f7="ellipsis" :class="{ 'disabled': !categories.length || sortable }" @click="showMoreActionSheet = true"></f7-link>
1111
<f7-link icon-f7="plus" :href="'/category/add?type=' + categoryType + '&parentId=' + primaryCategoryId + (currentPrimaryCategory ? `&color=${currentPrimaryCategory.color}&icon=${currentPrimaryCategory.icon}` : '')" v-if="!sortable"></f7-link>
1212
<f7-link icon-f7="checkmark_alt" :class="{ 'disabled': displayOrderSaving || !displayOrderModified }" @click="saveSortResult" v-else-if="sortable"></f7-link>

‎src/views/mobile/exchangerates/ListPage.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
22
<f7-page ptr @ptr:refresh="reload">
33
<f7-navbar>
4-
<f7-nav-left :back-link="tt('Back')"></f7-nav-left>
4+
<f7-nav-left :class="{ 'disabled': loading }" :back-link="tt('Back')"></f7-nav-left>
55
<f7-nav-title :title="tt('Exchange Rates Data')"></f7-nav-title>
6-
<f7-nav-right>
6+
<f7-nav-right :class="{ 'disabled': loading }">
77
<f7-link icon-f7="ellipsis" @click="showMoreActionSheet = true"></f7-link>
88
</f7-nav-right>
99
</f7-navbar>

‎src/views/mobile/settings/AccountFilterSettingsPage.vue‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,17 @@
11
<template>
22
<f7-page with-subnavbar @page:beforein="onPageBeforeIn" @page:afterin="onPageAfterIn">
33
<f7-navbar>
4-
<f7-nav-left :back-link="tt('Back')"></f7-nav-left>
4+
<f7-nav-left :class="{ 'disabled': loading }" :back-link="tt('Back')"></f7-nav-left>
55
<f7-nav-title :title="tt(title)"></f7-nav-title>
6-
<f7-nav-right class="navbar-compact-icons">
6+
<f7-nav-right :class="{ 'navbar-compact-icons': true, 'disabled': loading }">
77
<f7-link icon-f7="ellipsis" :class="{ 'disabled': !hasAnyAvailableAccount }" @click="showMoreActionSheet = true"></f7-link>
88
<f7-link icon-f7="checkmark_alt" :class="{ 'disabled': !hasAnyAvailableAccount }" @click="save"></f7-link>
99
</f7-nav-right>
1010

1111
<f7-subnavbar :inner="false">
1212
<f7-searchbar
1313
custom-searchs
14+
:class="{ 'disabled': loading }"
1415
:value="filterContent"
1516
:placeholder="tt('Find account')"
1617
:disable-button-text="tt('Cancel')"

‎src/views/mobile/settings/ApplicationCloudSyncSettingsPage.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
22
<f7-page @page:afterin="onPageAfterIn">
33
<f7-navbar>
4-
<f7-nav-left :back-link="tt('Back')"></f7-nav-left>
4+
<f7-nav-left :class="{ 'disabled': loading }" :back-link="tt('Back')"></f7-nav-left>
55
<f7-nav-title :title="tt('Settings Sync')"></f7-nav-title>
6-
<f7-nav-right>
6+
<f7-nav-right :class="{ 'disabled': loading }">
77
<f7-link icon-f7="ellipsis" :class="{ 'disabled': loading || enabling || disabling }" @click="showMoreActionSheet = true"></f7-link>
88
</f7-nav-right>
99
</f7-navbar>

0 commit comments

Comments
 (0)