diff --git a/client/components/admin/admin-system.vue b/client/components/admin/admin-system.vue index 939473f7..e00d4ca5 100644 --- a/client/components/admin/admin-system.vue +++ b/client/components/admin/admin-system.vue @@ -27,6 +27,16 @@ v-list-item-subtitle {{ info.latestVersion }} v-list-item-action v-list-item-action-text {{ $t('admin:system.published') }} {{ info.latestVersionReleaseDate | moment('from') }} + v-card-actions(v-if='upgradeCapable && !isLatestVersion && info.platform === `docker`', :class='$vuetify.theme.dark ? `grey darken-3-d5` : `indigo lighten-5`') + .caption.indigo--text.pl-3(:class='$vuetify.theme.dark ? `text--lighten-4` : ``') Wiki.js can perform the upgrade to the latest version for you. + v-spacer + v-btn.px-3( + color='indigo' + dark + @click='performUpgrade' + ) + v-icon(left) mdi-upload + span Perform Upgrade v-card.mt-4.animated.fadeInUp.wait-p2s v-subheader {{ $t('admin:system.hostInfo') }} @@ -92,24 +102,58 @@ v-list-item-subtitle {{ info.dbHost }} v-alert.mt-3.mx-4(:value='isDbLimited', color='deep-orange darken-2', icon='mdi-alert', dark) {{ $t('admin:system.dbPartialSupport') }} + + v-dialog( + v-model='isUpgrading' + persistent + width='450' + ) + v-card.blue.darken-5(dark) + v-card-text.text-center.pa-10 + self-building-square-spinner( + :animation-duration='4000' + :size='40' + color='#FFF' + style='margin: 0 auto;' + ) + .body-2.mt-5.blue--text.text--lighten-4 Your Wiki.js container is being upgraded... + .caption.blue--text.text--lighten-2 Please wait + v-progress-linear.mt-5( + color='blue lighten-2' + :value='upgradeProgress' + :buffer-value='upgradeProgress' + rounded + :stream='isUpgradingStarted' + query + :indeterminate='!isUpgradingStarted' + )