disable buttons in navigation bar during initial page load

This commit is contained in:
MaysWind
2026-01-17 20:45:51 +08:00
parent 9664bac47f
commit 543cc5f656
22 changed files with 55 additions and 52 deletions
@@ -1,9 +1,9 @@
<template>
<f7-page with-subnavbar @page:beforein="onPageBeforeIn" @page:afterin="onPageAfterIn">
<f7-navbar>
<f7-nav-left :back-link="tt('Back')"></f7-nav-left>
<f7-nav-left :class="{ 'disabled': loading }" :back-link="tt('Back')"></f7-nav-left>
<f7-nav-title :title="tt(title)"></f7-nav-title>
<f7-nav-right class="navbar-compact-icons">
<f7-nav-right :class="{ 'navbar-compact-icons': true, 'disabled': loading }">
<f7-link icon-f7="ellipsis" :class="{ 'disabled': !hasAnyAvailableAccount }" @click="showMoreActionSheet = true"></f7-link>
<f7-link icon-f7="checkmark_alt" :class="{ 'disabled': !hasAnyAvailableAccount }" @click="save"></f7-link>
</f7-nav-right>
@@ -11,6 +11,7 @@
<f7-subnavbar :inner="false">
<f7-searchbar
custom-searchs
:class="{ 'disabled': loading }"
:value="filterContent"
:placeholder="tt('Find account')"
:disable-button-text="tt('Cancel')"
@@ -1,9 +1,9 @@
<template>
<f7-page @page:afterin="onPageAfterIn">
<f7-navbar>
<f7-nav-left :back-link="tt('Back')"></f7-nav-left>
<f7-nav-left :class="{ 'disabled': loading }" :back-link="tt('Back')"></f7-nav-left>
<f7-nav-title :title="tt('Settings Sync')"></f7-nav-title>
<f7-nav-right>
<f7-nav-right :class="{ 'disabled': loading }">
<f7-link icon-f7="ellipsis" :class="{ 'disabled': loading || enabling || disabling }" @click="showMoreActionSheet = true"></f7-link>
</f7-nav-right>
</f7-navbar>
@@ -1,9 +1,9 @@
<template>
<f7-page with-subnavbar @page:beforein="onPageBeforeIn" @page:afterin="onPageAfterIn">
<f7-navbar>
<f7-nav-left :back-link="tt('Back')"></f7-nav-left>
<f7-nav-left :class="{ 'disabled': loading }" :back-link="tt('Back')"></f7-nav-left>
<f7-nav-title :title="tt(title)"></f7-nav-title>
<f7-nav-right class="navbar-compact-icons">
<f7-nav-right :class="{ 'navbar-compact-icons': true, 'disabled': loading }">
<f7-link icon-f7="ellipsis" :class="{ 'disabled': !hasAnyAvailableCategory }" @click="showMoreActionSheet = true"></f7-link>
<f7-link icon-f7="checkmark_alt" :class="{ 'disabled': !hasAnyAvailableCategory }" @click="save"></f7-link>
</f7-nav-right>
@@ -11,6 +11,7 @@
<f7-subnavbar :inner="false">
<f7-searchbar
custom-searchs
:class="{ 'disabled': loading }"
:value="filterContent"
:placeholder="tt('Find category')"
:disable-button-text="tt('Cancel')"
@@ -1,9 +1,9 @@
<template>
<f7-page with-subnavbar @page:beforein="onPageBeforeIn" @page:afterin="onPageAfterIn">
<f7-navbar>
<f7-nav-left :back-link="tt('Back')"></f7-nav-left>
<f7-nav-left :class="{ 'disabled': loading }" :back-link="tt('Back')"></f7-nav-left>
<f7-nav-title :title="tt(title)"></f7-nav-title>
<f7-nav-right class="navbar-compact-icons">
<f7-nav-right :class="{ 'navbar-compact-icons': true, 'disabled': loading }">
<f7-link icon-f7="ellipsis" :class="{ 'disabled': !hasAnyAvailableTag }" @click="showMoreActionSheet = true"></f7-link>
<f7-link icon-f7="checkmark_alt" :class="{ 'disabled': !hasAnyAvailableTag }" @click="save"></f7-link>
</f7-nav-right>
@@ -11,6 +11,7 @@
<f7-subnavbar :inner="false">
<f7-searchbar
custom-searchs
:class="{ 'disabled': loading }"
:value="filterContent"
:placeholder="tt('Find tag')"
:disable-button-text="tt('Cancel')"