Change position of toolbar and buttons in Edit mode and add search

This commit is contained in:
Bubka
2022-12-14 14:00:33 +01:00
parent 88195a6afb
commit f661a0bc17
6 changed files with 368 additions and 278 deletions

View File

@ -7,18 +7,23 @@
</div>
</div>
</div>
<div v-if="$route.meta.showAbout === true" class="content has-text-centered is-size-6">
<router-link :to="{ name: 'about' }" class="has-text-grey">
2FAuth <span class="has-text-weight-bold">v{{ appVersion }}</span>
</router-link>
<div v-if="editMode" class="content has-text-centered">
<button id="lnkExitEdit" class="button is-ghost is-like-text" @click="exitEdit">{{ $t('commons.done') }}</button>
</div>
<div v-else class="content has-text-centered">
<router-link id="lnkSettings" :to="{ name: 'settings.options' }" class="has-text-grey">
{{ $t('settings.settings') }}<span v-if="$root.appSettings.latestRelease && $root.appSettings.checkForUpdate" class="release-flag"></span>
</router-link>
<span v-if="!this.$root.appConfig.proxyAuth || (this.$root.appConfig.proxyAuth && this.$root.appConfig.proxyLogoutUrl)">
- <button id="lnkSignOut" class="button is-text is-like-text has-text-grey" @click="logout">{{ $t('auth.sign_out') }}</button>
</span>
<div v-if="$route.meta.showAbout === true" class="is-size-6">
<router-link :to="{ name: 'about' }" class="has-text-grey">
2FAuth <span class="has-text-weight-bold">v{{ appVersion }}</span>
</router-link>
</div>
<div v-else>
<router-link id="lnkSettings" :to="{ name: 'settings.options' }" class="has-text-grey">
{{ $t('settings.settings') }}<span v-if="$root.appSettings.latestRelease && $root.appSettings.checkForUpdate" class="release-flag"></span>
</router-link>
<span v-if="!this.$root.appConfig.proxyAuth || (this.$root.appConfig.proxyAuth && this.$root.appConfig.proxyLogoutUrl)">
- <button id="lnkSignOut" class="button is-text is-like-text has-text-grey" @click="logout">{{ $t('auth.sign_out') }}</button>
</span>
</div>
</div>
</footer>
</template>
@ -34,6 +39,7 @@
props: {
showButtons: true,
editMode: false,
},
methods: {
@ -42,6 +48,10 @@
this.appLogout()
}
},
exitEdit() {
this.$emit('exit-edit')
}
}
};