feat(ui): add a "back" button ...

... on the complete view when entered in maintenance mode
This commit is contained in:
liushuyu 2022-04-01 20:24:42 -06:00
parent 278af40b37
commit 42e092f54d
No known key found for this signature in database
GPG Key ID: 23D1CE4534419437
2 changed files with 11 additions and 1 deletions

View File

@ -30,6 +30,13 @@
<h4 class="subtitle">{{ $t('complete.uninstalled', {'name': $root.$data.attrs.name}) }}</h4> <h4 class="subtitle">{{ $t('complete.uninstalled', {'name': $root.$data.attrs.name}) }}</h4>
</div> </div>
<!-- show the back button when the user was repairing/installing/updating -->
<div class="is-left-floating is-bottom-floating" v-if="$root.$data.metadata.preexisting_install && !this.$route.params.uninstall">
<p class="control">
<b-button class="is-dark is-medium" v-on:click="go_back">{{ $t('back') }}</b-button>
</p>
</div>
<div class="field is-grouped is-right-floating is-bottom-floating"> <div class="field is-grouped is-right-floating is-bottom-floating">
<p class="control"> <p class="control">
<b-button class="is-primary is-medium" v-on:click="exit">{{ $t('exit') }}</b-button> <b-button class="is-primary is-medium" v-on:click="exit">{{ $t('exit') }}</b-button>
@ -50,6 +57,9 @@ export default {
} }
}, },
methods: { methods: {
go_back: function () {
this.$router.replace('/modify')
},
exit: function () { exit: function () {
this.$root.exit() this.$root.exit()
} }

View File

@ -67,7 +67,7 @@
<div class="field is-grouped is-left-floating is-bottom-floating"> <div class="field is-grouped is-left-floating is-bottom-floating">
<p class="control"> <p class="control">
<b-button class="is-primary is-medium" v-if="$root.$data.metadata.preexisting_install" <b-button class="is-dark is-medium" v-if="$root.$data.metadata.preexisting_install"
v-on:click="go_back">{{ $t('back') }}</b-button> v-on:click="go_back">{{ $t('back') }}</b-button>
</p> </p>
</div> </div>