e4144ad2b2
Former-commit-id: cf8ec044a2531b295b89da915cee439eba6ccd0b [formerly 6d77a48968796dc6db51602486c07d6f2ecc00e6] [formerly 4aa44181ea637eeaba8e7756a76bbf5cd47b6928 [formerly ec190d28a8]]
Former-commit-id: 5e8e25fee1ae1119d5aaf5bf25e83f258ad13d2a [formerly 574db23a689aaf5bbe533d2e322ae98fc0b6d1de]
Former-commit-id: 5b5dfebfb692b62188c216f0cb22f8cdefdd82ab
57 lines
1.3 KiB
Vue
57 lines
1.3 KiB
Vue
<template>
|
|
<div>
|
|
<div id="progress">
|
|
<div v-bind:style="{ width: $store.state.progress + '%' }"></div>
|
|
</div>
|
|
<site-header></site-header>
|
|
<sidebar></sidebar>
|
|
<main>
|
|
<router-view v-on:css-updated="updateCSS"></router-view>
|
|
</main>
|
|
<prompts></prompts>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Search from '@/components/Search'
|
|
import Sidebar from '@/components/Sidebar'
|
|
import Prompts from '@/components/prompts/Prompts'
|
|
import SiteHeader from '@/components/Header'
|
|
|
|
export default {
|
|
name: 'layout',
|
|
components: {
|
|
Search,
|
|
Sidebar,
|
|
SiteHeader,
|
|
Prompts
|
|
},
|
|
watch: {
|
|
'$route': function () {
|
|
this.$store.commit('resetSelected')
|
|
this.$store.commit('multiple', false)
|
|
if (this.$store.state.show !== 'success') this.$store.commit('closeHovers')
|
|
}
|
|
},
|
|
mounted () {
|
|
this.updateCSS()
|
|
},
|
|
methods: {
|
|
updateCSS () {
|
|
let css = this.$store.state.user.css
|
|
|
|
let style = document.querySelector('style[title="user-css"]')
|
|
if (style !== undefined && style !== null) {
|
|
style.parentElement.removeChild(style)
|
|
}
|
|
|
|
style = document.createElement('style')
|
|
style.title = 'user-css'
|
|
style.type = 'text/css'
|
|
style.appendChild(document.createTextNode(css))
|
|
document.head.appendChild(style)
|
|
}
|
|
}
|
|
}
|
|
</script>
|