Skip to content

W
wiki-js
Commit 27e0a37d authored by NGPixel's avatar NGPixel
Browse files
Options

misc: migrate to vuetify 2.0 (wip)

parent eccf1a1b
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 327 additions and 314 deletions
client/components/admin/admin-analytics.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-line-chart.svg', alt='Analytics', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-line-chart.svg', alt='Analytics', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text.animated.fadeInLeft {{ $t('admin:analytics.title') }} .headline.primary--text.animated.fadeInLeft {{ $t('admin:analytics.title') }}
.subheading.grey--text.animated.fadeInLeft.wait-p4s {{ $t('admin:analytics.subtitle') }} .subtitle-1.grey--text.animated.fadeInLeft.wait-p4s {{ $t('admin:analytics.subtitle') }}
v-spacer v-spacer
v-btn.animated.fadeInDown.wait-p2s.mr-3(outlined, color='grey', @click='refresh', large) v-btn.animated.fadeInDown.wait-p2s.mr-3(outlined, color='grey', @click='refresh', large)
v-icon mdi-refresh v-icon mdi-refresh
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
v-flex(lg3, xs12) v-flex(lg3, xs12)
v-card.animated.fadeInUp v-card.animated.fadeInUp
v-toolbar(flat, color='primary', dark, dense) v-toolbar(flat, color='primary', dark, dense)
.subheading {{$t('admin:analytics.providers')}} .subtitle-1 {{$t('admin:analytics.providers')}}
v-list(two-line, dense).py-0 v-list(two-line, dense).py-0
template(v-for='(str, idx) in providers') template(v-for='(str, idx) in providers')
v-list-item(:key='str.key', @click='selectedProvider = str.key', :disabled='!str.isAvailable') v-list-item(:key='str.key', @click='selectedProvider = str.key', :disabled='!str.isAvailable')
...@@ -36,15 +36,15 @@ ...@@ -36,15 +36,15 @@
v-card.animated.fadeInUp.wait-p2s v-card.animated.fadeInUp.wait-p2s
v-toolbar(color='primary', dense, flat, dark) v-toolbar(color='primary', dense, flat, dark)
.subheading {{provider.title}} .subtitle-1 {{provider.title}}
v-card-text v-card-text
v-form v-form
.analytic-provider-logo .analytic-provider-logo
img(:src='provider.logo', :alt='provider.title') img(:src='provider.logo', :alt='provider.title')
.caption.pt-3 {{provider.description}} .body-2.pt-3 {{provider.description}}
.caption.pb-3: a(:href='provider.website') {{provider.website}} .body-2.pt-3: a(:href='provider.website') {{provider.website}}
v-divider.mt-3 v-divider.mt-5
.overline.py-4 {{$t('admin:analytics.providerConfiguration')}} .overline.py-5 {{$t('admin:analytics.providerConfiguration')}}
.body-1.ml-3(v-if='!provider.config || provider.config.length < 1'): em {{$t('admin:analytics.providerNoConfiguration')}} .body-1.ml-3(v-if='!provider.config || provider.config.length < 1'): em {{$t('admin:analytics.providerNoConfiguration')}}
template(v-else, v-for='cfg in provider.config') template(v-else, v-for='cfg in provider.config')
v-select( v-select(
......
client/components/admin/admin-api.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img(src='/svg/icon-rest-api.svg', alt='API', style='width: 80px;') img(src='/svg/icon-rest-api.svg', alt='API', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.blue--text.text--darken-2 API Access .headline.blue--text.text--darken-2 API Access
.subheading.grey--text Manage keys to access the API #[v-chip(label, color='primary', small).white--text coming soon] .subtitle-1.grey--text Manage keys to access the API #[v-chip(label, color='primary', small).white--text coming soon]
v-spacer v-spacer
v-btn(outline, color='grey', large, @click='refresh', disabled) v-btn(outline, color='grey', large, @click='refresh', disabled)
v-icon refresh v-icon refresh
......
client/components/admin/admin-dashboard.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-browse-page.svg', alt='Dashboard', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-browse-page.svg', alt='Dashboard', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text.animated.fadeInLeft {{ $t('admin:dashboard.title') }} .headline.primary--text.animated.fadeInLeft {{ $t('admin:dashboard.title') }}
.subheading.grey--text.animated.fadeInLeft.wait-p2s {{ $t('admin:dashboard.subtitle') }} .subtitle-1.grey--text.animated.fadeInLeft.wait-p2s {{ $t('admin:dashboard.subtitle') }}
v-flex(xs12 md6 lg4 xl3 d-flex) v-flex(xs12 md6 lg4 xl3 d-flex)
v-card.primary.dashboard-card.animated.fadeInUp(dark) v-card.primary.dashboard-card.animated.fadeInUp(dark)
v-card-text v-card-text
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
v-icon(:color='isLatestVersion ? `teal` : `red darken-4`', small) mdi-wrench v-icon(:color='isLatestVersion ? `teal` : `red darken-4`', small) mdi-wrench
v-card-text v-card-text
v-icon.dashboard-icon mdi-blur v-icon.dashboard-icon mdi-blur
.subheading Wiki.js {{info.currentVersion}} .subtitle-1 Wiki.js {{info.currentVersion}}
.body-2(v-if='isLatestVersion') {{$t('admin:dashboard.versionLatest')}} .body-2(v-if='isLatestVersion') {{$t('admin:dashboard.versionLatest')}}
.body-2(v-else) {{$t('admin:dashboard.versionNew', { version: info.latestVersion })}} .body-2(v-else) {{$t('admin:dashboard.versionNew', { version: info.latestVersion })}}
v-flex(xs12, xl6) v-flex(xs12, xl6)
......
client/components/admin/admin-dev-flags.vue
View file @ 27e0a37d
...@@ -6,14 +6,14 @@ ...@@ -6,14 +6,14 @@
img(src='/svg/icon-console.svg', alt='Developer Tools', style='width: 80px;') img(src='/svg/icon-console.svg', alt='Developer Tools', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text Developer Tools .headline.primary--text Developer Tools
.subheading.grey--text Flags .subtitle-1.grey--text Flags
v-spacer v-spacer
v-btn(color='success', depressed, @click='save', large) v-btn(color='success', depressed, @click='save', large)
v-icon(left) check v-icon(left) mdi-check
span {{$t('common:actions.apply')}} span {{$t('common:actions.apply')}}
v-card.mt-3.white.grey--text.text--darken-3 v-card.mt-3.white.grey--text.text--darken-3
v-alert(color='red', value='true', icon='warning') v-alert(color='red', value='true', icon='mdi-alert', dark, prominent)
span Do NOT enable these flags unless you know what you're doing! span Do NOT enable these flags unless you know what you're doing!
.caption Doing so may result in data loss or broken installation! .caption Doing so may result in data loss or broken installation!
v-card-text v-card-text
......
client/components/admin/admin-dev-graphiql.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img(src='/svg/icon-console.svg', alt='Developer Tools', style='width: 80px;') img(src='/svg/icon-console.svg', alt='Developer Tools', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text Developer Tools .headline.primary--text Developer Tools
.subheading.grey--text GraphiQL .subtitle-1.grey--text GraphiQL
v-card.mt-3.white.grey--text.text--darken-3 v-card.mt-3.white.grey--text.text--darken-3
#graphiql #graphiql
......
client/components/admin/admin-dev-voyager.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img(src='/svg/icon-console.svg', alt='Developer Tools', style='width: 80px;') img(src='/svg/icon-console.svg', alt='Developer Tools', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text Developer Tools .headline.primary--text Developer Tools
.subheading.grey--text Voyager .subtitle-1.grey--text Voyager
v-card.mt-3.white.grey--text.text--darken-3 v-card.mt-3.white.grey--text.text--darken-3
#voyager #voyager
......
client/components/admin/admin-editor.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img(src='/svg/icon-web-design.svg', alt='Editor', style='width: 80px;') img(src='/svg/icon-web-design.svg', alt='Editor', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text Editor .headline.primary--text Editor
.subheading.grey--text Configure the content editors #[v-chip(label, color='primary', small).white--text coming soon] .subtitle-1.grey--text Configure the content editors #[v-chip(label, color='primary', small).white--text coming soon]
v-spacer v-spacer
v-btn(outline, color='grey', @click='refresh', large) v-btn(outline, color='grey', @click='refresh', large)
v-icon refresh v-icon refresh
......
client/components/admin/admin-general.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-categorize.svg', alt='General', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-categorize.svg', alt='General', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text.animated.fadeInLeft {{ $t('admin:general.title') }} .headline.primary--text.animated.fadeInLeft {{ $t('admin:general.title') }}
.subheading.grey--text.animated.fadeInLeft {{ $t('admin:general.subtitle') }} .subtitle-1.grey--text.animated.fadeInLeft {{ $t('admin:general.subtitle') }}
v-spacer v-spacer
v-btn.animated.fadeInDown(color='success', depressed, @click='save', large) v-btn.animated.fadeInDown(color='success', depressed, @click='save', large)
v-icon(left) mdi-check v-icon(left) mdi-check
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
v-card.animated.fadeInUp v-card.animated.fadeInUp
v-toolbar(color='primary', dark, dense, flat) v-toolbar(color='primary', dark, dense, flat)
v-toolbar-title.subtitle-1 {{ $t('admin:general.siteInfo') }} v-toolbar-title.subtitle-1 {{ $t('admin:general.siteInfo') }}
v-subheader {{$t('admin:general.general')}} .overline.grey--text.pa-4 {{$t('admin:general.general')}}
.px-3.pb-3 .px-3.pb-3
v-text-field( v-text-field(
outlined outlined
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
persistent-hint persistent-hint
) )
v-divider v-divider
v-subheader {{$t('admin:general.logo')}} #[v-chip.ml-2(label, color='grey', small, outlined) coming soon] .overline.grey--text.pa-4 {{$t('admin:general.logo')}} #[v-chip.ml-2(label, color='grey', small, outlined) coming soon]
v-card-text.pb-4.pl-5 v-card-text.pb-4.pl-5
v-layout.px-3(row, align-center) v-layout.px-3(row, align-center)
v-avatar(size='100', :color='$vuetify.dark ? `grey darken-2` : `grey lighten-3`', :tile='config.logoIsSquare') v-avatar(size='100', :color='$vuetify.dark ? `grey darken-2` : `grey lighten-3`', :tile='config.logoIsSquare')
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
.caption.mt-3.grey--text {{$t('admin:general.uploadSizeHint', { size: '120x120' })}} .caption.mt-3.grey--text {{$t('admin:general.uploadSizeHint', { size: '120x120' })}}
.caption.grey--text {{$t('admin:general.uploadTypesHint', { typeList: 'SVG, PNG', lastType: 'JPG' })}}. .caption.grey--text {{$t('admin:general.uploadTypesHint', { typeList: 'SVG, PNG', lastType: 'JPG' })}}.
v-divider v-divider
v-subheader {{$t('admin:general.footerCopyright')}} .overline.grey--text.pa-4 {{$t('admin:general.footerCopyright')}}
.px-3.pb-3 .px-3.pb-3
v-text-field( v-text-field(
outlined outlined
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
:hint='$t(`admin:general.companyNameHint`)' :hint='$t(`admin:general.companyNameHint`)'
) )
v-divider v-divider
v-subheader SEO .overline.grey--text.pa-4 SEO
.px-3.pb-3 .px-3.pb-3
v-text-field( v-text-field(
outlined outlined
......
client/components/admin/admin-groups-edit.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img(src='/svg/icon-social-group.svg', alt='Edit Group', style='width: 80px;') img(src='/svg/icon-social-group.svg', alt='Edit Group', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.blue--text.text--darken-2 Edit Group .headline.blue--text.text--darken-2 Edit Group
.subheading.grey--text {{group.name}} .subtitle-1.grey--text {{group.name}}
v-spacer v-spacer
.caption.grey--text ID #[strong {{group.id}}] .caption.grey--text ID #[strong {{group.id}}]
v-divider.mx-3(vertical) v-divider.mx-3(vertical)
......
client/components/admin/admin-groups.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-people.svg', alt='Groups', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-people.svg', alt='Groups', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.blue--text.text--darken-2.animated.fadeInLeft Groups .headline.blue--text.text--darken-2.animated.fadeInLeft Groups
.subheading.grey--text.animated.fadeInLeft.wait-p4s Manage groups and their permissions .subtitle-1.grey--text.animated.fadeInLeft.wait-p4s Manage groups and their permissions
v-spacer v-spacer
v-btn.animated.fadeInDown.wait-p2s.mr-3(color='grey', outlined, @click='refresh', large) v-btn.animated.fadeInDown.wait-p2s.mr-3(color='grey', outlined, @click='refresh', large)
v-icon mdi-refresh v-icon mdi-refresh
......
client/components/admin/admin-locale.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-globe-earth.svg', alt='Locale', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-globe-earth.svg', alt='Locale', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text.animated.fadeInLeft {{ $t('admin:locale.title') }} .headline.primary--text.animated.fadeInLeft {{ $t('admin:locale.title') }}
.subheading.grey--text.animated.fadeInLeft.wait-p4s {{ $t('admin:locale.subtitle') }} .subtitle-1.grey--text.animated.fadeInLeft.wait-p4s {{ $t('admin:locale.subtitle') }}
v-spacer v-spacer
v-btn.animated.fadeInDown(color='success', depressed, @click='save', large, :loading='loading') v-btn.animated.fadeInDown(color='success', depressed, @click='save', large, :loading='loading')
v-icon(left) mdi-check v-icon(left) mdi-check
......
client/components/admin/admin-logging.vue
View file @ 27e0a37d
...@@ -6,12 +6,12 @@ ...@@ -6,12 +6,12 @@
img(src='/svg/icon-registry-editor.svg', alt='Logging', style='width: 80px;') img(src='/svg/icon-registry-editor.svg', alt='Logging', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text Logging .headline.primary--text Logging
.subheading.grey--text Configure the system logger(s) #[v-chip(label, color='primary', small).white--text coming soon] .subtitle-1.grey--text Configure the system logger(s) #[v-chip(label, color='primary', small).white--text coming soon]
v-spacer v-spacer
v-btn(outline, color='grey', @click='refresh', large) v-btn(outline, color='grey', @click='refresh', large)
v-icon refresh v-icon refresh
v-btn(color='black', disabled, depressed, @click='toggleConsole', large) v-btn(color='black', disabled, depressed, @click='toggleConsole', large)
ConsoleLineIcon.mr-3 v-icon check
span Live Trail span Live Trail
v-btn(color='success', @click='save', depressed, large) v-btn(color='success', @click='save', depressed, large)
v-icon(left) check v-icon(left) check
...@@ -113,12 +113,9 @@ import LoggingConsole from './admin-logging-console.vue' ...@@ -113,12 +113,9 @@ import LoggingConsole from './admin-logging-console.vue'
import loggersQuery from 'gql/admin/logging/logging-query-loggers.gql' import loggersQuery from 'gql/admin/logging/logging-query-loggers.gql'
import loggersSaveMutation from 'gql/admin/logging/logging-mutation-save-loggers.gql' import loggersSaveMutation from 'gql/admin/logging/logging-mutation-save-loggers.gql'
import ConsoleLineIcon from 'mdi/ConsoleLine'
export default { export default {
components: { components: {
LoggingConsole, LoggingConsole
ConsoleLineIcon
}, },
data() { data() {
return { return {
......
client/components/admin/admin-mail.vue
View file @ 27e0a37d
...@@ -6,28 +6,27 @@ ...@@ -6,28 +6,27 @@
img.animated.fadeInUp(src='/svg/icon-new-post.svg', alt='Mail', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-new-post.svg', alt='Mail', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text.animated.fadeInLeft {{ $t('admin:mail.title') }} .headline.primary--text.animated.fadeInLeft {{ $t('admin:mail.title') }}
.subheading.grey--text.animated.fadeInLeft.wait-p4s {{ $t('admin:mail.subtitle') }} .subtitle-1.grey--text.animated.fadeInLeft.wait-p4s {{ $t('admin:mail.subtitle') }}
v-spacer v-spacer
v-btn.animated.fadeInDown(color='success', depressed, @click='save', large) v-btn.animated.fadeInDown(color='success', depressed, @click='save', large)
v-icon(left) check v-icon(left) mdi-check
span {{$t('common:actions.apply')}} span {{$t('common:actions.apply')}}
v-form.pt-3 v-form.pt-3
v-layout(row wrap) v-layout(row wrap)
v-flex(lg6 xs12) v-flex(lg6 xs12)
v-form v-form
v-card.wiki-form.animated.fadeInUp v-card.animated.fadeInUp
v-toolbar(color='primary', dark, dense, flat) v-toolbar(color='primary', dark, dense, flat)
v-toolbar-title v-toolbar-title.subtitle-1 {{ $t('admin:mail.configuration') }}
.subheading {{ $t('admin:mail.configuration') }} .overline.pa-4.grey--text {{ $t('admin:mail.sender') }}
v-subheader {{ $t('admin:mail.sender') }} .px-4
.px-3.pb-3
v-text-field( v-text-field(
outlined outlined
v-model='config.senderName' v-model='config.senderName'
:label='$t(`admin:mail.senderName`)' :label='$t(`admin:mail.senderName`)'
required required
:counter='255' :counter='255'
prepend-icon='person' prepend-icon='mdi-contact-mail'
) )
v-text-field( v-text-field(
outlined outlined
...@@ -35,25 +34,25 @@ ...@@ -35,25 +34,25 @@
:label='$t(`admin:mail.senderEmail`)' :label='$t(`admin:mail.senderEmail`)'
required required
:counter='255' :counter='255'
prepend-icon='email' prepend-icon='mdi-at'
) )
v-divider v-divider
v-subheader {{ $t('admin:mail.smtp') }} .overline.pa-4.grey--text {{ $t('admin:mail.smtp') }}
.px-3.pb-3 .px-4
v-text-field( v-text-field(
outlined outlined
v-model='config.host' v-model='config.host'
:label='$t(`admin:mail.smtpHost`)' :label='$t(`admin:mail.smtpHost`)'
required required
:counter='255' :counter='255'
prepend-icon='memory' prepend-icon='mdi-memory'
) )
v-text-field( v-text-field(
outlined outlined
v-model='config.port' v-model='config.port'
:label='$t(`admin:mail.smtpPort`)' :label='$t(`admin:mail.smtpPort`)'
required required
prepend-icon='router' prepend-icon='mdi-serial-port'
persistent-hint persistent-hint
:hint='$t(`admin:mail.smtpPortHint`)' :hint='$t(`admin:mail.smtpPortHint`)'
style='max-width: 300px;' style='max-width: 300px;'
...@@ -64,7 +63,7 @@ ...@@ -64,7 +63,7 @@
color='primary' color='primary'
persistent-hint persistent-hint
:hint='$t(`admin:mail.smtpTLSHint`)' :hint='$t(`admin:mail.smtpTLSHint`)'
prepend-icon='vpn_lock' prepend-icon='mdi-security-network'
) )
v-text-field.mt-3( v-text-field.mt-3(
outlined outlined
...@@ -72,37 +71,36 @@ ...@@ -72,37 +71,36 @@
:label='$t(`admin:mail.smtpUser`)' :label='$t(`admin:mail.smtpUser`)'
required required
:counter='255' :counter='255'
prepend-icon='lock_outline' prepend-icon='mdi-shield-account-outline'
) )
v-text-field( v-text-field(
outlined outlined
v-model='config.pass' v-model='config.pass'
:label='$t(`admin:mail.smtpPwd`)' :label='$t(`admin:mail.smtpPwd`)'
required required
prepend-icon='lock' prepend-icon='mdi-textbox-password'
type='password' type='password'
) )
v-flex(lg6 xs12) v-flex(lg6 xs12)
v-card.wiki-form.animated.fadeInUp.wait-p2s v-card.animated.fadeInUp.wait-p2s
v-form v-form
v-toolbar(color='primary', dark, dense, flat) v-toolbar(color='primary', dark, dense, flat)
v-toolbar-title v-toolbar-title.subtitle-1 {{ $t('admin:mail.dkim') }}
.subheading {{ $t('admin:mail.dkim') }} .pa-4
.pa-3
.body-2.grey--text.text--darken-2 {{ $t('admin:mail.dkimHint') }} .body-2.grey--text.text--darken-2 {{ $t('admin:mail.dkimHint') }}
v-switch( v-switch(
v-model='config.useDKIM' v-model='config.useDKIM'
:label='$t(`admin:mail.dkimUse`)' :label='$t(`admin:mail.dkimUse`)'
color='primary' color='primary'
prepend-icon='vpn_key' prepend-icon='mdi-key'
) )
v-text-field( v-text-field(
outlined outlined
v-model='config.dkimDomainName' v-model='config.dkimDomainName'
:label='$t(`admin:mail.dkimDomainName`)' :label='$t(`admin:mail.dkimDomainName`)'
:counter='255' :counter='255'
prepend-icon='vpn_key' prepend-icon='mdi-key'
:disabled='!config.useDKIM' :disabled='!config.useDKIM'
) )
v-text-field( v-text-field(
...@@ -110,37 +108,38 @@ ...@@ -110,37 +108,38 @@
v-model='config.dkimKeySelector' v-model='config.dkimKeySelector'
:label='$t(`admin:mail.dkimKeySelector`)' :label='$t(`admin:mail.dkimKeySelector`)'
:counter='255' :counter='255'
prepend-icon='vpn_key' prepend-icon='mdi-key'
:disabled='!config.useDKIM' :disabled='!config.useDKIM'
) )
v-text-field( v-textarea(
outlined outlined
v-model='config.dkimPrivateKey' v-model='config.dkimPrivateKey'
:label='$t(`admin:mail.dkimPrivateKey`)' :label='$t(`admin:mail.dkimPrivateKey`)'
prepend-icon='vpn_key' prepend-icon='mdi-key'
persistent-hint persistent-hint
:hint='$t(`admin:mail.dkimPrivateKeyHint`)' :hint='$t(`admin:mail.dkimPrivateKeyHint`)'
:disabled='!config.useDKIM' :disabled='!config.useDKIM'
) )
v-card.mt-3.wiki-form.animated.fadeInUp.wait-p3s v-card.mt-3.animated.fadeInUp.wait-p3s
v-form v-form
v-toolbar(color='teal', dark, dense, flat) v-toolbar(color='teal', dark, dense, flat)
v-toolbar-title v-toolbar-title.subtitle-1 {{ $t('admin:mail.test') }}
.subheading {{ $t('admin:mail.test') }} .pa-4
.pa-3
.body-2.grey--text.text--darken-2 {{ $t('admin:mail.testHint') }} .body-2.grey--text.text--darken-2 {{ $t('admin:mail.testHint') }}
v-text-field.mt-3( v-text-field.mt-3(
outlined outlined
v-model='testEmail' v-model='testEmail'
:label='$t(`admin:mail.testRecipient`)' :label='$t(`admin:mail.testRecipient`)'
:counter='255' :counter='255'
prepend-icon='mail' prepend-icon='mdi-email-outline'
:disabled='testLoading' :disabled='testLoading'
) )
v-card-chin v-card-chin
v-spacer v-spacer
v-btn(color='teal', dark, @click='sendTest', :loading='testLoading') {{ $t('admin:mail.testSend') }} v-btn.px-4(color='teal', dark, @click='sendTest', :loading='testLoading')
v-icon(left) mdi-send
span {{ $t('admin:mail.testSend') }}
</template> </template>
......
client/components/admin/admin-navigation.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-triangle-arrow.svg', alt='Navigation', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-triangle-arrow.svg', alt='Navigation', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text.animated.fadeInLeft {{$t('navigation.title')}} .headline.primary--text.animated.fadeInLeft {{$t('navigation.title')}}
.subheading.grey--text.animated.fadeInLeft.wait-p4s {{$t('navigation.subtitle')}} .subtitle-1.grey--text.animated.fadeInLeft.wait-p4s {{$t('navigation.subtitle')}}
v-spacer v-spacer
v-btn.animated.fadeInDown.wait-p2s.mr-3(outlined, color='grey', @click='refresh', large) v-btn.animated.fadeInDown.wait-p2s.mr-3(outlined, color='grey', @click='refresh', large)
v-icon mdi-refresh v-icon mdi-refresh
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
span {{$t('navigation.delete', { kind: $t('navigation.link') })}} span {{$t('navigation.delete', { kind: $t('navigation.link') })}}
v-card(v-else-if='current.kind === "header"') v-card(v-else-if='current.kind === "header"')
v-toolbar(dense, color='blue', flat, dark) v-toolbar(dense, color='blue', flat, dark)
.subheading {{$t('navigation.edit', { kind: $t('navigation.header') })}} .subtitle-1 {{$t('navigation.edit', { kind: $t('navigation.header') })}}
v-card-text v-card-text
v-text-field( v-text-field(
outlined outlined
......
client/components/admin/admin-pages-edit.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-view-details.svg', alt='Edit Page', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-view-details.svg', alt='Edit Page', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.blue--text.text--darken-2.animated.fadeInLeft Page Details .headline.blue--text.text--darken-2.animated.fadeInLeft Page Details
.subheading.grey--text.animated.fadeInLeft.wait-p2s .subtitle-1.grey--text.animated.fadeInLeft.wait-p2s
v-chip.ml-0.mr-2(label, small).caption ID {{page.id}} v-chip.ml-0.mr-2(label, small).caption ID {{page.id}}
span /{{page.locale}}/{{page.path}} span /{{page.locale}}/{{page.path}}
v-spacer v-spacer
......
client/components/admin/admin-pages.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-file.svg', alt='Page', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-file.svg', alt='Page', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.blue--text.text--darken-2.animated.fadeInLeft Pages .headline.blue--text.text--darken-2.animated.fadeInLeft Pages
.subheading.grey--text.animated.fadeInLeft.wait-p2s Manage pages .subtitle-1.grey--text.animated.fadeInLeft.wait-p2s Manage pages
v-spacer v-spacer
v-btn.animated.fadeInDown.wait-p1s(color='grey', outlined, @click='refresh', large) v-btn.animated.fadeInDown.wait-p1s(color='grey', outlined, @click='refresh', large)
v-icon.grey--text mdi-refresh v-icon.grey--text mdi-refresh
......
client/components/admin/admin-rendering.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-process.svg', alt='Rendering', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-process.svg', alt='Rendering', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text.animated.fadeInLeft Rendering .headline.primary--text.animated.fadeInLeft Rendering
.subheading.grey--text.animated.fadeInLeft.wait-p4s Configure how content is rendered #[v-chip(label, color='primary', small).white--text coming soon] .subtitle-1.grey--text.animated.fadeInLeft.wait-p4s Configure how content is rendered #[v-chip(label, color='primary', small).white--text coming soon]
v-spacer v-spacer
v-btn.animated.fadeInDown.wait-p2s(outline, color='grey', @click='refresh', large) v-btn.animated.fadeInDown.wait-p2s(outline, color='grey', @click='refresh', large)
v-icon refresh v-icon refresh
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
dark dark
) )
v-icon.mr-2 line_weight v-icon.mr-2 line_weight
.subheading Pipeline .subtitle-1 Pipeline
v-expansion-panel.adm-rendering-pipeline(v-model='selectedCore') v-expansion-panel.adm-rendering-pipeline(v-model='selectedCore')
v-expansion-panel-content( v-expansion-panel-content(
hide-actions hide-actions
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
dense dense
) )
v-icon.mr-2 {{currentRenderer.icon}} v-icon.mr-2 {{currentRenderer.icon}}
.subheading {{currentRenderer.title}} .subtitle-1 {{currentRenderer.title}}
v-spacer v-spacer
.pt-3.mt-1 .pt-3.mt-1
v-switch( v-switch(
......
client/components/admin/admin-search.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-search.svg', alt='Search Engine', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-search.svg', alt='Search Engine', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text.animated.fadeInLeft {{$t('admin:search.title')}} .headline.primary--text.animated.fadeInLeft {{$t('admin:search.title')}}
.subheading.grey--text.animated.fadeInLeft.wait-p2s {{$t('admin:search.subtitle')}} .subtitle-1.grey--text.animated.fadeInLeft.wait-p2s {{$t('admin:search.subtitle')}}
v-spacer v-spacer
v-btn.animated.fadeInDown.wait-p2s(outline, color='grey', @click='refresh', large) v-btn.animated.fadeInDown.wait-p2s(outline, color='grey', @click='refresh', large)
v-icon refresh v-icon refresh
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
v-flex(lg3, xs12) v-flex(lg3, xs12)
v-card.animated.fadeInUp v-card.animated.fadeInUp
v-toolbar(flat, color='primary', dark, dense) v-toolbar(flat, color='primary', dark, dense)
.subheading {{$t('admin:search.searchEngine')}} .subtitle-1 {{$t('admin:search.searchEngine')}}
v-list.py-0(two-line, dense) v-list.py-0(two-line, dense)
template(v-for='(eng, idx) in engines') template(v-for='(eng, idx) in engines')
v-list-item(:key='eng.key', @click='selectedEngine = eng.key', :disabled='!eng.isAvailable') v-list-item(:key='eng.key', @click='selectedEngine = eng.key', :disabled='!eng.isAvailable')
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
v-flex(lg9, xs12) v-flex(lg9, xs12)
v-card.wiki-form.animated.fadeInUp.wait-p2s v-card.wiki-form.animated.fadeInUp.wait-p2s
v-toolbar(color='primary', dense, flat, dark) v-toolbar(color='primary', dense, flat, dark)
.subheading {{engine.title}} .subtitle-1 {{engine.title}}
v-card-text v-card-text
.enginelogo .enginelogo
img(:src='engine.logo', :alt='engine.title') img(:src='engine.logo', :alt='engine.title')
......
client/components/admin/admin-stats.vue
View file @ 27e0a37d
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
v-flex(xs12) v-flex(xs12)
.admin-header-icon: v-icon(size='80', color='grey lighten-2') show_chart .admin-header-icon: v-icon(size='80', color='grey lighten-2') show_chart
.headline.primary--text Statistics .headline.primary--text Statistics
.subheading.grey--text Useful information about your wiki .subtitle-1.grey--text Useful information about your wiki
.pa-3 .pa-3
fingerprint-spinner( fingerprint-spinner(
:animation-duration='1500' :animation-duration='1500'
......
client/components/admin/admin-storage.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-cloud-storage.svg', alt='Storage', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-cloud-storage.svg', alt='Storage', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text.animated.fadeInLeft {{$t('admin:storage.title')}} .headline.primary--text.animated.fadeInLeft {{$t('admin:storage.title')}}
.subheading.grey--text.animated.fadeInLeft.wait-p4s {{$t('admin:storage.subtitle')}} .subtitle-1.grey--text.animated.fadeInLeft.wait-p4s {{$t('admin:storage.subtitle')}}
v-spacer v-spacer
v-btn.animated.fadeInDown.wait-p2s(outline, color='grey', @click='refresh', large) v-btn.animated.fadeInDown.wait-p2s(outline, color='grey', @click='refresh', large)
v-icon refresh v-icon refresh
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
v-flex(lg3, xs12) v-flex(lg3, xs12)
v-card.animated.fadeInUp v-card.animated.fadeInUp
v-toolbar(flat, color='primary', dark, dense) v-toolbar(flat, color='primary', dark, dense)
.subheading {{$t('admin:storage.targets')}} .subtitle-1 {{$t('admin:storage.targets')}}
v-list(two-line, dense).py-0 v-list(two-line, dense).py-0
template(v-for='(tgt, idx) in targets') template(v-for='(tgt, idx) in targets')
v-list-item(:key='tgt.key', @click='selectedTarget = tgt.key', :disabled='!tgt.isAvailable') v-list-item(:key='tgt.key', @click='selectedTarget = tgt.key', :disabled='!tgt.isAvailable')
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
v-card.mt-3.animated.fadeInUp.wait-p2s v-card.mt-3.animated.fadeInUp.wait-p2s
v-toolbar(flat, :color='$vuetify.dark ? `grey darken-3-l5` : `grey darken-3`', dark, dense) v-toolbar(flat, :color='$vuetify.dark ? `grey darken-3-l5` : `grey darken-3`', dark, dense)
.subheading {{$t('admin:storage.status')}} .subtitle-1 {{$t('admin:storage.status')}}
v-spacer v-spacer
looping-rhombuses-spinner( looping-rhombuses-spinner(
:animation-duration='5000' :animation-duration='5000'
...@@ -79,7 +79,7 @@ ...@@ -79,7 +79,7 @@
v-flex(xs12, lg9) v-flex(xs12, lg9)
v-card.wiki-form.animated.fadeInUp.wait-p2s v-card.wiki-form.animated.fadeInUp.wait-p2s
v-toolbar(color='primary', dense, flat, dark) v-toolbar(color='primary', dense, flat, dark)
.subheading {{target.title}} .subtitle-1 {{target.title}}
v-card-text v-card-text
v-form v-form
.targetlogo .targetlogo
...@@ -188,7 +188,7 @@ ...@@ -188,7 +188,7 @@
v-flex(xs12, lg6, xl4, v-for='act of target.actions', :key='act.handler') v-flex(xs12, lg6, xl4, v-for='act of target.actions', :key='act.handler')
v-card.radius-7.grey(flat, :class='$vuetify.dark ? `darken-3-d5` : `lighten-3`', height='100%') v-card.radius-7.grey(flat, :class='$vuetify.dark ? `darken-3-d5` : `lighten-3`', height='100%')
v-card-text v-card-text
.subheading(v-html='act.label') .subtitle-1(v-html='act.label')
.body-1.mt-2(v-html='act.hint') .body-1.mt-2(v-html='act.hint')
v-btn.mx-0.mt-3( v-btn.mx-0.mt-3(
@click='executeAction(target.key, act.handler)' @click='executeAction(target.key, act.handler)'
......
client/components/admin/admin-system.vue
View file @ 27e0a37d
...@@ -6,107 +6,100 @@ ...@@ -6,107 +6,100 @@
img.animated.fadeInUp(src='/svg/icon-tune.svg', alt='System Info', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-tune.svg', alt='System Info', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text.animated.fadeInLeft {{ $t('admin:system.title') }} .headline.primary--text.animated.fadeInLeft {{ $t('admin:system.title') }}
.subheading.grey--text.animated.fadeInLeft.wait-p2s {{ $t('admin:system.subtitle') }} .subtitle-1.grey--text.animated.fadeInLeft.wait-p2s {{ $t('admin:system.subtitle') }}
v-layout.mt-3(row wrap) v-layout.mt-3(row wrap)
v-flex(lg6 xs12) v-flex(lg6 xs12)
v-card.animated.fadeInUp v-card.animated.fadeInUp
v-btn.animated.fadeInLeft.wait-p2s.btn-animate-rotate(fab, absolute, right, top, small, light, @click='refresh'): v-icon refresh v-btn.animated.fadeInLeft.wait-p2s.btn-animate-rotate(fab, absolute, right, top, small, light, @click='refresh'): v-icon(color='grey') mdi-refresh
v-subheader Wiki.js
v-list(two-line, dense) v-list(two-line, dense)
v-subheader Wiki.js
v-list-item(avatar) v-list-item(avatar)
v-list-item-avatar v-list-item-avatar
v-icon.blue.white--text system_update_alt v-icon.blue.white--text mdi-application-export
v-list-item-content v-list-item-content
v-list-item-title {{ $t('admin:system.currentVersion') }} v-list-item-title {{ $t('admin:system.currentVersion') }}
v-list-item-sub-title {{ info.currentVersion }} v-list-item-subtitle {{ info.currentVersion }}
v-list-item(avatar) v-list-item(avatar)
v-list-item-avatar v-list-item-avatar
v-icon.blue.white--text open_in_browser v-icon.blue.white--text mdi-inbox-arrow-up
v-list-item-content v-list-item-content
v-list-item-title {{ $t('admin:system.latestVersion') }} v-list-item-title {{ $t('admin:system.latestVersion') }}
v-list-item-sub-title {{ info.latestVersion }} v-list-item-subtitle {{ info.latestVersion }}
v-list-item-action v-list-item-action
v-list-item-action-text {{ $t('admin:system.published') }} {{ info.latestVersionReleaseDate | moment('from') }} v-list-item-action-text {{ $t('admin:system.published') }} {{ info.latestVersionReleaseDate | moment('from') }}
v-divider.mt-3 v-divider.mt-3
v-subheader {{ $t('admin:system.hostInfo') }}
v-subheader {{ $t('admin:system.hostInfo') }} v-list(two-line, dense)
v-list-item(avatar) v-list-item(avatar)
v-list-item-avatar v-list-item-avatar
v-avatar.blue-grey(size='40') v-avatar.blue-grey(size='40')
img(:src='`/svg/icon-` + platformLogo + `-logo.svg`', alt='Platform', style='width: 24px;') v-icon(color='white') {{platformLogo}}
v-list-item-content v-list-item-content
v-list-item-title {{ $t('admin:system.os') }} v-list-item-title {{ $t('admin:system.os') }}
v-list-item-sub-title {{ (info.platform === 'docker') ? 'Docker Container (Linux)' : info.operatingSystem }} v-list-item-subtitle {{ (info.platform === 'docker') ? 'Docker Container (Linux)' : info.operatingSystem }}
v-list-item(avatar) v-list-item(avatar)
v-list-item-avatar v-list-item-avatar
v-icon.blue-grey.white--text computer v-icon.blue-grey.white--text mdi-desktop-classic
v-list-item-content v-list-item-content
v-list-item-title {{ $t('admin:system.hostname') }} v-list-item-title {{ $t('admin:system.hostname') }}
v-list-item-sub-title {{ info.hostname }} v-list-item-subtitle {{ info.hostname }}
v-list-item(avatar) v-list-item(avatar)
v-list-item-avatar v-list-item-avatar
v-icon.blue-grey.white--text nfc v-icon.blue-grey.white--text mdi-cpu-64-bit
v-list-item-content v-list-item-content
v-list-item-title {{ $t('admin:system.cpuCores') }} v-list-item-title {{ $t('admin:system.cpuCores') }}
v-list-item-sub-title {{ info.cpuCores }} v-list-item-subtitle {{ info.cpuCores }}
v-list-item(avatar) v-list-item(avatar)
v-list-item-avatar v-list-item-avatar
v-icon.blue-grey.white--text memory v-icon.blue-grey.white--text mdi-memory
v-list-item-content v-list-item-content
v-list-item-title {{ $t('admin:system.totalRAM') }} v-list-item-title {{ $t('admin:system.totalRAM') }}
v-list-item-sub-title {{ info.ramTotal }} v-list-item-subtitle {{ info.ramTotal }}
v-list-item(avatar) v-list-item(avatar)
v-list-item-avatar v-list-item-avatar
v-icon.blue-grey.white--text last_page v-icon.blue-grey.white--text mdi-iframe-outline
v-list-item-content v-list-item-content
v-list-item-title {{ $t('admin:system.workingDirectory') }} v-list-item-title {{ $t('admin:system.workingDirectory') }}
v-list-item-sub-title {{ info.workingDirectory }} v-list-item-subtitle {{ info.workingDirectory }}
v-list-item(avatar) v-list-item(avatar)
v-list-item-avatar v-list-item-avatar
v-icon.blue-grey.white--text settings v-icon.blue-grey.white--text mdi-card-bulleted-settings-outline
v-list-item-content v-list-item-content
v-list-item-title {{ $t('admin:system.configFile') }} v-list-item-title {{ $t('admin:system.configFile') }}
v-list-item-sub-title {{ info.configFile }} v-list-item-subtitle {{ info.configFile }}
v-flex(lg6 xs12) v-flex(lg6 xs12)
v-card.pb-3.animated.fadeInUp.wait-p4s v-card.pb-3.animated.fadeInUp.wait-p4s
v-subheader Node.js
v-list(dense) v-list(dense)
v-subheader Node.js
v-list-item(avatar) v-list-item(avatar)
v-list-item-avatar v-list-item-avatar
v-avatar.light-green(size='40') v-avatar.light-green(size='40')
icon-node-js(fillColor='#FFFFFF') v-icon(color='white') mdi-nodejs
v-list-item-content v-list-item-content
v-list-item-title {{ info.nodeVersion }} v-list-item-title {{ info.nodeVersion }}
v-divider.mt-3 v-divider.mt-3
v-subheader {{ info.dbType }}
v-subheader {{ info.dbType }} v-list(dense)
v-list-item(avatar) v-list-item(avatar)
v-list-item-avatar v-list-item-avatar
v-avatar.indigo.darken-1(size='40') v-avatar.indigo.darken-1(size='40')
icon-database(fillColor='#FFFFFF') v-icon(color='white') mdi-database
v-list-item-content v-list-item-content
v-list-item-title(v-html='dbVersion') v-list-item-title(v-html='dbVersion')
v-list-item-sub-title {{ info.dbHost }} v-list-item-subtitle {{ info.dbHost }}
v-alert.mt-3(:value='isDbLimited', color='deep-orange', icon='warning') {{ $t('admin:system.dbPartialSupport') }} v-alert.mt-3.mx-4(:value='isDbLimited', color='deep-orange darken-2', icon='mdi-alert', dark) {{ $t('admin:system.dbPartialSupport') }}
</template> </template>
<script> <script>
import _ from 'lodash' import _ from 'lodash'
import IconDatabase from 'mdi/Database'
import IconNodeJs from 'mdi/Nodejs'
import systemInfoQuery from 'gql/admin/system/system-query-info.gql' import systemInfoQuery from 'gql/admin/system/system-query-info.gql'
export default { export default {
components: {
IconDatabase,
IconNodeJs
},
data() { data() {
return { return {
info: {} info: {}
...@@ -119,13 +112,17 @@ export default { ...@@ -119,13 +112,17 @@ export default {
platformLogo() { platformLogo() {
switch (this.info.platform) { switch (this.info.platform) {
case 'docker': case 'docker':
return 'docker' return 'mdi-docker'
case 'darwin': case 'darwin':
return 'apple' return 'mdi-apple'
case 'linux': case 'linux':
return 'linux' if (this.info.operatingSystem.indexOf('Ubuntu')) {
return 'mdi-ubuntu'
} else {
return 'mdi-linux'
}
case 'win32': case 'win32':
return 'windows' return 'mdi-windows'
default: default:
return '' return ''
} }
......
client/components/admin/admin-theme.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-paint-palette.svg', alt='Theme', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-paint-palette.svg', alt='Theme', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text.animated.fadeInLeft {{$t('admin:theme.title')}} .headline.primary--text.animated.fadeInLeft {{$t('admin:theme.title')}}
.subheading.grey--text.animated.fadeInLeft.wait-p2s {{$t('admin:theme.subtitle')}} .subtitle-1.grey--text.animated.fadeInLeft.wait-p2s {{$t('admin:theme.subtitle')}}
v-spacer v-spacer
v-btn.animated.fadeInRight(color='success', depressed, @click='save', large, :loading='loading') v-btn.animated.fadeInRight(color='success', depressed, @click='save', large, :loading='loading')
v-icon(left) mdi-check v-icon(left) mdi-check
......
client/components/admin/admin-users-edit.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-male-user.svg', alt='Edit User', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-male-user.svg', alt='Edit User', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.blue--text.text--darken-2.animated.fadeInLeft Edit User .headline.blue--text.text--darken-2.animated.fadeInLeft Edit User
.subheading.grey--text.animated.fadeInLeft.wait-p2s {{user.name}} .subtitle-1.grey--text.animated.fadeInLeft.wait-p2s {{user.name}}
v-spacer v-spacer
.caption.grey--text.animated.fadeInRight.wait-p5s ID #[strong {{user.id}}] .caption.grey--text.animated.fadeInRight.wait-p5s ID #[strong {{user.id}}]
v-divider.animated.fadeInRight.wait-p3s.mx-3(vertical) v-divider.animated.fadeInRight.wait-p3s.mx-3(vertical)
......
client/components/admin/admin-users.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-customer.svg', alt='Users', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-customer.svg', alt='Users', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.blue--text.text--darken-2.animated.fadeInLeft Users .headline.blue--text.text--darken-2.animated.fadeInLeft Users
.subheading.grey--text.animated.fadeInLeft.wait-p2s Manage users .subtitle-1.grey--text.animated.fadeInLeft.wait-p2s Manage users
v-spacer v-spacer
v-btn.animated.fadeInDown.wait-p2s.mr-3(outlined, color='grey', large, @click='refresh') v-btn.animated.fadeInDown.wait-p2s.mr-3(outlined, color='grey', large, @click='refresh')
v-icon mdi-refresh v-icon mdi-refresh
......
client/components/admin/admin-utilities-auth.vue
View file @ 27e0a37d
<template lang='pug'> <template lang='pug'>
v-card v-card
v-toolbar(flat, color='primary', dark, dense) v-toolbar(flat, color='primary', dark, dense)
.subheading {{ $t('admin:utilities.authTitle') }} .subtitle-1 {{ $t('admin:utilities.authTitle') }}
v-card-text v-card-text
v-subheader.pl-0.primary--text Generate New Authentication Public / Private Key Certificates .subtitle-1.pb-3.primary--text Generate New Authentication Public / Private Key Certificates
.body-1 This will invalidate all current session tokens and cause all users to be logged out. .body-2 This will invalidate all current session tokens and cause all users to be logged out.
.body-1.red--text You will need to log back in after the operation. .body-2.red--text You will need to log back in after the operation.
v-btn(outline, color='primary', @click='regenCerts', :disabled='loading').ml-0.mt-3 v-btn(outlined, color='primary', @click='regenCerts', :disabled='loading').ml-0.mt-3
v-icon(left) build v-icon(left) mdi-gesture-double-tap
span Proceed span Proceed
v-divider.my-3 v-divider.my-5
v-subheader.pl-0.primary--text Reset Guest User .subtitle-1.pb-3.primary--text Reset Guest User
.body-1 This will reset the guest user to its default parameters and permissions. .body-2 This will reset the guest user to its default parameters and permissions.
v-btn(outline, color='primary', @click='resetGuest', :disabled='loading').ml-0.mt-3 v-btn(outlined, color='primary', @click='resetGuest', :disabled='loading').ml-0.mt-3
v-icon(left) build v-icon(left) mdi-gesture-double-tap
span Proceed span Proceed
</template> </template>
......
client/components/admin/admin-utilities-cache.vue
View file @ 27e0a37d
<template lang='pug'> <template lang='pug'>
v-card v-card
v-toolbar(flat, color='primary', dark, dense) v-toolbar(flat, color='primary', dark, dense)
.subheading {{ $t('admin:utilities.cacheTitle') }} .subtitle-1 {{ $t('admin:utilities.cacheTitle') }}
v-card-text v-card-text
v-subheader.pl-0.primary--text Flush Pages and Assets Cache .subtitle-1.pb-3.primary--text Flush Pages and Assets Cache
.body-1 Pages and Assets are cached to disk for better performance. You can flush the cache to force all content to be fetched from the DB again. .body-2 Pages and Assets are cached to disk for better performance. You can flush the cache to force all content to be fetched from the DB again.
v-btn(outline, color='primary', @click='flushCache', :disabled='loading').ml-0.mt-3 v-btn(outlined, color='primary', @click='flushCache', :disabled='loading').ml-0.mt-3
v-icon(left) build v-icon(left) mdi-gesture-double-tap
span Proceed span Proceed
v-divider.my-3 v-divider.my-5
v-subheader.pl-0.primary--text Flush Temporary Uploads .subtitle-1.pb-3.primary--text Flush Temporary Uploads
.body-1 New uploads are temporarily saved to disk while they are being processed. They are automatically deleted after processing, but you can force an immediate cleanup using this tool. .body-2 New uploads are temporarily saved to disk while they are being processed. They are automatically deleted after processing, but you can force an immediate cleanup using this tool.
.body-1.red--text Note that performing this action while an upload is in progress can result in a failed upload. .body-2.red--text Note that performing this action while an upload is in progress can result in a failed upload.
v-btn(outline, color='primary', @click='flushUploads', :disabled='loading').ml-0.mt-3 v-btn(outlined, color='primary', @click='flushUploads', :disabled='loading').ml-0.mt-3
v-icon(left) build v-icon(left) mdi-gesture-double-tap
span Proceed span Proceed
v-divider.my-3 v-divider.my-5
v-subheader.pl-0.primary--text Flush Client-Side Locale Cache .subtitle-1.pb-3.primary--text Flush Client-Side Locale Cache
.body-1 Locale strings are cached in the browser local storage for 24h. You can delete your current cache in order to fetch the latest data during the next page load. .body-2 Locale strings are cached in the browser local storage for 24h. You can delete your current cache in order to fetch the latest data during the next page load.
.body-1 Note that this affects only #[strong your own browser] and not everyone. .body-2 Note that this affects only #[strong your own browser] and not everyone.
v-btn(outline, color='primary', @click='flushClientLocaleCache', :disabled='loading').ml-0.mt-3 v-btn(outlined, color='primary', @click='flushClientLocaleCache', :disabled='loading').ml-0.mt-3
v-icon(left) build v-icon(left) mdi-gesture-double-tap
span Proceed span Proceed
</template> </template>
......
client/components/admin/admin-utilities-content.vue
View file @ 27e0a37d
<template lang='pug'> <template lang='pug'>
v-card v-card
v-toolbar(flat, color='primary', dark, dense) v-toolbar(flat, color='primary', dark, dense)
.subheading {{ $t('admin:utilities.contentTitle') }} .subtitle-1 {{ $t('admin:utilities.contentTitle') }}
v-card-text v-card-text
v-subheader.pl-0.primary--text Migrate all pages to target locale .subtitle-1.pb-3.pl-0.primary--text Migrate all pages to target locale
.body-1 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 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-1.red--text: strong This operation is destructive and cannot be reversed! Make sure you have proper backups! .body-2.red--text: strong This operation is destructive and cannot be reversed! Make sure you have proper backups!
v-toolbar.radius-7.mt-3.wiki-form(flat, color='grey lighten-4', height='80') v-toolbar.mt-5(flat, color='grey lighten-4', height='80')
v-select( v-select(
label='Source Locale' label='Source Locale'
outlined outlined
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
item-value='code' item-value='code'
v-model='sourceLocale' v-model='sourceLocale'
) )
v-icon.mx-3(large) arrow_forward v-icon.mx-3(large) mdi-chevron-right-box-outline
v-select( v-select(
label='Target Locale' label='Target Locale'
outlined outlined
...@@ -26,9 +26,9 @@ ...@@ -26,9 +26,9 @@
item-value='code' item-value='code'
v-model='targetLocale' v-model='targetLocale'
) )
.body-1.mt-3 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. .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(outline, color='primary', @click='migrateToLocale', :disabled='loading').ml-0.mt-3 v-btn(outlined, color='primary', @click='migrateToLocale', :disabled='loading').ml-0.mt-3
v-icon(left) build v-icon(left) mdi-gesture-double-tap
span Proceed span Proceed
</template> </template>
......
client/components/admin/admin-utilities-importv1.vue
View file @ 27e0a37d
<template lang='pug'> <template lang='pug'>
v-card.wiki-form v-card.wiki-form
v-toolbar(flat, color='primary', dark, dense) v-toolbar(flat, color='primary', dark, dense)
.subheading {{ $t('admin:utilities.importv1Title') }} .subtitle-1 {{ $t('admin:utilities.importv1Title') }}
v-card-text v-card-text
.text-xs-center .text-xs-center
img.animated.fadeInUp.wait-p1s(src='/svg/icon-software.svg') img.animated.fadeInUp.wait-p1s(src='/svg/icon-software.svg')
......
client/components/admin/admin-utilities-telemetry.vue
View file @ 27e0a37d
<template lang='pug'> <template lang='pug'>
v-card v-card
v-toolbar(flat, color='primary', dark, dense) v-toolbar(flat, color='primary', dark, dense)
.subheading {{ $t('admin:utilities.telemetryTitle') }} .subtitle-1 {{ $t('admin:utilities.telemetryTitle') }}
v-form v-form
v-card-text v-card-text
v-subheader What is telemetry? .subtitle-2 What is telemetry?
.body-1.pl-3 Telemetry allows the developers of Wiki.js to improve the software by collecting basic anonymized data about its usage and the host info. #[br] This is entirely optional and #[strong absolutely no] private data (such as content or personal data) is collected. .body-2.mt-3 Telemetry allows the developers of Wiki.js to improve the software by collecting basic anonymized data about its usage and the host info. #[br] This is entirely optional and #[strong absolutely no] private data (such as content or personal data) is collected.
.body-1.pt-3.pl-3 For maximum privacy, a random client ID is generated during setup. This ID is used to group requests together while keeping complete anonymity. You can reset and generate a new one below at any time. .body-2.mt-3 For maximum privacy, a random client ID is generated during setup. This ID is used to group requests together while keeping complete anonymity. You can reset and generate a new one below at any time.
v-divider.my-3 v-divider.my-4
v-subheader What is collected? .subtitle-2 What is collected?
.body-1.pl-3 When telemetry is enabled, only the following data is transmitted: .body-2.mt-3 When telemetry is enabled, only the following data is transmitted:
v-list v-list
v-list-item v-list-item
v-list-item-avatar: v-icon info_outline v-list-item-avatar: v-icon mdi-information-outline
v-list-item-content v-list-item-content
v-list-item-title.body-1 Version of Wiki.js installed v-list-item-title.body-2 Version of Wiki.js installed
v-list-item-sub-title.caption: em e.g. v2.0.123 v-list-item-subtitle.caption: em e.g. v2.0.123
v-list-item v-list-item
v-list-item-avatar: v-icon info_outline v-list-item-avatar: v-icon mdi-information-outline
v-list-item-content v-list-item-content
v-list-item-title.body-1 Basic OS information v-list-item-title.body-2 Basic OS information
v-list-item-sub-title.caption: em Platform (Linux, macOS or Windows), Total CPU cores and DB type (PostgreSQL, MySQL, MariaDB, SQLite or SQL Server) v-list-item-subtitle.caption: em Platform (Linux, macOS or Windows), Total CPU cores and DB type (PostgreSQL, MySQL, MariaDB, SQLite or SQL Server)
v-list-item v-list-item
v-list-item-avatar: v-icon info_outline v-list-item-avatar: v-icon mdi-information-outline
v-list-item-content v-list-item-content
v-list-item-title.body-1 Crash debug data v-list-item-title.body-2 Crash debug data
v-list-item-sub-title.caption: em Stack trace of the error v-list-item-subtitle.caption: em Stack trace of the error
v-list-item v-list-item
v-list-item-avatar: v-icon info_outline v-list-item-avatar: v-icon mdi-information-outline
v-list-item-content v-list-item-content
v-list-item-title.body-1 Setup analytics v-list-item-title.body-2 Setup analytics
v-list-item-sub-title.caption: em Installation checkpoint reached v-list-item-subtitle.caption: em Installation checkpoint reached
.body-1.pl-3 Note that crash debug data is stored for a maximum of 30 days while analytics are stored for a maximum of 16 months, after which it is permanently deleted. .body-2 Note that crash debug data is stored for a maximum of 30 days while analytics are stored for a maximum of 16 months, after which it is permanently deleted.
v-divider.my-3 v-divider.my-4
v-subheader What is it used for? .subtitle-2 What is it used for?
.body-1.pl-3 Telemetry is used by developers to improve Wiki.js, mostly for the following reasons: .body-2.mt-3 Telemetry is used by developers to improve Wiki.js, mostly for the following reasons:
v-list(dense) v-list(dense)
v-list-item v-list-item
v-list-item-avatar: v-icon chevron_right v-list-item-avatar: v-icon mdi-chevron-right
v-list-item-content: v-list-item-title.body-1 Identify critical bugs more easily and fix them in a timely manner. v-list-item-content: v-list-item-title: .body-2 Identify critical bugs more easily and fix them in a timely manner.
v-list-item v-list-item
v-list-item-avatar: v-icon chevron_right v-list-item-avatar: v-icon mdi-chevron-right
v-list-item-content: v-list-item-title.body-1 Understand the upgrade rate of current installations. v-list-item-content: v-list-item-title: .body-2 Understand the upgrade rate of current installations.
v-list-item v-list-item
v-list-item-avatar: v-icon chevron_right v-list-item-avatar: v-icon mdi-chevron-right
v-list-item-content: v-list-item-title.body-1 Optimize performance and testing scenarios based on most popular environments. v-list-item-content: v-list-item-title: .body-2 Optimize performance and testing scenarios based on most popular environments.
.body-1.pl-3 Only authorized developers have access to the data. It is not shared to any 3rd party nor is it used for any other application than improving Wiki.js. .body-2 Only authorized developers have access to the data. It is not shared to any 3rd party nor is it used for any other application than improving Wiki.js.
v-divider.my-3 v-divider.my-4
v-subheader Settings .subtitle-2 Settings
.pl-3 .mt-3
v-switch.mt-0( v-switch.mt-0(
v-model='telemetry', v-model='telemetry',
label='Enable Telemetry', label='Enable Telemetry',
...@@ -56,15 +56,16 @@ ...@@ -56,15 +56,16 @@
hint='Allow Wiki.js to transmit telemetry data.', hint='Allow Wiki.js to transmit telemetry data.',
persistent-hint persistent-hint
) )
.subheading.mt-3.grey--text.text--darken-1 Client ID v-divider.my-4
.body-1 {{clientId}} .subtitle-2.mt-3.grey--text.text--darken-1 Client ID
.body-2.mt-2 {{clientId}}
v-card-chin v-card-chin
v-btn(depressed, color='success', @click='updateTelemetry') v-btn.px-3(depressed, color='success', @click='updateTelemetry')
v-icon(left) chevron_right v-icon(left) mdi-chevron-right
| Save Changes | Save Changes
v-spacer v-spacer
v-btn(outline, color='grey', @click='resetClientId') v-btn.px-3(outlined, color='grey', @click='resetClientId')
v-icon(left) autorenew v-icon(left) mdi-autorenew
span Reset Client ID span Reset Client ID
</template> </template>
......
client/components/admin/admin-utilities.vue
View file @ 27e0a37d
...@@ -6,12 +6,12 @@ ...@@ -6,12 +6,12 @@
img(src='/svg/icon-maintenance.svg', alt='Utilities', style='width: 80px;') img(src='/svg/icon-maintenance.svg', alt='Utilities', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text {{$t('admin:utilities.title')}} .headline.primary--text {{$t('admin:utilities.title')}}
.subheading.grey--text {{$t('admin:utilities.subtitle')}} .subtitle-1.grey--text {{$t('admin:utilities.subtitle')}}
v-flex(lg3, xs12) v-flex(lg3, xs12)
v-card.animated.fadeInUp v-card.animated.fadeInUp
v-toolbar(flat, color='primary', dark, dense) v-toolbar(flat, color='primary', dark, dense)
.subheading {{$t('admin:utilities.tools')}} .subtitle-1 {{$t('admin:utilities.tools')}}
v-list(two-line, dense).py-0 v-list(two-line, dense).py-0
template(v-for='(tool, idx) in tools') template(v-for='(tool, idx) in tools')
v-list-item(:key='tool.key', @click='selectedTool = tool.key', :disabled='!tool.isAvailable') v-list-item(:key='tool.key', @click='selectedTool = tool.key', :disabled='!tool.isAvailable')
...@@ -19,9 +19,9 @@ ...@@ -19,9 +19,9 @@
v-icon(:color='!tool.isAvailable ? `grey lighten-1` : (selectedTool === tool.key ? `blue ` : `grey darken-1`)') {{ tool.icon }} v-icon(:color='!tool.isAvailable ? `grey lighten-1` : (selectedTool === tool.key ? `blue ` : `grey darken-1`)') {{ tool.icon }}
v-list-item-content v-list-item-content
v-list-item-title.body-2(:class='!tool.isAvailable ? `grey--text` : (selectedTool === tool.key ? `primary--text` : ``)') {{ $t('admin:utilities.' + tool.i18nKey + 'Title') }} v-list-item-title.body-2(:class='!tool.isAvailable ? `grey--text` : (selectedTool === tool.key ? `primary--text` : ``)') {{ $t('admin:utilities.' + tool.i18nKey + 'Title') }}
v-list-item-sub-title.caption(:class='!tool.isAvailable ? `grey--text text--lighten-1` : (selectedTool === tool.key ? `blue--text ` : ``)') {{ $t('admin:utilities.' + tool.i18nKey + 'Subtitle') }} v-list-item-subtitle: .caption(:class='!tool.isAvailable ? `grey--text text--lighten-1` : (selectedTool === tool.key ? `blue--text ` : ``)') {{ $t('admin:utilities.' + tool.i18nKey + 'Subtitle') }}
v-list-item-avatar(v-if='selectedTool === tool.key') v-list-item-avatar(v-if='selectedTool === tool.key')
v-icon.animated.fadeInLeft(color='primary') arrow_forward_ios v-icon.animated.fadeInLeft(color='primary', large) mdi-chevron-right
v-divider(v-if='idx < tools.length - 1') v-divider(v-if='idx < tools.length - 1')
v-flex.animated.fadeInUp.wait-p2s(xs12, lg9) v-flex.animated.fadeInUp.wait-p2s(xs12, lg9)
...@@ -46,37 +46,37 @@ export default { ...@@ -46,37 +46,37 @@ export default {
tools: [ tools: [
{ {
key: 'UtilityAuth', key: 'UtilityAuth',
icon: 'lock_outline', icon: 'mdi-lock-open-outline',
i18nKey: 'auth', i18nKey: 'auth',
isAvailable: true isAvailable: true
}, },
{ {
key: 'UtilityContent', key: 'UtilityContent',
icon: 'insert_drive_file', icon: 'mdi-content-duplicate',
i18nKey: 'content', i18nKey: 'content',
isAvailable: true isAvailable: true
}, },
{ {
key: 'UtilityCache', key: 'UtilityCache',
icon: 'invert_colors', icon: 'mdi-database-refresh',
i18nKey: 'cache', i18nKey: 'cache',
isAvailable: true isAvailable: true
}, },
{ {
key: 'UtilityGraphEndpoint', key: 'UtilityGraphEndpoint',
icon: 'settings_ethernet', icon: 'mdi-graphql',
i18nKey: 'graphEndpoint', i18nKey: 'graphEndpoint',
isAvailable: false isAvailable: false
}, },
{ {
key: 'UtilityImportv1', key: 'UtilityImportv1',
icon: 'present_to_all', icon: 'mdi-database-import',
i18nKey: 'importv1', i18nKey: 'importv1',
isAvailable: false isAvailable: false
}, },
{ {
key: 'UtilityTelemetry', key: 'UtilityTelemetry',
icon: 'wifi_tethering', icon: 'mdi-math-compass',
i18nKey: 'telemetry', i18nKey: 'telemetry',
isAvailable: true isAvailable: true
} }
......
client/components/admin/admin-webhooks.vue
View file @ 27e0a37d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
img.animated.fadeInUp(src='/svg/icon-winter.svg', alt='Mail', style='width: 80px;') img.animated.fadeInUp(src='/svg/icon-winter.svg', alt='Mail', style='width: 80px;')
.admin-header-title .admin-header-title
.headline.primary--text.animated.fadeInLeft {{ $t('admin:webhooks.title') }} .headline.primary--text.animated.fadeInLeft {{ $t('admin:webhooks.title') }}
.subheading.grey--text.animated.fadeInLeft.wait-p4s {{ $t('admin:webhooks.subtitle') }} .subtitle-1.grey--text.animated.fadeInLeft.wait-p4s {{ $t('admin:webhooks.subtitle') }}
v-spacer v-spacer
v-btn.animated.fadeInDown(color='success', depressed, @click='save', large, disabled) v-btn.animated.fadeInDown(color='success', depressed, @click='save', large, disabled)
v-icon(left) check v-icon(left) check
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
v-flex(lg3, xs12) v-flex(lg3, xs12)
v-card.animated.fadeInUp v-card.animated.fadeInUp
v-toolbar(flat, color='primary', dark, dense) v-toolbar(flat, color='primary', dark, dense)
.subheading Webhooks .subtitle-1 Webhooks
v-spacer v-spacer
v-btn(outline, small) v-btn(outline, small)
v-icon.mr-2 add v-icon.mr-2 add
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
v-flex(xs12, lg9) v-flex(xs12, lg9)
v-card.wiki-form.animated.fadeInUp.wait-p2s v-card.wiki-form.animated.fadeInUp.wait-p2s
v-toolbar(color='primary', dense, flat, dark) v-toolbar(color='primary', dense, flat, dark)
.subheading {{hook.title}} .subtitle-1 {{hook.title}}
v-card-text v-card-text
v-form v-form
.authlogo .authlogo
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
<script> <script>
import _ from 'lodash' import _ from 'lodash'
import { get } from 'vuex-pathify' // import { get } from 'vuex-pathify'
import mailConfigQuery from 'gql/admin/mail/mail-query-config.gql' import mailConfigQuery from 'gql/admin/mail/mail-query-config.gql'
import mailUpdateConfigMutation from 'gql/admin/mail/mail-mutation-save-config.gql' import mailUpdateConfigMutation from 'gql/admin/mail/mail-mutation-save-config.gql'
......
client/components/common/nav-header.vue
View file @ 27e0a37d
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
v-list-item-title.body-2 {{$t('common:header.newPage')}} v-list-item-title.body-2 {{$t('common:header.newPage')}}
template(v-if='path && path.length') template(v-if='path && path.length')
v-divider.my-0 v-divider.my-0
v-subheader {{$t('common:header.currentPage')}} .overline.pa-4.grey--text {{$t('common:header.currentPage')}}
v-list-item.pl-4(@click='pageView', v-if='mode !== `view`') v-list-item.pl-4(@click='pageView', v-if='mode !== `view`')
v-list-item-avatar(size='24'): v-icon(color='indigo') subject v-list-item-avatar(size='24'): v-icon(color='indigo') subject
v-list-item-title.body-2 {{$t('common:header.view')}} v-list-item-title.body-2 {{$t('common:header.view')}}
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
v-list-item-avatar(size='24'): v-icon(color='red darken-2') mdi-trash-can-outline v-list-item-avatar(size='24'): v-icon(color='red darken-2') mdi-trash-can-outline
v-list-item-title.body-2 {{$t('common:header.delete')}} v-list-item-title.body-2 {{$t('common:header.delete')}}
v-divider.my-0 v-divider.my-0
v-subheader {{$t('common:header.assets')}} .overline.pa-4.grey--text {{$t('common:header.assets')}}
v-list-item.pl-4(@click='assets') v-list-item.pl-4(@click='assets')
v-list-item-avatar(size='24'): v-icon(color='grey lighten-2') mdi-folder-multiple-image v-list-item-avatar(size='24'): v-icon(color='grey lighten-2') mdi-folder-multiple-image
v-list-item-title.body-2.grey--text.text--ligten-2 {{$t('common:header.imagesFiles')}} v-list-item-title.body-2.grey--text.text--ligten-2 {{$t('common:header.imagesFiles')}}
...@@ -318,7 +318,7 @@ export default { ...@@ -318,7 +318,7 @@ export default {
this.$store.commit('showNotification', { this.$store.commit('showNotification', {
style: 'indigo', style: 'indigo',
message: `Coming soon...`, message: `Coming soon...`,
icon: 'directions_boat' icon: 'ferry'
}) })
}, },
pageDelete () { pageDelete () {
...@@ -329,7 +329,7 @@ export default { ...@@ -329,7 +329,7 @@ export default {
this.$store.commit('showNotification', { this.$store.commit('showNotification', {
style: 'indigo', style: 'indigo',
message: `Coming soon...`, message: `Coming soon...`,
icon: 'directions_boat' icon: 'ferry'
}) })
}, },
async changeLocale(locale) { async changeLocale(locale) {
......
client/components/common/page-delete.vue
View file @ 27e0a37d
...@@ -2,20 +2,20 @@ ...@@ -2,20 +2,20 @@
v-dialog(v-model='isShown', max-width='550', persistent) v-dialog(v-model='isShown', max-width='550', persistent)
v-card.wiki-form v-card.wiki-form
.dialog-header.is-short.is-red .dialog-header.is-short.is-red
v-icon.mr-2(color='white') highlight_off v-icon.mr-2(color='white') mdi-file-document-box-remove-outline
span {{$t('common:page.delete')}} span {{$t('common:page.delete')}}
v-card-text v-card-text
i18next.body-2(path='common:page.deleteTitle', tag='div') i18next.body-1(path='common:page.deleteTitle', tag='div')
span.red--text.text--darken-2(place='title') {{pageTitle}} span.red--text.text--darken-2(place='title') {{pageTitle}}
.caption {{$t('common:page.deleteSubtitle')}} .caption {{$t('common:page.deleteSubtitle')}}
v-chip.mt-3.ml-0.mr-1(label, color='red lighten-4', disabled, small) v-chip.mt-3.ml-0.mr-1(label, color='red lighten-4', small)
.caption.red--text.text--darken-2 {{pageLocale.toUpperCase()}} .caption.red--text.text--darken-2 {{pageLocale.toUpperCase()}}
v-chip.mt-3.mx-0(label, color='red lighten-5', disabled, small) v-chip.mt-3.mx-0(label, color='red lighten-5', small)
span.red--text.text--darken-2 /{{pagePath}} span.red--text.text--darken-2 /{{pagePath}}
v-card-chin v-card-chin
v-spacer v-spacer
v-btn(flat, @click='discard', :disabled='loading') {{$t('common:actions.cancel')}} v-btn(text, @click='discard', :disabled='loading') {{$t('common:actions.cancel')}}
v-btn(color='red darken-2', @click='deletePage', :loading='loading').white--text {{$t('common:actions.delete')}} v-btn.px-4(color='red darken-2', @click='deletePage', :loading='loading').white--text {{$t('common:actions.delete')}}
</template> </template>
<script> <script>
......
client/components/common/page-selector.vue
View file @ 27e0a37d
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
v-dialog(v-model='isShown', max-width='850px') v-dialog(v-model='isShown', max-width='850px')
v-card.page-selector v-card.page-selector
.dialog-header.is-dark .dialog-header.is-dark
v-icon.mr-2(color='white') find_in_page v-icon.mr-3(color='white') mdi-page-next-outline
span Select Page Location span Select Page Location
v-spacer v-spacer
v-progress-circular( v-progress-circular(
...@@ -71,9 +71,9 @@ ...@@ -71,9 +71,9 @@
) )
v-card-chin v-card-chin
v-spacer v-spacer
v-btn(outline, @click='close') Cancel v-btn(text, @click='close') Cancel
v-btn(color='primary', @click='open') v-btn.px-4(color='primary', @click='open')
v-icon(left) check v-icon(left) mdi-check
span Select span Select
</template> </template>
......
client/components/editor.vue
View file @ 27e0a37d
...@@ -7,29 +7,29 @@ ...@@ -7,29 +7,29 @@
v-spacer v-spacer
template(slot='actions') template(slot='actions')
v-btn.animated.fadeInDown( v-btn.animated.fadeInDown(
flat text
color='green' color='green'
@click.native.stop='save' @click.native.stop='save'
:class='{ "is-icon": $vuetify.breakpoint.mdAndDown }' :class='{ "is-icon": $vuetify.breakpoint.mdAndDown }'
) )
v-icon(color='green', :left='$vuetify.breakpoint.lgAndUp') check v-icon(color='green', :left='$vuetify.breakpoint.lgAndUp') mdi-check
span.white--text(v-if='$vuetify.breakpoint.lgAndUp') {{ mode === 'create' ? $t('common:actions.create') : $t('common:actions.save') }} span.white--text(v-if='$vuetify.breakpoint.lgAndUp') {{ mode === 'create' ? $t('common:actions.create') : $t('common:actions.save') }}
v-btn.animated.fadeInDown.wait-p1s( v-btn.animated.fadeInDown.wait-p1s(
flat text
color='blue' color='blue'
@click.native.stop='openPropsModal' @click.native.stop='openPropsModal'
:class='{ "is-icon": $vuetify.breakpoint.mdAndDown, "mx-0": !welcomeMode, "ml-0": welcomeMode }' :class='{ "is-icon": $vuetify.breakpoint.mdAndDown, "mx-0": !welcomeMode, "ml-0": welcomeMode }'
) )
v-icon(color='blue', :left='$vuetify.breakpoint.lgAndUp') sort_by_alpha v-icon(color='blue', :left='$vuetify.breakpoint.lgAndUp') mdi-tag-text-outline
span.white--text(v-if='$vuetify.breakpoint.lgAndUp') {{ $t('common:actions.page') }} span.white--text(v-if='$vuetify.breakpoint.lgAndUp') {{ $t('common:actions.page') }}
v-btn.animated.fadeInDown.wait-p2s( v-btn.animated.fadeInDown.wait-p2s(
v-if='!welcomeMode' v-if='!welcomeMode'
flat text
color='red' color='red'
:class='{ "is-icon": $vuetify.breakpoint.mdAndDown }' :class='{ "is-icon": $vuetify.breakpoint.mdAndDown }'
@click.native.stop='exit' @click.native.stop='exit'
) )
v-icon(color='red', :left='$vuetify.breakpoint.lgAndUp') close v-icon(color='red', :left='$vuetify.breakpoint.lgAndUp') mdi-close
span.white--text(v-if='$vuetify.breakpoint.lgAndUp') {{ $t('common:actions.close') }} span.white--text(v-if='$vuetify.breakpoint.lgAndUp') {{ $t('common:actions.close') }}
v-content v-content
component(:is='currentEditor', :save='save') component(:is='currentEditor', :save='save')
......
client/components/editor/editor-markdown.vue
View file @ 27e0a37d
...@@ -9,37 +9,38 @@ ...@@ -9,37 +9,38 @@
template(v-else) template(v-else)
v-tooltip(bottom, color='primary') v-tooltip(bottom, color='primary')
v-btn.animated.fadeIn(icon, slot='activator', @click='toggleMarkup({ start: `**` })').mx-0 v-btn.animated.fadeIn(icon, slot='activator', @click='toggleMarkup({ start: `**` })').mx-0
v-icon format_bold v-icon mdi-format-bold
span {{$t('editor:markup.bold')}} span {{$t('editor:markup.bold')}}
v-tooltip(bottom, color='primary') v-tooltip(bottom, color='primary')
v-btn.animated.fadeIn.wait-p1s(icon, slot='activator', @click='toggleMarkup({ start: `*` })').mx-0 v-btn.animated.fadeIn.wait-p1s(icon, slot='activator', @click='toggleMarkup({ start: `*` })').mx-0
v-icon format_italic v-icon mdi-format-italic
span {{$t('editor:markup.italic')}} span {{$t('editor:markup.italic')}}
v-tooltip(bottom, color='primary') v-tooltip(bottom, color='primary')
v-btn.animated.fadeIn.wait-p2s(icon, slot='activator', @click='toggleMarkup({ start: `~~` })').mx-0 v-btn.animated.fadeIn.wait-p2s(icon, slot='activator', @click='toggleMarkup({ start: `~~` })').mx-0
v-icon format_strikethrough v-icon mdi-format-strikethrough
span {{$t('editor:markup.strikethrough')}} span {{$t('editor:markup.strikethrough')}}
v-menu(offset-y, open-on-hover) v-menu(offset-y, open-on-hover)
v-btn.animated.fadeIn.wait-p3s(icon, slot='activator').mx-0 template(v-slot:activator='{ on }')
v-icon text_fields v-btn.animated.fadeIn.wait-p3s(icon, v-on='on').mx-0
v-icon mdi-format-header-pound
v-list.py-0 v-list.py-0
template(v-for='(n, idx) in 6') template(v-for='(n, idx) in 6')
v-list-item(@click='setHeaderLine(n)', :key='idx') v-list-item(@click='setHeaderLine(n)', :key='idx')
v-list-item-action v-list-item-action
v-icon(:size='24 - (idx - 1) * 2') title v-icon(:size='24 - (idx - 1) * 2') mdi-format-header-{{n}}
v-list-item-title {{$t('editor:markup.heading', { level: n })}} v-list-item-title {{$t('editor:markup.heading', { level: n })}}
v-divider(v-if='idx < 5') v-divider(v-if='idx < 5')
v-tooltip(bottom, color='primary') v-tooltip(bottom, color='primary')
v-btn.animated.fadeIn.wait-p4s(icon, slot='activator', @click='toggleMarkup({ start: `~` })').mx-0 v-btn.animated.fadeIn.wait-p4s(icon, slot='activator', @click='toggleMarkup({ start: `~` })').mx-0
v-icon vertical_align_bottom v-icon mdi-format-subscript
span {{$t('editor:markup.subscript')}} span {{$t('editor:markup.subscript')}}
v-tooltip(bottom, color='primary') v-tooltip(bottom, color='primary')
v-btn.animated.fadeIn.wait-p5s(icon, slot='activator', @click='toggleMarkup({ start: `^` })').mx-0 v-btn.animated.fadeIn.wait-p5s(icon, slot='activator', @click='toggleMarkup({ start: `^` })').mx-0
v-icon vertical_align_top v-icon mdi-format-superscript
span {{$t('editor:markup.superscript')}} span {{$t('editor:markup.superscript')}}
v-menu(offset-y, open-on-hover) v-menu(offset-y, open-on-hover)
v-btn.animated.fadeIn.wait-p6s(icon, slot='activator').mx-0 v-btn.animated.fadeIn.wait-p6s(icon, slot='activator').mx-0
v-icon format_quote v-icon mdi-alpha-t-box-outline
v-list.py-0 v-list.py-0
v-list-item(@click='insertBeforeEachLine({ content: `> `})') v-list-item(@click='insertBeforeEachLine({ content: `> `})')
v-list-item-action v-list-item-action
...@@ -68,73 +69,73 @@ ...@@ -68,73 +69,73 @@
v-divider v-divider
v-tooltip(bottom, color='primary') v-tooltip(bottom, color='primary')
v-btn.animated.fadeIn.wait-p7s(icon, slot='activator', @click='insertBeforeEachLine({ content: `- `})').mx-0 v-btn.animated.fadeIn.wait-p7s(icon, slot='activator', @click='insertBeforeEachLine({ content: `- `})').mx-0
v-icon format_list_bulleted v-icon mdi-format-list-bulleted
span {{$t('editor:markup.unorderedList')}} span {{$t('editor:markup.unorderedList')}}
v-tooltip(bottom, color='primary') v-tooltip(bottom, color='primary')
v-btn.animated.fadeIn.wait-p8s(icon, slot='activator', @click='insertBeforeEachLine({ content: `1. `})').mx-0 v-btn.animated.fadeIn.wait-p8s(icon, slot='activator', @click='insertBeforeEachLine({ content: `1. `})').mx-0
v-icon format_list_numbered v-icon mdi-format-list-numbered
span {{$t('editor:markup.orderedList')}} span {{$t('editor:markup.orderedList')}}
v-tooltip(bottom, color='primary') v-tooltip(bottom, color='primary')
v-btn.animated.fadeIn.wait-p9s(icon, slot='activator', @click='toggleMarkup({ start: "`" })').mx-0 v-btn.animated.fadeIn.wait-p9s(icon, slot='activator', @click='toggleMarkup({ start: "`" })').mx-0
v-icon space_bar v-icon mdi-code-tags
span {{$t('editor:markup.inlineCode')}} span {{$t('editor:markup.inlineCode')}}
v-tooltip(bottom, color='primary') v-tooltip(bottom, color='primary')
v-btn.animated.fadeIn.wait-p10s(icon, slot='activator', @click='toggleMarkup({ start: `<kbd>`, end: `</kbd>` })').mx-0 v-btn.animated.fadeIn.wait-p10s(icon, slot='activator', @click='toggleMarkup({ start: `<kbd>`, end: `</kbd>` })').mx-0
v-icon font_download v-icon mdi-keyboard-variant
span {{$t('editor:markup.keyboardKey')}} span {{$t('editor:markup.keyboardKey')}}
v-tooltip(bottom, color='primary') v-tooltip(bottom, color='primary')
v-btn.animated.fadeIn.wait-p11s(icon, slot='activator', @click='insertAfter({ content: `---`, newLine: true })').mx-0 v-btn.animated.fadeIn.wait-p11s(icon, slot='activator', @click='insertAfter({ content: `---`, newLine: true })').mx-0
v-icon remove v-icon mdi-minus
span {{$t('editor:markup.horizontalBar')}} span {{$t('editor:markup.horizontalBar')}}
template(v-if='$vuetify.breakpoint.mdAndUp') template(v-if='$vuetify.breakpoint.mdAndUp')
v-spacer v-spacer
v-tooltip(bottom, color='primary') v-tooltip(bottom, color='primary')
v-btn.animated.fadeIn.wait-p11s(icon, slot='activator', @click='previewShown = !previewShown').mx-0 v-btn.animated.fadeIn.wait-p11s(icon, slot='activator', @click='previewShown = !previewShown').mx-0
v-icon flip v-icon mdi-book-open-outline
span {{$t('editor:markup.togglePreviewPane')}} span {{$t('editor:markup.togglePreviewPane')}}
.editor-markdown-main .editor-markdown-main
.editor-markdown-sidebar .editor-markdown-sidebar
v-tooltip(right, color='teal') v-tooltip(right, color='teal')
v-btn.animated.fadeInLeft(icon, slot='activator', dark, disabled).mx-0 v-btn.animated.fadeInLeft(icon, slot='activator', dark, disabled).mx-0
v-icon link v-icon mdi-link-plus
span {{$t('editor:markup.insertLink')}} span {{$t('editor:markup.insertLink')}}
v-tooltip(right, color='teal') v-tooltip(right, color='teal')
v-btn.animated.fadeInLeft.wait-p1s(icon, slot='activator', dark, @click='toggleModal(`editorModalMedia`)').mx-0 v-btn.animated.fadeInLeft.wait-p1s(icon, slot='activator', dark, @click='toggleModal(`editorModalMedia`)').mx-0
v-icon(:color='activeModal === `editorModalMedia` ? `teal` : ``') burst_mode v-icon(:color='activeModal === `editorModalMedia` ? `teal` : ``') mdi-folder-multiple-image
span {{$t('editor:markup.insertAssets')}} span {{$t('editor:markup.insertAssets')}}
v-tooltip(right, color='teal') v-tooltip(right, color='teal')
v-btn.animated.fadeInLeft.wait-p2s(icon, slot='activator', dark, @click='toggleModal(`editorModalBlocks`)').mx-0 v-btn.animated.fadeInLeft.wait-p2s(icon, slot='activator', dark, @click='toggleModal(`editorModalBlocks`)').mx-0
v-icon(:color='activeModal === `editorModalBlocks` ? `teal` : ``') dashboard v-icon(:color='activeModal === `editorModalBlocks` ? `teal` : ``') mdi-post
span {{$t('editor:markup.insertBlock')}} span {{$t('editor:markup.insertBlock')}}
v-tooltip(right, color='teal') v-tooltip(right, color='teal')
v-btn.animated.fadeInLeft.wait-p3s(icon, slot='activator', dark, disabled).mx-0 v-btn.animated.fadeInLeft.wait-p3s(icon, slot='activator', dark, disabled).mx-0
v-icon code v-icon mdi-code-braces
span {{$t('editor:markup.insertCodeBlock')}} span {{$t('editor:markup.insertCodeBlock')}}
v-tooltip(right, color='teal') v-tooltip(right, color='teal')
v-btn.animated.fadeInLeft.wait-p4s(icon, slot='activator', dark, disabled).mx-0 v-btn.animated.fadeInLeft.wait-p4s(icon, slot='activator', dark, disabled).mx-0
v-icon play_circle_outline v-icon mdi-library-video
span {{$t('editor:markup.insertVideoAudio')}} span {{$t('editor:markup.insertVideoAudio')}}
v-tooltip(right, color='teal') v-tooltip(right, color='teal')
v-btn.animated.fadeInLeft.wait-p5s(icon, slot='activator', dark, disabled).mx-0 v-btn.animated.fadeInLeft.wait-p5s(icon, slot='activator', dark, disabled).mx-0
v-icon multiline_chart v-icon mdi-chart-multiline
span {{$t('editor:markup.insertDiagram')}} span {{$t('editor:markup.insertDiagram')}}
v-tooltip(right, color='teal') v-tooltip(right, color='teal')
v-btn.animated.fadeInLeft.wait-p6s(icon, slot='activator', dark, disabled).mx-0 v-btn.animated.fadeInLeft.wait-p6s(icon, slot='activator', dark, disabled).mx-0
v-icon functions v-icon mdi-function-variant
span {{$t('editor:markup.insertMathExpression')}} span {{$t('editor:markup.insertMathExpression')}}
v-tooltip(right, color='teal') v-tooltip(right, color='teal')
v-btn.animated.fadeInLeft.wait-p7s(icon, slot='activator', dark, disabled).mx-0 v-btn.animated.fadeInLeft.wait-p7s(icon, slot='activator', dark, disabled).mx-0
v-icon border_outer v-icon mdi-table-plus
span {{$t('editor:markup.tableHelper')}} span {{$t('editor:markup.tableHelper')}}
template(v-if='$vuetify.breakpoint.mdAndUp') template(v-if='$vuetify.breakpoint.mdAndUp')
v-spacer v-spacer
v-tooltip(right, color='teal') v-tooltip(right, color='teal')
v-btn.animated.fadeInLeft.wait-p8s(icon, slot='activator', dark, @click='toggleFullscreen').mx-0 v-btn.animated.fadeInLeft.wait-p8s(icon, slot='activator', dark, @click='toggleFullscreen').mx-0
v-icon crop_free v-icon mdi-overscan
span {{$t('editor:markup.distractionFreeMode')}} span {{$t('editor:markup.distractionFreeMode')}}
v-tooltip(right, color='teal') v-tooltip(right, color='teal')
v-btn.animated.fadeInLeft.wait-p9s(icon, slot='activator', dark, @click='toggleHelp').mx-0 v-btn.animated.fadeInLeft.wait-p9s(icon, slot='activator', dark, @click='toggleHelp').mx-0
v-icon(:color='helpShown ? `teal` : ``') help v-icon(:color='helpShown ? `teal` : ``') mdi-help-circle
span {{$t('editor:markup.markdownFormattingHelp')}} span {{$t('editor:markup.markdownFormattingHelp')}}
.editor-markdown-editor .editor-markdown-editor
codemirror(ref='cm', v-model='code', :options='cmOptions', @ready='onCmReady', @input='onCmInput') codemirror(ref='cm', v-model='code', :options='cmOptions', @ready='onCmReady', @input='onCmInput')
......
client/components/editor/editor-modal-properties.vue
View file @ 27e0a37d
...@@ -7,30 +7,28 @@ ...@@ -7,30 +7,28 @@
:fullscreen='$vuetify.breakpoint.smAndDown' :fullscreen='$vuetify.breakpoint.smAndDown'
) )
.dialog-header .dialog-header
v-icon(color='white') sort_by_alpha v-icon(color='white') mdi-tag-text-outline
.subheading.white--text.ml-2 {{$t('editor:props.pageProperties')}} .subheading.white--text.ml-3 {{$t('editor:props.pageProperties')}}
v-spacer v-spacer
v-btn.mx-0( v-btn.mx-0(
outline outlined
dark dark
@click.native='close' @click.native='close'
) )
v-icon(left) check v-icon(left) mdi-check
span {{ $t('common:actions.ok') }} span {{ $t('common:actions.ok') }}
v-card.wiki-form(tile) v-card.wiki-form(tile)
v-card-text v-card-text
v-subheader.pl-0 {{$t('editor:props.pageInfo')}} .overline.pb-5 {{$t('editor:props.pageInfo')}}
v-text-field( v-text-field(
ref='iptTitle' ref='iptTitle'
outline outlined
background-color='grey lighten-2'
:label='$t(`editor:props.title`)' :label='$t(`editor:props.title`)'
counter='255' counter='255'
v-model='title' v-model='title'
) )
v-text-field( v-text-field(
outline outlined
background-color='grey lighten-2'
:label='$t(`editor:props.shortDescription`)' :label='$t(`editor:props.shortDescription`)'
counter='255' counter='255'
v-model='description' v-model='description'
...@@ -39,13 +37,12 @@ ...@@ -39,13 +37,12 @@
) )
v-divider v-divider
v-card-text.grey(:class='darkMode ? `darken-3-d3` : `lighten-5`') v-card-text.grey(:class='darkMode ? `darken-3-d3` : `lighten-5`')
v-subheader.pl-0 {{$t('editor:props.pathCategorization')}} .overline.pb-5 {{$t('editor:props.pathCategorization')}}
v-container.pa-0(fluid, grid-list-lg) v-container.pa-0(fluid, grid-list-lg)
v-layout(row, wrap) v-layout(row, wrap)
v-flex(xs12, md2) v-flex(xs12, md2)
v-select( v-select(
outline outlined
background-color='grey lighten-2'
:label='$t(`editor:props.locale`)' :label='$t(`editor:props.locale`)'
suffix='/' suffix='/'
:items='namespaces' :items='namespaces'
...@@ -55,10 +52,9 @@ ...@@ -55,10 +52,9 @@
) )
v-flex(xs12, md10) v-flex(xs12, md10)
v-text-field( v-text-field(
outline outlined
background-color='grey lighten-2'
:label='$t(`editor:props.path`)' :label='$t(`editor:props.path`)'
append-icon='folder' append-icon='mdi-folder-search'
v-model='path' v-model='path'
:hint='$t(`editor:props.pathHint`)' :hint='$t(`editor:props.pathHint`)'
persistent-hint persistent-hint
...@@ -66,11 +62,10 @@ ...@@ -66,11 +62,10 @@
:disabled='mode !== "create"' :disabled='mode !== "create"'
) )
v-combobox( v-combobox(
background-color='grey lighten-2'
chips chips
deletable-chips deletable-chips
:label='$t(`editor:props.tags`)' :label='$t(`editor:props.tags`)'
outline outlined
multiple multiple
v-model='tags' v-model='tags'
single-line single-line
...@@ -80,7 +75,7 @@ ...@@ -80,7 +75,7 @@
) )
v-divider v-divider
v-card-text.pb-5.grey(:class='darkMode ? `darken-3-d5` : `lighten-4`') v-card-text.pb-5.grey(:class='darkMode ? `darken-3-d5` : `lighten-4`')
v-subheader.pl-0 {{$t('editor:props.publishState')}} #[v-chip.ml-3(label, color='grey', small, outline).white--text coming soon] .overline.pb-5 {{$t('editor:props.publishState')}} #[v-chip.ml-3(label, color='grey', small, outline).white--text coming soon]
v-container.pa-0(fluid, grid-list-lg) v-container.pa-0(fluid, grid-list-lg)
v-layout(row, wrap) v-layout(row, wrap)
v-flex(xs12, md4) v-flex(xs12, md4)
...@@ -107,10 +102,9 @@ ...@@ -107,10 +102,9 @@
slot='activator' slot='activator'
:label='$t(`editor:props.publishStart`)' :label='$t(`editor:props.publishStart`)'
v-model='publishStartDate' v-model='publishStartDate'
prepend-icon='event' prepend-icon='mdi-calendar-check'
readonly readonly
outline outlined
background-color='grey lighten-2'
clearable clearable
:hint='$t(`editor:props.publishStartHint`)' :hint='$t(`editor:props.publishStartHint`)'
persistent-hint persistent-hint
...@@ -150,10 +144,9 @@ ...@@ -150,10 +144,9 @@
slot='activator' slot='activator'
:label='$t(`editor:props.publishEnd`)' :label='$t(`editor:props.publishEnd`)'
v-model='publishEndDate' v-model='publishEndDate'
prepend-icon='event' prepend-icon='mdi-calendar-remove'
readonly readonly
outline outlined
background-color='grey lighten-2'
clearable clearable
:hint='$t(`editor:props.publishEndHint`)' :hint='$t(`editor:props.publishEndHint`)'
persistent-hint persistent-hint
......
client/static/favicons/android-icon-72x72.png
View file @ 27e0a37d
This diff was suppressed by a .gitattributes entry.
client/static/favicons/apple-icon-72x72.png
View file @ 27e0a37d
This diff was suppressed by a .gitattributes entry.
client/themes/default/components/page.vue
View file @ 27e0a37d
...@@ -76,7 +76,12 @@ ...@@ -76,7 +76,12 @@
.overline.indigo--text.d-flex.align-center .overline.indigo--text.d-flex.align-center
span {{$t('common:page.lastEditedBy')}} span {{$t('common:page.lastEditedBy')}}
v-spacer v-spacer
v-tooltip(left, v-if='isAuthenticated') v-tooltip(top, v-if='isAuthenticated')
template(v-slot:activator='{ on }')
v-btn.btn-animate-edit(icon, :href='"/h/" + locale + "/" + path', v-on='on', x-small)
v-icon(color='grey', dense) mdi-history
span History
v-tooltip(top, v-if='isAuthenticated')
template(v-slot:activator='{ on }') template(v-slot:activator='{ on }')
v-btn.btn-animate-edit(icon, :href='"/e/" + locale + "/" + path', v-on='on', x-small) v-btn.btn-animate-edit(icon, :href='"/e/" + locale + "/" + path', v-on='on', x-small)
v-icon(color='grey', dense) mdi-pencil v-icon(color='grey', dense) mdi-pencil
...@@ -84,7 +89,7 @@ ...@@ -84,7 +89,7 @@
.body-2.grey--text(:class='darkMode ? `` : `text--darken-3`') {{ authorName }} .body-2.grey--text(:class='darkMode ? `` : `text--darken-3`') {{ authorName }}
.caption.grey--text.text--darken-1 {{ updatedAt | moment('calendar') }} .caption.grey--text.text--darken-1 {{ updatedAt | moment('calendar') }}
v-card.mt-5 v-card.mt-5(v-if='tags.length > 0')
.pa-5 .pa-5
.overline.teal--text.pb-2 Tags .overline.teal--text.pb-2 Tags
v-chip.mr-1( v-chip.mr-1(
...@@ -96,7 +101,8 @@ ...@@ -96,7 +101,8 @@
) )
v-icon(color='teal', left, small) mdi-label v-icon(color='teal', left, small) mdi-label
span.teal--text.text--darken-2 {{tag.text}} span.teal--text.text--darken-2 {{tag.text}}
v-divider
v-card.mt-5
.pa-5 .pa-5
.overline.pb-2.yellow--text.text--darken-4 Rating .overline.pb-2.yellow--text.text--darken-4 Rating
.text-center .text-center
......
dev/index.js
View file @ 27e0a37d
...@@ -14,6 +14,10 @@ const init = { ...@@ -14,6 +14,10 @@ const init = {
const webpack = require('webpack') const webpack = require('webpack')
const chokidar = require('chokidar') const chokidar = require('chokidar')
console.info(chalk.yellow.bold('--- ====================== ---'))
console.info(chalk.yellow.bold('--- Wiki.js DEVELOPER MODE ---'))
console.info(chalk.yellow.bold('--- ====================== ---'))
global.DEV = true global.DEV = true
global.WP_CONFIG = require('./webpack/webpack.dev.js') global.WP_CONFIG = require('./webpack/webpack.dev.js')
global.WP = webpack(global.WP_CONFIG) global.WP = webpack(global.WP_CONFIG)
......
dev/webpack/webpack.dev.js
View file @ 27e0a37d
...@@ -9,10 +9,10 @@ const { VueLoaderPlugin } = require('vue-loader') ...@@ -9,10 +9,10 @@ const { VueLoaderPlugin } = require('vue-loader')
const CopyWebpackPlugin = require('copy-webpack-plugin') const CopyWebpackPlugin = require('copy-webpack-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin') const HtmlWebpackPlugin = require('html-webpack-plugin')
const HtmlWebpackPugPlugin = require('html-webpack-pug-plugin') const HtmlWebpackPugPlugin = require('html-webpack-pug-plugin')
const SimpleProgressWebpackPlugin = require('simple-progress-webpack-plugin')
const SriWebpackPlugin = require('webpack-subresource-integrity') const SriWebpackPlugin = require('webpack-subresource-integrity')
const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin') const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')
const WriteFilePlugin = require('write-file-webpack-plugin') const WriteFilePlugin = require('write-file-webpack-plugin')
const WebpackBarPlugin = require('webpackbar')
const babelConfig = fs.readJsonSync(path.join(process.cwd(), '.babelrc')) const babelConfig = fs.readJsonSync(path.join(process.cwd(), '.babelrc'))
const cacheDir = '.webpack-cache/cache' const cacheDir = '.webpack-cache/cache'
...@@ -235,8 +235,8 @@ module.exports = { ...@@ -235,8 +235,8 @@ module.exports = {
hashFuncNames: ['sha256', 'sha512'], hashFuncNames: ['sha256', 'sha512'],
enabled: false enabled: false
}), }),
new SimpleProgressWebpackPlugin({ new WebpackBarPlugin({
format: 'compact' name: 'Client Assets'
}), }),
new webpack.DefinePlugin({ new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('development'), 'process.env.NODE_ENV': JSON.stringify('development'),
...@@ -275,7 +275,6 @@ module.exports = { ...@@ -275,7 +275,6 @@ module.exports = {
'@': path.join(process.cwd(), 'client'), '@': path.join(process.cwd(), 'client'),
'vue$': 'vue/dist/vue.esm.js', 'vue$': 'vue/dist/vue.esm.js',
'gql': path.join(process.cwd(), 'client/graph'), 'gql': path.join(process.cwd(), 'client/graph'),
'mdi': path.join(process.cwd(), 'node_modules/vue-material-design-icons'),
// Duplicates fixes: // Duplicates fixes:
'apollo-link': path.join(process.cwd(), 'node_modules/apollo-link'), 'apollo-link': path.join(process.cwd(), 'node_modules/apollo-link'),
'apollo-utilities': path.join(process.cwd(), 'node_modules/apollo-utilities'), 'apollo-utilities': path.join(process.cwd(), 'node_modules/apollo-utilities'),
......
dev/webpack/webpack.prod.js
View file @ 27e0a37d
...@@ -3,6 +3,7 @@ const path = require('path') ...@@ -3,6 +3,7 @@ const path = require('path')
const fs = require('fs-extra') const fs = require('fs-extra')
const yargs = require('yargs').argv const yargs = require('yargs').argv
const _ = require('lodash') const _ = require('lodash')
const Fiber = require('fibers')
const { CleanWebpackPlugin } = require('clean-webpack-plugin') const { CleanWebpackPlugin } = require('clean-webpack-plugin')
const CopyWebpackPlugin = require('copy-webpack-plugin') const CopyWebpackPlugin = require('copy-webpack-plugin')
...@@ -69,7 +70,7 @@ module.exports = { ...@@ -69,7 +70,7 @@ module.exports = {
] ]
}, },
{ {
test: /\.scss$/, test: /\.sass$/,
use: [ use: [
{ {
loader: 'cache-loader', loader: 'cache-loader',
...@@ -78,31 +79,45 @@ module.exports = { ...@@ -78,31 +79,45 @@ module.exports = {
} }
}, },
'style-loader', 'style-loader',
MiniCssExtractPlugin.loader,
'css-loader', 'css-loader',
'postcss-loader', 'postcss-loader',
{ {
loader: 'sass-loader', loader: 'sass-loader',
options: { options: {
implementation: require('sass'),
fiber: Fiber,
sourceMap: false sourceMap: false
} }
},
{
loader: 'sass-resources-loader',
options: {
resources: path.join(process.cwd(), '/client/scss/global.scss')
}
} }
] ]
}, },
{ {
test: /\.styl$/, test: /\.scss$/,
use: [ use: [
{
loader: 'cache-loader',
options: {
cacheDirectory: cacheDir
}
},
'style-loader', 'style-loader',
MiniCssExtractPlugin.loader, MiniCssExtractPlugin.loader,
'css-loader', 'css-loader',
'postcss-loader', 'postcss-loader',
'stylus-loader' {
loader: 'sass-loader',
options: {
implementation: require('sass'),
fiber: Fiber,
sourceMap: false
}
},
{
loader: 'sass-resources-loader',
options: {
resources: path.join(process.cwd(), '/client/scss/global.scss')
}
}
] ]
}, },
{ {
...@@ -194,6 +209,7 @@ module.exports = { ...@@ -194,6 +209,7 @@ module.exports = {
new webpack.BannerPlugin('Wiki.js - wiki.js.org - Licensed under AGPL'), new webpack.BannerPlugin('Wiki.js - wiki.js.org - Licensed under AGPL'),
new CopyWebpackPlugin([ new CopyWebpackPlugin([
{ from: 'client/static' }, { from: 'client/static' },
{ from: './node_modules/prismjs/components', to: 'js/prism' },
{ from: './node_modules/graphql-voyager/dist/voyager.worker.js', to: 'js/' } { from: './node_modules/graphql-voyager/dist/voyager.worker.js', to: 'js/' }
], {}), ], {}),
new MiniCssExtractPlugin({ new MiniCssExtractPlugin({
...@@ -260,7 +276,6 @@ module.exports = { ...@@ -260,7 +276,6 @@ module.exports = {
'@': path.join(process.cwd(), 'client'), '@': path.join(process.cwd(), 'client'),
'vue$': 'vue/dist/vue.esm.js', 'vue$': 'vue/dist/vue.esm.js',
'gql': path.join(process.cwd(), 'client/graph'), 'gql': path.join(process.cwd(), 'client/graph'),
'mdi': path.resolve(process.cwd(), 'node_modules/vue-material-design-icons'),
// Duplicates fixes: // Duplicates fixes:
'apollo-link': path.join(process.cwd(), 'node_modules/apollo-link'), 'apollo-link': path.join(process.cwd(), 'node_modules/apollo-link'),
'apollo-utilities': path.join(process.cwd(), 'node_modules/apollo-utilities'), 'apollo-utilities': path.join(process.cwd(), 'node_modules/apollo-utilities'),
......
package.json
View file @ 27e0a37d
...@@ -38,10 +38,10 @@ ...@@ -38,10 +38,10 @@
"@bugsnag/js": "6.3.2", "@bugsnag/js": "6.3.2",
"algoliasearch": "3.33.0", "algoliasearch": "3.33.0",
"apollo-fetch": "0.7.0", "apollo-fetch": "0.7.0",
"apollo-server": "2.7.2", "apollo-server": "2.8.1",
"apollo-server-express": "2.7.2", "apollo-server-express": "2.8.1",
"auto-load": "3.0.4", "auto-load": "3.0.4",
"aws-sdk": "2.501.0", "aws-sdk": "2.503.0",
"axios": "0.19.0", "axios": "0.19.0",
"azure-search-client": "3.1.5", "azure-search-client": "3.1.5",
"bcryptjs-then": "1.0.1", "bcryptjs-then": "1.0.1",
...@@ -76,8 +76,8 @@ ...@@ -76,8 +76,8 @@
"graphql-rate-limit-directive": "1.1.0", "graphql-rate-limit-directive": "1.1.0",
"graphql-subscriptions": "1.1.0", "graphql-subscriptions": "1.1.0",
"graphql-tools": "4.0.5", "graphql-tools": "4.0.5",
"highlight.js": "9.15.8", "highlight.js": "9.15.9",
"i18next": "17.0.6", "i18next": "17.0.8",
"i18next-express-middleware": "1.8.0", "i18next-express-middleware": "1.8.0",
"i18next-node-fs-backend": "2.1.3", "i18next-node-fs-backend": "2.1.3",
"image-size": "0.7.4", "image-size": "0.7.4",
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
"markdown-it": "9.0.1", "markdown-it": "9.0.1",
"markdown-it-abbr": "1.0.4", "markdown-it-abbr": "1.0.4",
"markdown-it-anchor": "5.2.4", "markdown-it-anchor": "5.2.4",
"markdown-it-attrs": "2.4.1", "markdown-it-attrs": "3.0.0",
"markdown-it-emoji": "1.4.0", "markdown-it-emoji": "1.4.0",
"markdown-it-expand-tabs": "1.0.13", "markdown-it-expand-tabs": "1.0.13",
"markdown-it-external-links": "0.0.6", "markdown-it-external-links": "0.0.6",
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
"nodemailer": "6.3.0", "nodemailer": "6.3.0",
"objection": "1.6.9", "objection": "1.6.9",
"passport": "0.4.0", "passport": "0.4.0",
"passport-auth0": "1.1.0", "passport-auth0": "1.2.0",
"passport-azure-ad": "4.1.0", "passport-azure-ad": "4.1.0",
"passport-cas": "0.1.1", "passport-cas": "0.1.1",
"passport-discord": "0.1.3", "passport-discord": "0.1.3",
...@@ -146,11 +146,11 @@ ...@@ -146,11 +146,11 @@
"request": "2.88.0", "request": "2.88.0",
"request-promise": "4.2.4", "request-promise": "4.2.4",
"safe-regex": "2.0.2", "safe-regex": "2.0.2",
"sanitize-filename": "1.6.1", "sanitize-filename": "1.6.2",
"scim-query-filter-parser": "1.1.0", "scim-query-filter-parser": "1.1.0",
"semver": "6.3.0", "semver": "6.3.0",
"serve-favicon": "2.5.0", "serve-favicon": "2.5.0",
"simple-git": "1.123.0", "simple-git": "1.124.0",
"solr-node": "1.2.1", "solr-node": "1.2.1",
"sqlite3": "4.0.9", "sqlite3": "4.0.9",
"striptags": "3.1.1", "striptags": "3.1.1",
...@@ -221,7 +221,7 @@ ...@@ -221,7 +221,7 @@
"eslint-plugin-vue": "5.2.3", "eslint-plugin-vue": "5.2.3",
"fibers": "4.0.1", "fibers": "4.0.1",
"file-loader": "4.1.0", "file-loader": "4.1.0",
"filepond": "4.4.11", "filepond": "4.4.12",
"filepond-plugin-file-validate-type": "1.2.4", "filepond-plugin-file-validate-type": "1.2.4",
"filesize.js": "1.0.2", "filesize.js": "1.0.2",
"grapesjs": "0.14.62", "grapesjs": "0.14.62",
...@@ -256,7 +256,7 @@ ...@@ -256,7 +256,7 @@
"react": "16.8.6", "react": "16.8.6",
"react-dom": "16.8.6", "react-dom": "16.8.6",
"resolve-url-loader": "3.1.0", "resolve-url-loader": "3.1.0",
"sass": "1.22.7", "sass": "1.22.9",
"sass-loader": "7.1.0", "sass-loader": "7.1.0",
"sass-resources-loader": "2.0.1", "sass-resources-loader": "2.0.1",
"script-ext-html-webpack-plugin": "2.1.4", "script-ext-html-webpack-plugin": "2.1.4",
...@@ -286,20 +286,21 @@ ...@@ -286,20 +286,21 @@
"vue2-animate": "2.1.0", "vue2-animate": "2.1.0",
"vuedraggable": "2.23.0", "vuedraggable": "2.23.0",
"vuescroll": "4.13.1", "vuescroll": "4.13.1",
"vuetify": "2.0.1", "vuetify": "2.0.4",
"vuetify-loader": "1.3.0", "vuetify-loader": "1.3.0",
"vuex": "3.1.1", "vuex": "3.1.1",
"vuex-pathify": "1.2.4", "vuex-pathify": "1.2.4",
"vuex-persistedstate": "2.5.4", "vuex-persistedstate": "2.5.4",
"webpack": "4.38.0", "webpack": "4.39.1",
"webpack-bundle-analyzer": "3.3.2", "webpack-bundle-analyzer": "3.4.1",
"webpack-cli": "3.3.6", "webpack-cli": "3.3.6",
"webpack-dev-middleware": "3.7.0", "webpack-dev-middleware": "3.7.0",
"webpack-hot-middleware": "2.25.0", "webpack-hot-middleware": "2.25.0",
"webpack-merge": "4.2.1", "webpack-merge": "4.2.1",
"webpack-subresource-integrity": "1.3.2", "webpack-subresource-integrity": "1.3.2",
"webpackbar": "3.2.0",
"whatwg-fetch": "3.0.0", "whatwg-fetch": "3.0.0",
"write-file-webpack-plugin": "4.5.0", "write-file-webpack-plugin": "4.5.1",
"xterm": "3.14.5", "xterm": "3.14.5",
"zxcvbn": "4.4.2" "zxcvbn": "4.4.2"
}, },
......
yarn.lock
View file @ 27e0a37d
This diff was suppressed by a .gitattributes entry.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment