114 lines
4.3 KiB
Vue
114 lines
4.3 KiB
Vue
<template lang='pug'>
|
|
v-container(fluid, fill-height, grid-list-lg)
|
|
v-layout(row wrap)
|
|
v-flex(xs12)
|
|
.headline.primary--text {{ $t('admin:general.title') }}
|
|
.subheading.grey--text {{ $t('admin:general.subtitle') }}
|
|
v-form.pt-3
|
|
v-layout(row wrap)
|
|
v-flex(lg6 xs12)
|
|
v-form
|
|
v-card
|
|
v-toolbar(color='primary', dark, dense, flat)
|
|
v-toolbar-title
|
|
.subheading {{ $t('admin:general.siteInfo') }}
|
|
v-subheader General
|
|
.px-3.pb-3
|
|
v-text-field(label='Site Title', required, :counter='50', v-model='siteTitle', prepend-icon='public')
|
|
v-divider
|
|
v-subheader SEO
|
|
.px-3.pb-3
|
|
v-text-field(label='Site Description', :counter='255', prepend-icon='public')
|
|
v-text-field(label='Site Keywords', :counter='255', prepend-icon='public')
|
|
v-select(label='Meta Robots', chips, tags, :items='metaRobots', v-model='metaRobotsSelection', prepend-icon='public')
|
|
v-divider
|
|
v-subheader Analytics
|
|
.px-3.pb-3
|
|
v-text-field(
|
|
label='Google Analytics ID'
|
|
:counter='255'
|
|
prepend-icon='public'
|
|
persistent-hint
|
|
hint='Property tracking ID for Google Analytics.'
|
|
)
|
|
v-divider
|
|
v-subheader Footer Copyright
|
|
.px-3.pb-3
|
|
v-text-field(
|
|
label='Company / Organization Name'
|
|
v-model='company'
|
|
:counter='255'
|
|
prepend-icon='public'
|
|
persistent-hint
|
|
hint='Name to use when displaying copyright notice in the footer. Leave empty to hide.'
|
|
)
|
|
v-card-chin
|
|
v-spacer
|
|
v-btn(color='primary')
|
|
v-icon(left) chevron_right
|
|
span Save
|
|
v-flex(lg6 xs12)
|
|
v-card
|
|
v-toolbar(color='primary', dark, dense, flat)
|
|
v-toolbar-title
|
|
.subheading {{ $t('admin:general.siteBranding') }}
|
|
v-card-text
|
|
v-layout.pa-3(row, align-center)
|
|
v-avatar(size='120', color='grey lighten-3', :tile='useSquareLogo')
|
|
.ml-4
|
|
v-layout(row, align-center)
|
|
v-btn(color='teal', depressed, dark)
|
|
v-icon(left) cloud_upload
|
|
span Upload Logo
|
|
v-btn(color='teal', depressed, disabled)
|
|
v-icon(left) clear
|
|
span Clear
|
|
.caption.grey--text An image of 120x120 pixels is recommended for best results.
|
|
.caption.grey--text SVG, PNG or JPG files only.
|
|
v-switch(
|
|
v-model='useSquareLogo'
|
|
label='Use Square Logo Frame'
|
|
color='primary'
|
|
persistent-hint
|
|
hint='Check this option if a round logo frame doesn\'t work with your logo.'
|
|
)
|
|
v-divider.mt-3
|
|
v-switch(
|
|
v-model='displayMascot'
|
|
label='Display Wiki.js Mascot'
|
|
color='primary'
|
|
persistent-hint
|
|
hint='Uncheck this box if you don\'t want Henry, Wiki.js mascot, to be displayed on client-facing pages.'
|
|
)
|
|
v-card-chin
|
|
v-spacer
|
|
v-btn(color='primary')
|
|
v-icon(left) chevron_right
|
|
span Save
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import { sync } from 'vuex-pathify'
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
metaRobotsSelection: ['Index', 'Follow'],
|
|
metaRobots: ['Index', 'Follow', 'No Index', 'No Follow'],
|
|
useSquareLogo: false,
|
|
displayMascot: true
|
|
}
|
|
},
|
|
computed: {
|
|
siteTitle: sync('site/title'),
|
|
company: sync('site/company')
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang='scss'>
|
|
|
|
</style>
|