feat: docker auto upgrade
This commit is contained in:
Nick
@@ -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'
|
||||
)
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import _ from 'lodash'
|
||||
|
||||
import { SelfBuildingSquareSpinner } from 'epic-spinners'
|
||||
|
||||
import systemInfoQuery from 'gql/admin/system/system-query-info.gql'
|
||||
import performUpgradeMutation from 'gql/admin/system/system-mutation-upgrade.gql'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
components: {
|
||||
SelfBuildingSquareSpinner
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
isUpgrading: false,
|
||||
isUpgradingStarted: false,
|
||||
upgradeProgress: 0,
|
||||
info: {}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
dbVersion() {
|
||||
dbVersion () {
|
||||
return _.get(this.info, 'dbVersion', '').replace(/(?:\r\n|\r|\n)/g, '<br />')
|
||||
},
|
||||
platformLogo() {
|
||||
platformLogo () {
|
||||
switch (this.info.platform) {
|
||||
case 'docker':
|
||||
return 'mdi-docker'
|
||||
@@ -127,18 +171,49 @@ export default {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
isDbLimited() {
|
||||
isDbLimited () {
|
||||
return this.info.dbType === 'MySQL' && this.dbVersion.indexOf('5.') === 0
|
||||
},
|
||||
isLatestVersion () {
|
||||
return this.info.currentVersion === this.info.latestVersion
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async refresh() {
|
||||
async refresh () {
|
||||
await this.$apollo.queries.info.refetch()
|
||||
this.$store.commit('showNotification', {
|
||||
message: this.$t('admin:system.refreshSuccess'),
|
||||
style: 'success',
|
||||
icon: 'cached'
|
||||
})
|
||||
},
|
||||
async performUpgrade () {
|
||||
this.isUpgrading = true
|
||||
this.isUpgradingStarted = false
|
||||
this.upgradeProgress = 0
|
||||
this.$store.commit(`loadingStart`, 'admin-system-upgrade')
|
||||
try {
|
||||
const respRaw = await this.$apollo.mutate({
|
||||
mutation: performUpgradeMutation
|
||||
})
|
||||
const resp = _.get(respRaw, 'data.system.performUpgrade.responseResult', {})
|
||||
if (resp.succeeded) {
|
||||
this.isUpgradingStarted = true
|
||||
let progressInterval = setInterval(() => {
|
||||
this.upgradeProgress += 0.83
|
||||
}, 500)
|
||||
_.delay(() => {
|
||||
clearInterval(progressInterval)
|
||||
window.location.reload(true)
|
||||
}, 60000)
|
||||
} else {
|
||||
throw new Error(resp.message)
|
||||
}
|
||||
} catch (err) {
|
||||
this.$store.commit('pushGraphError', err)
|
||||
this.$store.commit(`loadingStop`, 'admin-system-upgrade')
|
||||
this.isUpgrading = false
|
||||
}
|
||||
}
|
||||
},
|
||||
apollo: {
|
||||
|
||||
@@ -169,16 +169,16 @@
|
||||
v-toolbar(dense, flat, color='light-green darken-3')
|
||||
v-spacer
|
||||
.caption.mr-1 or convert from
|
||||
v-btn.mx-1(depressed, color='light-green darken-2', @click='', disabled)
|
||||
v-btn.mx-1.animated.fadeInUp(depressed, color='light-green darken-2', @click='', disabled)
|
||||
v-icon(left) mdi-alpha-a-circle
|
||||
.body-2.text-none AsciiDoc
|
||||
v-btn.mx-1(depressed, color='light-green darken-2', @click='', disabled)
|
||||
v-btn.mx-1.animated.fadeInUp.wait-p1s(depressed, color='light-green darken-2', @click='', disabled)
|
||||
v-icon(left) mdi-alpha-c-circle
|
||||
.body-2.text-none CREOLE
|
||||
v-btn.mx-1(depressed, color='light-green darken-2', @click='', disabled)
|
||||
v-btn.mx-1.animated.fadeInUp.wait-p2s(depressed, color='light-green darken-2', @click='', disabled)
|
||||
v-icon(left) mdi-alpha-t-circle
|
||||
.body-2.text-none Textile
|
||||
v-btn.mx-1(depressed, color='light-green darken-2', @click='', disabled)
|
||||
v-btn.mx-1.animated.fadeInUp.wait-p3s(depressed, color='light-green darken-2', @click='', disabled)
|
||||
v-icon(left) mdi-alpha-w-circle
|
||||
.body-2.text-none WikiText
|
||||
v-spacer
|
||||
|
||||
@@ -168,10 +168,12 @@ export default {
|
||||
}).then(res => res.json())
|
||||
|
||||
if (resp.ok === true) {
|
||||
this.success = true
|
||||
_.delay(() => {
|
||||
window.location.assign('/login')
|
||||
}, 3000)
|
||||
this.success = true
|
||||
_.delay(() => {
|
||||
window.location.assign('/login')
|
||||
}, 3000)
|
||||
}, 10000)
|
||||
} else {
|
||||
this.error = true
|
||||
this.errorMessage = resp.error
|
||||
|
||||
Reference in New Issue
Block a user