Refactor footers

This commit is contained in:
Bubka 2020-11-19 15:36:14 +01:00
parent 3926e0950e
commit 252b0f379f

View File

@ -134,8 +134,15 @@
<modal v-model="showTwofaccountInModal">
<token-displayer ref="TokenDisplayer" ></token-displayer>
</modal>
<!-- footer -->
<vue-footer v-if="showFooter && !showGroupSwitch" :showButtons="accounts.length > 0">
<!-- footers -->
<div v-if="showFooter">
<vue-footer v-if="showGroupSwitch" :showButtons="true">
<!-- Close Group switch button -->
<p class="control">
<a class="button is-dark is-rounded" @click="closeGroupSwitch()">{{ $t('commons.close') }}</a>
</p>
</vue-footer>
<vue-footer v-else :showButtons="accounts.length > 0">
<!-- New item buttons -->
<p class="control" v-if="!showUploader && !editMode">
<a class="button is-link is-rounded is-focus" @click="showUploader = true">
@ -165,13 +172,7 @@
</a>
</p>
</vue-footer>
<vue-footer v-if="showFooter && showGroupSwitch" :showButtons="true">
<!-- Close Group switch button -->
<p class="control">
<a class="button is-dark is-rounded" @click="closeGroupSwitch()">{{ $t('commons.close') }}</a>
</p>
</vue-footer>
<vue-footer v-if="showFooter && showGroupSelector" :showButtons="true">
<vue-footer v-if="showGroupSelector" :showButtons="true">
<!-- Move to selected group button -->
<p class="control">
<a class="button is-link is-rounded" @click="moveAccounts()">{{ $t('commons.move') }}</a>
@ -182,6 +183,7 @@
</p>
</vue-footer>
</div>
</div>
</template>