wikijs-fork/client/components/admin/admin-utilities-content.vue
2020-01-05 17:40:28 -05:00

242 lines
8.0 KiB
Vue

<template lang='pug'>
v-card
v-toolbar(flat, color='primary', dark, dense)
.subtitle-1 {{ $t('admin:utilities.contentTitle') }}
v-card-text
.subtitle-1.pb-3.primary--text Rebuild Page Tree
.body-2 The virtual structure of your wiki is automatically inferred from all page paths. You can trigger a full rebuild of the tree if some virtual folders are missing or not valid anymore.
v-btn(outlined, color='primary', @click='rebuildTree', :disabled='loading').ml-0.mt-3
v-icon(left) mdi-gesture-double-tap
span Proceed
v-divider.my-5
.subtitle-1.pb-3.primary--text Rerender All Pages
.body-2 All pages will be rendered again. Useful if internal links are broken or the rendering pipeline has changed.
v-btn(outlined, color='primary', @click='rerenderPages', :disabled='loading', :loading='isRerendering').ml-0.mt-3
v-icon(left) mdi-gesture-double-tap
span Proceed
v-dialog(
v-model='isRerendering'
persistent
max-width='450'
)
v-card(color='blue darken-2', dark)
v-card-text.pa-10.text-center
semipolar-spinner.animated.fadeIn(
:animation-duration='1500'
:size='65'
color='#FFF'
style='margin: 0 auto;'
)
.mt-5.body-1.white--text Rendering all pages...
.caption(v-if='renderIndex > 0') Rendering {{renderCurrentPath}}... ({{renderIndex}}/{{renderTotal}}, {{renderProgress}}%)
.caption.mt-4 Do not leave this page.
v-progress-linear.mt-5(
color='white'
:value='renderProgress'
stream
rounded
:buffer-value='0'
)
v-divider.my-5
.subtitle-1.pb-3.pl-0.primary--text Migrate all pages to target locale
.body-2 If you created content before selecting a different locale and activating the namespacing capabilities, you may want to transfer all content to the base locale.
.body-2.red--text: strong This operation is destructive and cannot be reversed! Make sure you have proper backups!
v-toolbar.radius-7.mt-5(flat, :color='$vuetify.theme.dark ? `grey darken-3-d5` : `grey lighten-4`', height='80')
v-select(
label='Source Locale'
outlined
hide-details
:items='locales'
item-text='name'
item-value='code'
v-model='sourceLocale'
)
v-icon.mx-3(large) mdi-chevron-right-box-outline
v-select(
label='Target Locale'
outlined
hide-details
:items='locales'
item-text='name'
item-value='code'
v-model='targetLocale'
)
.body-2.mt-5 Pages that are already in the target locale will not be touched. If a page already exists at the target, the source page will not be modified as it would create a conflict. If you want to overwrite the target page, you must first delete it.
v-btn(outlined, color='primary', @click='migrateToLocale', :disabled='loading').ml-0.mt-3
v-icon(left) mdi-gesture-double-tap
span Proceed
</template>
<script>
import _ from 'lodash'
import gql from 'graphql-tag'
import utilityContentMigrateLocaleMutation from 'gql/admin/utilities/utilities-mutation-content-migratelocale.gql'
import utilityContentRebuildTreeMutation from 'gql/admin/utilities/utilities-mutation-content-rebuildtree.gql'
import { SemipolarSpinner } from 'epic-spinners'
/* global siteLangs, siteConfig */
export default {
components: {
SemipolarSpinner
},
data: () => {
return {
isRerendering: false,
loading: false,
renderProgress: 0,
renderIndex: 0,
renderTotal: 0,
renderCurrentPath: '',
sourceLocale: '',
targetLocale: ''
}
},
computed: {
currentLocale () {
return siteConfig.lang
},
locales () {
return siteLangs
}
},
methods: {
async rebuildTree () {
this.loading = true
this.$store.commit(`loadingStart`, 'admin-utilities-content-rebuildtree')
try {
const respRaw = await this.$apollo.mutate({
mutation: utilityContentRebuildTreeMutation
})
const resp = _.get(respRaw, 'data.pages.rebuildTree.responseResult', {})
if (resp.succeeded) {
this.$store.commit('showNotification', {
message: 'Page Tree rebuilt successfully.',
style: 'success',
icon: 'check'
})
} else {
throw new Error(resp.message)
}
} catch (err) {
this.$store.commit('pushGraphError', err)
}
this.$store.commit(`loadingStop`, 'admin-utilities-content-rebuildtree')
this.loading = false
},
async rerenderPages () {
this.loading = true
this.isRerendering = true
this.$store.commit(`loadingStart`, 'admin-utilities-content-rerender')
try {
const pagesRaw = await this.$apollo.query({
query: gql`
{
pages {
list {
id
path
locale
}
}
}
`,
fetchPolicy: 'network-only'
})
if (_.get(pagesRaw, 'data.pages.list', []).length < 1) {
throw new Error('Could not find any page to render!')
}
this.renderIndex = 0
this.renderTotal = pagesRaw.data.pages.list.length
let failed = 0
for (const page of pagesRaw.data.pages.list) {
this.renderCurrentPath = `${page.locale}/${page.path}`
this.renderIndex++
this.renderProgress = Math.round(this.renderIndex / this.renderTotal * 100)
const respRaw = await this.$apollo.mutate({
mutation: gql`
mutation($id: Int!) {
pages {
render(id: $id) {
responseResult {
succeeded
errorCode
slug
message
}
}
}
}
`,
variables: {
id: page.id
}
})
const resp = _.get(respRaw, 'data.pages.render.responseResult', {})
if (!resp.succeeded) {
failed++
}
}
if (failed > 0) {
this.$store.commit('showNotification', {
message: `Completed with ${failed} pages that failed to render. Check server logs for details.`,
style: 'error',
icon: 'alert'
})
} else {
this.$store.commit('showNotification', {
message: 'All pages have been rendered successfully.',
style: 'success',
icon: 'check'
})
}
} catch (err) {
this.$store.commit('pushGraphError', err)
}
this.$store.commit(`loadingStop`, 'admin-utilities-content-rerender')
this.isRerendering = false
this.loading = false
},
async migrateToLocale () {
this.loading = true
this.$store.commit(`loadingStart`, 'admin-utilities-content-migratelocale')
try {
const respRaw = await this.$apollo.mutate({
mutation: utilityContentMigrateLocaleMutation,
variables: {
sourceLocale: this.sourceLocale,
targetLocale: this.targetLocale
}
})
const resp = _.get(respRaw, 'data.pages.migrateToLocale.responseResult', {})
if (resp.succeeded) {
this.$store.commit('showNotification', {
message: `Migrated ${_.get(respRaw, 'data.pages.migrateToLocale.count', 0)} page(s) to target locale successfully.`,
style: 'success',
icon: 'check'
})
} else {
throw new Error(resp.message)
}
} catch (err) {
this.$store.commit('pushGraphError', err)
}
this.$store.commit(`loadingStop`, 'admin-utilities-content-migratelocale')
this.loading = false
}
}
}
</script>
<style lang='scss'>
</style>