msb-public
/
wiki
mirror of https://github.com/requarks/wiki
1
0
Code Issues Projects Releases Wiki Activity

feat: beta preparation + utf16 editor fix

Browse Source
pull/760/head
Nicolas Giard 6 years ago
parent 4bee20e664
commit 3b285c5074
24 changed files with 342 additions and 154 deletions
Show Stats Download Patch File Download Diff File

27
client/components/admin/admin-api.vue
Unescape View File

@ -8,12 +8,12 @@
.headline.blue--text.text--darken-2 API .headline.blue--text.text--darken-2 API
.subheading.grey--text Manage keys to access the API .subheading.grey--text Manage keys to access the API
v-spacer v-spacer
v-btn(outline, color='grey', large) v-btn(outline, color='grey', large, @click='refresh')
v-icon refresh v-icon refresh
v-btn(color='green', dark, depressed, large) v-btn(color='green', dark, depressed, large, @click='globalSwitch')
v-icon(left) power_settings_new v-icon(left) power_settings_new
| Enable API | Enable API
v-btn(color='primary', depressed, large) v-btn(color='primary', depressed, large, @click='newKey')
v-icon(left) add v-icon(left) add
| New API Key | New API Key
v-card.mt-3 v-card.mt-3
@ -104,6 +104,27 @@ export default {
} else { } else {
this.selected = this.items.slice() this.selected = this.items.slice()
} }
},
async refresh() {
this.$store.commit('showNotification', {
style: 'indigo',
message: `Coming soon...`,
icon: 'directions_boat'
})
},
async globalSwitch() {
this.$store.commit('showNotification', {
style: 'indigo',
message: `Coming soon...`,
icon: 'directions_boat'
})
},
async newKey() {
this.$store.commit('showNotification', {
style: 'indigo',
message: `Coming soon...`,
icon: 'directions_boat'
})
} }
} }
} }

9
client/components/admin/admin-auth.vue
Unescape View File

@ -10,9 +10,9 @@
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='primary', @click='save', depressed, large) v-btn(color='success', @click='save', depressed, large)
v-icon(left) chevron_right v-icon(left) check
span Apply Configuration span {{$t('common:actions.apply')}}
v-card.mt-3 v-card.mt-3
v-tabs(color='grey darken-2', fixed-tabs, slider-color='white', show-arrows, dark) v-tabs(color='grey darken-2', fixed-tabs, slider-color='white', show-arrows, dark)
@ -26,13 +26,14 @@
.body-2.grey--text.text--darken-1 Select which authentication strategies to enable: .body-2.grey--text.text--darken-1 Select which authentication strategies to enable:
.caption.grey--text.pb-2 Some strategies require additional configuration in their dedicated tab (when selected). .caption.grey--text.pb-2 Some strategies require additional configuration in their dedicated tab (when selected).
v-form v-form
//- TODO - Prevent crash on unfinished strategies
v-checkbox.my-0( v-checkbox.my-0(
v-for='strategy in strategies' v-for='strategy in strategies'
v-model='strategy.isEnabled' v-model='strategy.isEnabled'
:key='strategy.key' :key='strategy.key'
:label='strategy.title' :label='strategy.title'
color='primary' color='primary'
:disabled='strategy.key === `local`' :disabled='strategy.key === `local` || true'
hide-details hide-details
) )
v-flex(xs12, md6) v-flex(xs12, md6)

77
client/components/admin/admin-dashboard.vue
Unescape View File

@ -8,53 +8,38 @@
.headline.primary--text {{ $t('admin:dashboard.title') }} .headline.primary--text {{ $t('admin:dashboard.title') }}
.subheading.grey--text {{ $t('admin:dashboard.subtitle') }} .subheading.grey--text {{ $t('admin:dashboard.subtitle') }}
v-flex(xs12 md6 lg4 xl3 d-flex) v-flex(xs12 md6 lg4 xl3 d-flex)
v-hover v-card.primary.dashboard-card(dark)
v-card.primary.dashboard-card( v-card-text
dark v-icon.dashboard-icon insert_drive_file
slot-scope='{ hover }' .subheading Pages
:class='hover ? `elevation-10` : `elevation-2`' animated-number.display-1(
) :value='info.pagesTotal'
v-card-text :duration='2000'
v-icon.dashboard-icon insert_drive_file :formatValue='round'
.subheading Pages easing='easeOutQuint'
animated-number.display-1( )
:value='info.pagesTotal'
:duration='2000'
:formatValue='round'
easing='easeOutQuint'
)
v-flex(xs12 md6 lg4 xl3 d-flex) v-flex(xs12 md6 lg4 xl3 d-flex)
v-hover v-card.indigo.lighten-1.dashboard-card(dark)
v-card.indigo.lighten-1.dashboard-card( v-card-text
dark v-icon.dashboard-icon person
slot-scope='{ hover }' .subheading Users
:class='hover ? `elevation-10` : `elevation-2`' animated-number.display-1(
) :value='info.usersTotal'
v-card-text :duration='2000'
v-icon.dashboard-icon person :formatValue='round'
.subheading Users easing='easeOutQuint'
animated-number.display-1( )
:value='info.usersTotal'
:duration='2000'
:formatValue='round'
easing='easeOutQuint'
)
v-flex(xs12 md6 lg4 xl3 d-flex) v-flex(xs12 md6 lg4 xl3 d-flex)
v-hover v-card.indigo.lighten-2.dashboard-card(dark)
v-card.indigo.lighten-2.dashboard-card( v-card-text
dark v-icon.dashboard-icon people
slot-scope='{ hover }' .subheading Groups
:class='hover ? `elevation-10` : `elevation-2`' animated-number.display-1(
) :value='info.groupsTotal'
v-card-text :duration='2000'
v-icon.dashboard-icon people :formatValue='round'
.subheading Groups easing='easeOutQuint'
animated-number.display-1( )
:value='info.groupsTotal'
:duration='2000'
:formatValue='round'
easing='easeOutQuint'
)
v-flex(xs12 md6 lg12 xl3 d-flex) v-flex(xs12 md6 lg12 xl3 d-flex)
v-card.dashboard-card( v-card.dashboard-card(
:class='isLatestVersion ? "teal lighten-2" : "red lighten-2"' :class='isLatestVersion ? "teal lighten-2" : "red lighten-2"'
@ -65,7 +50,7 @@
v-icon(v-else, color='red darken-4') get_app v-icon(v-else, color='red darken-4') get_app
v-card-text v-card-text
v-icon.dashboard-icon blur_on v-icon.dashboard-icon blur_on
.subheading Wiki.js {{info.currentVersion}} .subheading Wiki.js {{info.currentVersion}} BETA
.body-2(v-if='isLatestVersion') You are running the latest version. .body-2(v-if='isLatestVersion') You are running the latest version.
.body-2(v-else) A new version is available: {{info.latestVersion}} .body-2(v-else) A new version is available: {{info.latestVersion}}
v-flex(xs12) v-flex(xs12)

6
client/components/admin/admin-dev.vue
Unescape View File

@ -16,7 +16,7 @@
slider-color='white' slider-color='white'
show-arrows show-arrows
dark dark
@input='tabChanged' @change='tabChanged'
) )
v-tab(key='0') Graph API Playground v-tab(key='0') Graph API Playground
v-tab(key='1') Graph API Map v-tab(key='1') Graph API Map
@ -67,7 +67,7 @@ let graphiQLInstance
export default { export default {
data() { data() {
return { return {
selectedTab: '0' selectedTab: 0
} }
}, },
mounted() { mounted() {
@ -76,7 +76,7 @@ export default {
methods: { methods: {
tabChanged (tabId) { tabChanged (tabId) {
switch (tabId) { switch (tabId) {
case '1': case 1:
this.renderVoyager() this.renderVoyager()
break break
} }

29
client/components/admin/admin-editor.vue
Unescape View File

@ -6,13 +6,13 @@
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 editor .subheading.grey--text Configure the content editors
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='primary', @click='save', depressed, large) v-btn(color='success', @click='save', depressed, large)
v-icon(left) chevron_right v-icon(left) check
span Apply Configuration span {{$t('common:actions.apply')}}
v-card.mt-3 v-card.mt-3
v-tabs(color='grey darken-2', fixed-tabs, slider-color='white', show-arrows, dark) v-tabs(color='grey darken-2', fixed-tabs, slider-color='white', show-arrows, dark)
@ -24,8 +24,15 @@
.body-2.grey--text.text--darken-1 Select which editors to enable: .body-2.grey--text.text--darken-1 Select which editors to enable:
.caption.grey--text.pb-2 Some editors require additional configuration in their dedicated tab (when selected). .caption.grey--text.pb-2 Some editors require additional configuration in their dedicated tab (when selected).
v-form v-form
v-radio-group(v-model='selectedEditor') v-checkbox.my-0(
v-radio(v-for='(editor, n) in editors', :key='n', :label='editor.text', :value='editor.value', color='primary') v-for='editor in editors'
v-model='editor.isEnabled'
:key='editor.key'
:label='editor.title'
color='primary'
disabled
hide-details
)
v-tab-item(key='code', :transition='false', :reverse-transition='false') v-tab-item(key='code', :transition='false', :reverse-transition='false')
v-card.wiki-form.pa-3(flat, tile) v-card.wiki-form.pa-3(flat, tile)
v-form v-form
@ -38,9 +45,13 @@ export default {
data() { data() {
return { return {
editors: [ editors: [
{ text: 'Markdown (default)', value: 'code' } { title: 'API Docs', key: 'api', isEnabled: false },
], { title: 'Code', key: 'code', isEnabled: true },
selectedEditor: 'code' { title: 'Markdown', key: 'markdown', isEnabled: true },
{ title: 'Tabular', key: 'tabular', isEnabled: false },
{ title: 'Visual Builder', key: 'visual', isEnabled: false },
{ title: 'WikiText', key: 'wikitext', isEnabled: false }
]
} }
}, },
methods: { methods: {

2
client/components/admin/admin-general.vue
Unescape View File

@ -77,6 +77,8 @@
v-toolbar(color='primary', dark, dense, flat) v-toolbar(color='primary', dark, dense, flat)
v-toolbar-title v-toolbar-title
.subheading {{ $t('admin:general.siteBranding') }} .subheading {{ $t('admin:general.siteBranding') }}
v-spacer
v-chip(label, color='white', small).primary--text coming soon
v-subheader Logo v-subheader Logo
v-card-text v-card-text
v-layout.px-3(row, align-center) v-layout.px-3(row, align-center)

1
client/components/admin/admin-groups.vue
Unescape View File

@ -25,6 +25,7 @@
label='Group Name' label='Group Name'
counter='255' counter='255'
@keyup.enter='createGroup' @keyup.enter='createGroup'
@keyup.esc='newGroupDialog = false'
ref='groupNameIpt' ref='groupNameIpt'
) )
v-card-chin v-card-chin

6
client/components/admin/admin-logging.vue
Unescape View File

@ -13,9 +13,9 @@
v-btn(color='black', dark, depressed, @click='toggleConsole', large) v-btn(color='black', dark, depressed, @click='toggleConsole', large)
ConsoleLineIcon.mr-3 ConsoleLineIcon.mr-3
span Live Trail span Live Trail
v-btn.mr-0(color='primary', @click='save', depressed, large) v-btn(color='success', @click='save', depressed, large)
v-icon(left) chevron_right v-icon(left) check
span Apply Configuration span {{$t('common:actions.apply')}}
v-card.mt-3 v-card.mt-3
v-tabs(color='grey darken-2', fixed-tabs, slider-color='white', show-arrows, dark) v-tabs(color='grey darken-2', fixed-tabs, slider-color='white', show-arrows, dark)

20
client/components/admin/admin-rendering.vue
Unescape View File

@ -10,9 +10,9 @@
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='primary', @click='save', depressed, large) v-btn(color='success', @click='save', depressed, large)
v-icon(left) chevron_right v-icon(left) check
span Apply Configuration span {{$t('common:actions.apply')}}
v-flex(lg3, xs12) v-flex(lg3, xs12)
v-toolbar( v-toolbar(
@ -155,6 +155,20 @@ export default {
this.currentRenderer = _.find(rdr.children, ['key', key]) this.currentRenderer = _.find(rdr.children, ['key', key])
} }
}) })
},
async refresh () {
this.$store.commit('showNotification', {
style: 'indigo',
message: `Coming soon...`,
icon: 'directions_boat'
})
},
async save () {
this.$store.commit('showNotification', {
style: 'indigo',
message: `Coming soon...`,
icon: 'directions_boat'
})
} }
}, },
apollo: { apollo: {

17
client/components/admin/admin-search.vue
Unescape View File

@ -10,12 +10,12 @@
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', dark, large, depressed) v-btn(color='black', dark, large, depressed, @click='rebuild')
v-icon(left) cached v-icon(left) cached
span Rebuild Index span Rebuild Index
v-btn(color='primary', @click='save', depressed, large) v-btn(color='success', @click='save', depressed, large)
v-icon(left) chevron_right v-icon(left) check
span Apply Configuration span {{$t('common:actions.apply')}}
v-card.mt-3 v-card.mt-3
v-tabs(color='grey darken-2', fixed-tabs, slider-color='white', show-arrows, dark) v-tabs(color='grey darken-2', fixed-tabs, slider-color='white', show-arrows, dark)
@ -137,11 +137,18 @@ export default {
} }
}) })
this.$store.commit('showNotification', { this.$store.commit('showNotification', {
message: 'Logging configuration saved successfully.', message: 'Search engine configuration saved successfully.',
style: 'success', style: 'success',
icon: 'check' icon: 'check'
}) })
this.$store.commit(`loadingStop`, 'admin-search-saveengines') this.$store.commit(`loadingStop`, 'admin-search-saveengines')
},
async rebuild () {
this.$store.commit('showNotification', {
style: 'indigo',
message: `Coming soon...`,
icon: 'directions_boat'
})
} }
}, },
apollo: { apollo: {

6
client/components/admin/admin-storage.vue
Unescape View File

@ -10,9 +10,9 @@
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='primary', @click='save', depressed, large) v-btn(color='success', @click='save', depressed, large)
v-icon(left) chevron_right v-icon(left) check
span Apply Configuration span {{$t('common:actions.apply')}}
v-card.mt-3 v-card.mt-3
v-tabs(color='grey darken-2', fixed-tabs, slider-color='white', show-arrows, dark) v-tabs(color='grey darken-2', fixed-tabs, slider-color='white', show-arrows, dark)

7
client/components/admin/admin-theme.vue
Unescape View File

@ -47,6 +47,8 @@
v-toolbar(color='primary', dark, dense, flat) v-toolbar(color='primary', dark, dense, flat)
v-toolbar-title v-toolbar-title
.subheading Code Injection .subheading Code Injection
v-spacer
v-chip(label, color='white', small).primary--text coming soon
v-card-text v-card-text
v-textarea( v-textarea(
v-model='injectCSS' v-model='injectCSS'
@ -57,6 +59,7 @@
persistent-hint persistent-hint
hint='CSS code to inject after system default CSS' hint='CSS code to inject after system default CSS'
auto-grow auto-grow
disabled
) )
v-textarea.mt-2( v-textarea.mt-2(
v-model='injectHeader' v-model='injectHeader'
@ -67,6 +70,7 @@
persistent-hint persistent-hint
hint='HTML code to be injected just before the closing head tag' hint='HTML code to be injected just before the closing head tag'
auto-grow auto-grow
disabled
) )
v-textarea.mt-2( v-textarea.mt-2(
v-model='injectFooter' v-model='injectFooter'
@ -77,12 +81,15 @@
persistent-hint persistent-hint
hint='HTML code to be injected just before the closing body tag' hint='HTML code to be injected just before the closing body tag'
auto-grow auto-grow
disabled
) )
v-flex(lg6 xs12) v-flex(lg6 xs12)
v-card v-card
v-toolbar(color='teal', dark, dense, flat) v-toolbar(color='teal', dark, dense, flat)
v-toolbar-title v-toolbar-title
.subheading Download Themes .subheading Download Themes
v-spacer
v-chip(label, color='white', small).teal--text coming soon
v-card-text.caption -- Coming soon -- v-card-text.caption -- Coming soon --
</template> </template>

54
client/components/admin/admin-users-authorize.vue
Unescape View File

@ -1,62 +1,44 @@
<template lang="pug"> <template lang="pug">
v-dialog(v-model='isShown', max-width='550') v-dialog(v-model='isShown', max-width='550')
v-card v-card.wiki-form
.dialog-header.is-short Authorize Social User .dialog-header.is-short
span Authorize Social User
v-spacer
v-chip(label, color='white', small).primary--text coming soon
v-card-text v-card-text
v-alert.mb-4.deep-orange.lighten-5.radius-7(
v-if='providers.length < 1'
color='deep-orange'
icon='warning'
outline
:value='true'
) You must enable at least 1 social strategy first.
v-select.md2( v-select.md2(
:items='providers' :items='providers'
item-text='title' item-text='title'
item-value='key' item-value='key'
solo outline
flat
background-color='grey lighten-4'
prepend-icon='business' prepend-icon='business'
v-model='provider' v-model='provider'
label='Provider' label='Provider'
) )
v-text-field.md2( v-text-field.md2(
solo outline
flat
background-color='grey lighten-4'
prepend-icon='email' prepend-icon='email'
v-model='email' v-model='email'
label='Email Address' label='Email Address'
ref='emailInput' ref='emailInput'
) )
v-text-field.md2( v-text-field.md2(
solo outline
flat
background-color='grey lighten-4'
prepend-icon='person' prepend-icon='person'
v-model='name' v-model='name'
label='Name' label='Name'
) )
v-text-field.md2(
solo
flat
background-color='grey lighten-4'
prepend-icon='title'
v-model='jobTitle'
label='Job Title'
counter='255'
hint='Optional'
persistent-hint
)
v-text-field.md2(
solo
flat
background-color='grey lighten-4'
prepend-icon='public'
v-model='location'
label='Location'
counter='255'
hint='Optional'
persistent-hint
)
v-card-chin v-card-chin
v-spacer v-spacer
v-btn(flat, @click='isShown = false') Cancel v-btn(flat, @click='isShown = false') Cancel
v-btn(color='primary', @click='authorizeUser') Authorize v-btn(color='primary', @click='authorizeUser', :disabled='providers.length < 1 || true') Authorize
</template> </template>
<script> <script>
@ -76,9 +58,7 @@ export default {
providers: [], providers: [],
provider: '', provider: '',
email: '', email: '',
name: '', name: ''
jobTitle: '',
location: ''
} }
}, },
computed: { computed: {

2
client/components/admin/admin-users-edit.vue
Unescape View File

@ -10,7 +10,7 @@
v-spacer v-spacer
.caption.grey--text ID #[strong {{user.id}}] .caption.grey--text ID #[strong {{user.id}}]
v-divider.mx-3(vertical) v-divider.mx-3(vertical)
v-btn(color='indigo', large, outline, to='/users') v-btn(color='grey', large, outline, to='/users')
v-icon arrow_back v-icon arrow_back
v-dialog(v-model='deleteUserDialog', max-width='500', v-if='user.id !== currentUserId && !user.isSystem') v-dialog(v-model='deleteUserDialog', max-width='500', v-if='user.id !== currentUserId && !user.isSystem')
v-btn(color='red', large, outline, slot='activator') v-btn(color='red', large, outline, slot='activator')

2
client/components/admin/admin-users.vue
Unescape View File

@ -10,7 +10,7 @@
v-spacer v-spacer
v-btn(outline, color='grey', large, @click='refresh') v-btn(outline, color='grey', large, @click='refresh')
v-icon refresh v-icon refresh
v-btn(color='primary', large, depressed, @click='authorizeUser') v-btn(color='primary', large, outline, @click='authorizeUser')
v-icon(left) lock_outline v-icon(left) lock_outline
span Authorize Social User span Authorize Social User
v-btn(color='primary', large, depressed, @click='createUser') v-btn(color='primary', large, depressed, @click='createUser')

31
client/components/admin/admin-utilities.vue
Unescape View File

@ -23,6 +23,8 @@
v-toolbar(:color='$vuetify.dark ? "" : "grey darken-3"', dark, dense, flat) v-toolbar(:color='$vuetify.dark ? "" : "grey darken-3"', dark, dense, flat)
v-toolbar-title v-toolbar-title
.subheading Authentication .subheading Authentication
v-spacer
v-chip(label, color='white', small).grey--text.text--darken-2 coming soon
v-subheader Flush User Sessions v-subheader Flush User Sessions
v-card-text.pt-0.pl-4 v-card-text.pt-0.pl-4
.body-1 This will cause all users to be logged out. You will need to log back in after the operation. .body-1 This will cause all users to be logged out. You will need to log back in after the operation.
@ -40,6 +42,8 @@
v-toolbar(:color='$vuetify.dark ? "" : "grey darken-3"', dark, dense, flat) v-toolbar(:color='$vuetify.dark ? "" : "grey darken-3"', dark, dense, flat)
v-toolbar-title v-toolbar-title
.subheading Modules .subheading Modules
v-spacer
v-chip(label, color='white', small).grey--text.text--darken-2 coming soon
v-subheader Rescan Modules v-subheader Rescan Modules
v-card-text.pt-0.pl-4 v-card-text.pt-0.pl-4
.body-1 Look for new modules on disk. Existing configurations will be merged. .body-1 Look for new modules on disk. Existing configurations will be merged.
@ -60,6 +64,8 @@
v-toolbar(:color='$vuetify.dark ? "" : "grey darken-3"', dark, dense, flat) v-toolbar(:color='$vuetify.dark ? "" : "grey darken-3"', dark, dense, flat)
v-toolbar-title v-toolbar-title
.subheading Maintenance Mode .subheading Maintenance Mode
v-spacer
v-chip(label, color='white', small).grey--text.text--darken-2 coming soon
v-card-text v-card-text
.body-1 Maintenance mode restrict access to the site to administrators only, regarless of current permissions. .body-1 Maintenance mode restrict access to the site to administrators only, regarless of current permissions.
v-btn.mt-3.ml-0(color='orange darken-2', depressed, dark) v-btn.mt-3.ml-0(color='orange darken-2', depressed, dark)
@ -69,6 +75,8 @@
v-toolbar(:color='$vuetify.dark ? "" : "grey darken-3"', dark, dense, flat) v-toolbar(:color='$vuetify.dark ? "" : "grey darken-3"', dark, dense, flat)
v-toolbar-title v-toolbar-title
.subheading Graph Endpoint .subheading Graph Endpoint
v-spacer
v-chip(label, color='white', small).grey--text.text--darken-2 coming soon
v-card-text v-card-text
.body-1 The Graph API Endpoint from which remote resources like locales, themes and plugins are fetched. .body-1 The Graph API Endpoint from which remote resources like locales, themes and plugins are fetched.
.caption.red--text Do not change unless you know what you're doing! .caption.red--text Do not change unless you know what you're doing!
@ -77,6 +85,10 @@
v-icon(left) chevron_right v-icon(left) chevron_right
span Save span Save
v-tab-item(key='cache', :transition='false', :reverse-transition='false')
v-card
v-card-text Coming soon
v-tab-item(key='telemetry', :transition='false', :reverse-transition='false') v-tab-item(key='telemetry', :transition='false', :reverse-transition='false')
v-card v-card
v-form v-form
@ -115,11 +127,11 @@
.subheading.mt-3.grey--text.text--darken-1 Client ID .subheading.mt-3.grey--text.text--darken-1 Client ID
.body-1 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx .body-1 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
v-card-chin v-card-chin
v-btn(color='primary') v-btn(color='primary', @click='updateTelemetry')
v-icon(left) chevron_right v-icon(left) chevron_right
| Save Changes | Save Changes
v-spacer v-spacer
v-btn(outline, color='grey') v-btn(outline, color='grey', @click='resetClientId')
v-icon(left) autorenew v-icon(left) autorenew
span Reset Client ID span Reset Client ID
@ -170,8 +182,19 @@ export default {
} }
}, },
methods: { methods: {
resetClientID() { updateTelemetry() {
this.$store.commit('showNotification', {
style: 'indigo',
message: `Coming soon...`,
icon: 'directions_boat'
})
},
resetClientId() {
this.$store.commit('showNotification', {
style: 'indigo',
message: `Coming soon...`,
icon: 'directions_boat'
})
} }
} }
} }

21
client/components/common/nav-header.vue
Unescape View File

@ -52,7 +52,7 @@
v-list-tile-content Delete v-list-tile-content Delete
v-divider.my-0 v-divider.my-0
v-subheader Assets v-subheader Assets
v-list-tile(avatar, @click='') v-list-tile(avatar, @click='assets')
v-list-tile-avatar: v-icon(color='blue-grey') burst_mode v-list-tile-avatar: v-icon(color='blue-grey') burst_mode
v-list-tile-content Images &amp; Files v-list-tile-content Images &amp; Files
v-toolbar-title(:class='{ "ml-2": $vuetify.breakpoint.mdAndUp, "ml-0": $vuetify.breakpoint.smAndDown }') v-toolbar-title(:class='{ "ml-2": $vuetify.breakpoint.mdAndUp, "ml-0": $vuetify.breakpoint.smAndDown }')
@ -230,10 +230,25 @@ export default {
window.location.assign(`/s/${this.path}`) window.location.assign(`/s/${this.path}`)
}, },
pageMove () { pageMove () {
this.$store.commit('showNotification', {
style: 'indigo',
message: `Coming soon...`,
icon: 'directions_boat'
})
}, },
pageDelete () { pageDelete () {
this.$store.commit('showNotification', {
style: 'indigo',
message: `Coming soon...`,
icon: 'directions_boat'
})
},
assets () {
this.$store.commit('showNotification', {
style: 'indigo',
message: `Coming soon...`,
icon: 'directions_boat'
})
}, },
logout () { logout () {
Cookies.remove('jwt') Cookies.remove('jwt')

31
client/components/editor.vue
Unescape View File

@ -36,7 +36,7 @@
.subheading Which editor do you want to use for this page? .subheading Which editor do you want to use for this page?
v-container(grid-list-lg, fluid) v-container(grid-list-lg, fluid)
v-layout(row, wrap, justify-center) v-layout(row, wrap, justify-center)
v-flex(xs3) v-flex(xs4)
v-card.radius-7.grey( v-card.radius-7.grey(
hover hover
light light
@ -46,7 +46,7 @@
img(src='/svg/icon-rest-api.svg', alt='API', style='width: 36px;') img(src='/svg/icon-rest-api.svg', alt='API', style='width: 36px;')
.body-2.mt-2.grey--text.text--darken-2 API Docs .body-2.mt-2.grey--text.text--darken-2 API Docs
.caption.grey--text.text--darken-1 REST / GraphQL .caption.grey--text.text--darken-1 REST / GraphQL
v-flex(xs3) v-flex(xs4)
v-card.radius-7( v-card.radius-7(
hover hover
light light
@ -56,7 +56,7 @@
img(src='/svg/icon-source-code.svg', alt='Code', style='width: 36px;') img(src='/svg/icon-source-code.svg', alt='Code', style='width: 36px;')
.body-2.mt-2 Code .body-2.mt-2 Code
.caption.grey--text Raw HTML .caption.grey--text Raw HTML
v-flex(xs3) v-flex(xs4)
v-card.radius-7( v-card.radius-7(
hover hover
light light
@ -66,7 +66,17 @@
img(src='/svg/icon-markdown.svg', alt='Markdown', style='width: 36px;') img(src='/svg/icon-markdown.svg', alt='Markdown', style='width: 36px;')
.body-2.mt-2 Markdown .body-2.mt-2 Markdown
.caption.grey--text Default .caption.grey--text Default
v-flex(xs3) v-flex(xs4)
v-card.radius-7.grey(
hover
light
ripple
)
v-card-text.text-xs-center(@click='selectEditor("tabular")')
img(src='/svg/icon-table.svg', alt='Tabular', style='width: 36px;')
.body-2.grey--text.mt-2.text--darken-2 Tabular
.caption.grey--text.text--darken-1 Excel-like
v-flex(xs4)
v-card.radius-7.grey( v-card.radius-7.grey(
hover hover
light light
@ -76,6 +86,16 @@
img(src='/svg/icon-open-in-browser.svg', alt='Visual Builder', style='width: 36px;') img(src='/svg/icon-open-in-browser.svg', alt='Visual Builder', style='width: 36px;')
.body-2.mt-2.grey--text.text--darken-2 Visual Builder .body-2.mt-2.grey--text.text--darken-2 Visual Builder
.caption.grey--text.text--darken-1 Drag-n-drop .caption.grey--text.text--darken-1 Drag-n-drop
v-flex(xs4)
v-card.radius-7.grey(
hover
light
ripple
)
v-card-text.text-xs-center(@click='selectEditor("wikitext")')
img(src='/svg/icon-news.svg', alt='WikiText', style='width: 36px;')
.body-2.grey--text.mt-2.text--darken-2 WikiText
.caption.grey--text.text--darken-1 MediaWiki Format
.caption.blue--text.text--lighten-2 This cannot be changed once the page is created. .caption.blue--text.text--lighten-2 This cannot be changed once the page is created.
loader(v-model='dialogProgress', :title='$t(`editor:save.processing`)', :subtitle='$t(`editor:save.pleaseWait`)') loader(v-model='dialogProgress', :title='$t(`editor:save.processing`)', :subtitle='$t(`editor:save.pleaseWait`)')
@ -95,6 +115,7 @@
import _ from 'lodash' import _ from 'lodash'
import { get, sync } from 'vuex-pathify' import { get, sync } from 'vuex-pathify'
import { AtomSpinner } from 'epic-spinners' import { AtomSpinner } from 'epic-spinners'
import { Base64 } from 'js-base64'
import createPageMutation from 'gql/editor/create.gql' import createPageMutation from 'gql/editor/create.gql'
import updatePageMutation from 'gql/editor/update.gql' import updatePageMutation from 'gql/editor/update.gql'
@ -182,7 +203,7 @@ export default {
}, },
mounted() { mounted() {
this.$store.set('editor/mode', this.initMode || 'create') this.$store.set('editor/mode', this.initMode || 'create')
this.$store.set('editor/content', this.initContent ? window.atob(this.initContent) : '# Header\n\nYour content here') this.$store.set('editor/content', this.initContent ? Base64.decode(this.initContent) : '# Header\n\nYour content here')
if (this.mode === 'create') { if (this.mode === 'create') {
_.delay(() => { _.delay(() => {
this.dialogEditorSelector = true this.dialogEditorSelector = true

44
client/static/svg/icon-news.svg
Unescape View File

@ -0,0 +1,44 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="&#1057;&#1083;&#1086;&#1081;_1" x="0px" y="0px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve" width="96px" height="96px">
<linearGradient id="SVGID_1__44030" gradientUnits="userSpaceOnUse" x1="31" y1="28.6667" x2="31" y2="43.5458" spreadMethod="reflect">
<stop offset="0" style="stop-color:#6DC7FF"/>
<stop offset="1" style="stop-color:#E6ABFF"/>
</linearGradient>
<path style="fill:url(#SVGID_1__44030);" d="M34,43h-6c-0.552,0-1-0.448-1-1V30c0-0.552,0.448-1,1-1h6c0.552,0,1,0.448,1,1v12 C35,42.552,34.552,43,34,43z"/>
<linearGradient id="SVGID_2__44030" gradientUnits="userSpaceOnUse" x1="32" y1="9.75" x2="32" y2="54.5844" spreadMethod="reflect">
<stop offset="0" style="stop-color:#1A6DFF"/>
<stop offset="1" style="stop-color:#C822FF"/>
</linearGradient>
<path style="fill:url(#SVGID_2__44030);" d="M53.489,19.023c-0.164-0.015-0.326,0.005-0.489,0.005V19H42v-6c0-1.654-1.346-3-3-3H9 c-1.654,0-3,1.346-3,3v36c0,2.757,2.243,5,5,5h34l0,0c0.004,0,0.007,0,0.011,0c0.158,0,0.317-0.008,0.477-0.023 C48.018,53.736,50,51.474,50,48.828V46h6c1.103,0,2-0.897,2-2V24.172C58,21.527,56.019,19.265,53.489,19.023z M42,31h2v10h-2V31z M8,49V13c0-0.551,0.448-1,1-1h30c0.552,0,1,0.449,1,1v36c0,1.09,0.367,2.14,1.013,3H11C9.346,52,8,50.654,8,49z M48,23.997v24.832 c0,1.626-1.188,3.013-2.702,3.158c-0.856,0.085-1.683-0.189-2.315-0.766C42.358,50.653,42,49.843,42,49v-6h2c1.103,0,2-0.897,2-2V31 c0-1.103-0.897-2-2-2h-2v-2h4v-2h-4v-4h7.012C48.367,21.86,48,22.908,48,23.997z M56,44h-6v-5h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2 v-2h-2v-1.003c0-0.842,0.357-1.649,0.981-2.217c0.634-0.576,1.448-0.848,2.318-0.765c1.514,0.145,2.7,1.531,2.7,3.157V44z"/>
<linearGradient id="SVGID_3__44030" gradientUnits="userSpaceOnUse" x1="23" y1="9.75" x2="23" y2="54.5844" spreadMethod="reflect">
<stop offset="0" style="stop-color:#1A6DFF"/>
<stop offset="1" style="stop-color:#C822FF"/>
</linearGradient>
<rect x="11" y="21" style="fill:url(#SVGID_3__44030);" width="24" height="2"/>
<linearGradient id="SVGID_4__44030" gradientUnits="userSpaceOnUse" x1="23" y1="9.75" x2="23" y2="54.5844" spreadMethod="reflect">
<stop offset="0" style="stop-color:#1A6DFF"/>
<stop offset="1" style="stop-color:#C822FF"/>
</linearGradient>
<rect x="11" y="25" style="fill:url(#SVGID_4__44030);" width="24" height="2"/>
<linearGradient id="SVGID_5__44030" gradientUnits="userSpaceOnUse" x1="17.5" y1="9.75" x2="17.5" y2="54.5844" spreadMethod="reflect">
<stop offset="0" style="stop-color:#1A6DFF"/>
<stop offset="1" style="stop-color:#C822FF"/>
</linearGradient>
<rect x="11" y="29" style="fill:url(#SVGID_5__44030);" width="13" height="2"/>
<linearGradient id="SVGID_6__44030" gradientUnits="userSpaceOnUse" x1="17.5" y1="9.75" x2="17.5" y2="54.5844" spreadMethod="reflect">
<stop offset="0" style="stop-color:#1A6DFF"/>
<stop offset="1" style="stop-color:#C822FF"/>
</linearGradient>
<rect x="11" y="33" style="fill:url(#SVGID_6__44030);" width="13" height="2"/>
<linearGradient id="SVGID_7__44030" gradientUnits="userSpaceOnUse" x1="17.5" y1="9.75" x2="17.5" y2="54.5844" spreadMethod="reflect">
<stop offset="0" style="stop-color:#1A6DFF"/>
<stop offset="1" style="stop-color:#C822FF"/>
</linearGradient>
<rect x="11" y="37" style="fill:url(#SVGID_7__44030);" width="13" height="2"/>
<linearGradient id="SVGID_8__44030" gradientUnits="userSpaceOnUse" x1="17.5" y1="9.75" x2="17.5" y2="54.5844" spreadMethod="reflect">
<stop offset="0" style="stop-color:#1A6DFF"/>
<stop offset="1" style="stop-color:#C822FF"/>
</linearGradient>
<rect x="11" y="41" style="fill:url(#SVGID_8__44030);" width="13" height="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

46
client/static/svg/icon-table.svg
Unescape View File

@ -0,0 +1,46 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve" width="512px" height="512px">
<linearGradient id="SVGID_1__48254_62186" gradientUnits="userSpaceOnUse" x1="32" y1="7" x2="32" y2="57.0812" spreadMethod="reflect">
<stop offset="0" style="stop-color:#1A6DFF"/>
<stop offset="1" style="stop-color:#C822FF"/>
</linearGradient>
<path style="fill:url(#SVGID_1__48254_62186);" d="M52,7H12c-2.757,0-5,2.243-5,5v40c0,2.757,2.243,5,5,5h40c2.757,0,5-2.243,5-5V12 C57,9.243,54.757,7,52,7z M43,31H33V21h10V31z M45,21h10v10H45V21z M33,19V9h10v10H33z M31,19H21V9h10V19z M31,21v10H21V21H31z M19,31H9V21h10V31z M9,33h10v10H9V33z M21,33h10v10H21V33z M31,45v10H21V45H31z M33,45h10v10H33V45z M33,43V33h10v10H33z M45,33h10 v10H45V33z M55,12v7H45V9h7C53.654,9,55,10.346,55,12z M12,9h7v10H9v-7C9,10.346,10.346,9,12,9z M9,52v-7h10v10h-7 C10.346,55,9,53.654,9,52z M52,55h-7V45h10v7C55,53.654,53.654,55,52,55z"/>
<g>
<linearGradient id="SVGID_2__48254_62186" gradientUnits="userSpaceOnUse" x1="14" y1="23.0417" x2="14" y2="28.9623" spreadMethod="reflect">
<stop offset="0" style="stop-color:#6DC7FF"/>
<stop offset="1" style="stop-color:#E6ABFF"/>
</linearGradient>
<rect x="11" y="23" style="fill:url(#SVGID_2__48254_62186);" width="6" height="6"/>
<linearGradient id="SVGID_3__48254_62186" gradientUnits="userSpaceOnUse" x1="26" y1="11.0417" x2="26" y2="16.9623" spreadMethod="reflect">
<stop offset="0" style="stop-color:#6DC7FF"/>
<stop offset="1" style="stop-color:#E6ABFF"/>
</linearGradient>
<rect x="23" y="11" style="fill:url(#SVGID_3__48254_62186);" width="6" height="6"/>
<linearGradient id="SVGID_4__48254_62186" gradientUnits="userSpaceOnUse" x1="38" y1="11.0417" x2="38" y2="16.9623" spreadMethod="reflect">
<stop offset="0" style="stop-color:#6DC7FF"/>
<stop offset="1" style="stop-color:#E6ABFF"/>
</linearGradient>
<rect x="35" y="11" style="fill:url(#SVGID_4__48254_62186);" width="6" height="6"/>
<linearGradient id="SVGID_5__48254_62186" gradientUnits="userSpaceOnUse" x1="50" y1="11.0417" x2="50" y2="16.9623" spreadMethod="reflect">
<stop offset="0" style="stop-color:#6DC7FF"/>
<stop offset="1" style="stop-color:#E6ABFF"/>
</linearGradient>
<path style="fill:url(#SVGID_5__48254_62186);" d="M47,17h6v-5c0-0.552-0.448-1-1-1h-5V17z"/>
<linearGradient id="SVGID_6__48254_62186" gradientUnits="userSpaceOnUse" x1="14" y1="11.0417" x2="14" y2="16.9623" spreadMethod="reflect">
<stop offset="0" style="stop-color:#6DC7FF"/>
<stop offset="1" style="stop-color:#E6ABFF"/>
</linearGradient>
<path style="fill:url(#SVGID_6__48254_62186);" d="M12,11c-0.552,0-1,0.448-1,1v5h6v-6H12z"/>
<linearGradient id="SVGID_7__48254_62186" gradientUnits="userSpaceOnUse" x1="14" y1="35.0417" x2="14" y2="40.9623" spreadMethod="reflect">
<stop offset="0" style="stop-color:#6DC7FF"/>
<stop offset="1" style="stop-color:#E6ABFF"/>
</linearGradient>
<rect x="11" y="35" style="fill:url(#SVGID_7__48254_62186);" width="6" height="6"/>
<linearGradient id="SVGID_8__48254_62186" gradientUnits="userSpaceOnUse" x1="14" y1="47.0417" x2="14" y2="52.9623" spreadMethod="reflect">
<stop offset="0" style="stop-color:#6DC7FF"/>
<stop offset="1" style="stop-color:#E6ABFF"/>
</linearGradient>
<path style="fill:url(#SVGID_8__48254_62186);" d="M11,52c0,0.552,0.448,1,1,1h5v-6h-6V52z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

1
package.json
Unescape View File

@ -42,6 +42,7 @@
"apollo-server-express": "2.2.2", "apollo-server-express": "2.2.2",
"auto-load": "3.0.4", "auto-load": "3.0.4",
"axios": "0.18.0", "axios": "0.18.0",
"js-base64": "2.5.0",
"bcryptjs-then": "1.0.1", "bcryptjs-then": "1.0.1",
"bluebird": "3.5.3", "bluebird": "3.5.3",
"body-parser": "1.18.3", "body-parser": "1.18.3",

2
server/graph/resolvers/authentication.js
Unescape View File

@ -60,7 +60,7 @@ module.exports = {
}, },
async register(obj, args, context) { async register(obj, args, context) {
try { try {
await WIKI.models.users.register(args, context) await WIKI.models.users.register({...args, verify: true }, context)
return { return {
responseResult: graphHelper.generateSuccess('Registration success') responseResult: graphHelper.generateSuccess('Registration success')
} }

6
server/graph/resolvers/user.js
Unescape View File

@ -30,7 +30,11 @@ module.exports = {
}, },
UserMutation: { UserMutation: {
create(obj, args) { create(obj, args) {
return WIKI.models.users.query().insertAndFetch(args) return WIKI.models.users.register({
...args,
verify: false,
bypassChecks: true
})
}, },
delete(obj, args) { delete(obj, args) {
return WIKI.models.users.query().deleteById(args.id) return WIKI.models.users.query().deleteById(args.id)

49
server/models/users.js
Unescape View File

@ -296,10 +296,13 @@ module.exports = class User extends Model {
throw new WIKI.Error.AuthTFAInvalid() throw new WIKI.Error.AuthTFAInvalid()
} }
static async register ({ email, password, name }, context) { static async register ({ email, password, name, verify = false, bypassChecks = false }, context) {
const localStrg = await WIKI.models.authentication.getStrategy('local') const localStrg = await WIKI.models.authentication.getStrategy('local')
// Check if self-registration is enabled // Check if self-registration is enabled
if (localStrg.selfRegistration) { if (localStrg.selfRegistration || bypassChecks) {
// Input sanitization
email = _.toLower(email)
// Input validation // Input validation
const validation = validate({ const validation = validate({
email, email,
@ -335,7 +338,7 @@ module.exports = class User extends Model {
} }
// Check if email domain is whitelisted // Check if email domain is whitelisted
if (_.get(localStrg, 'domainWhitelist.v', []).length > 0) { if (_.get(localStrg, 'domainWhitelist.v', []).length > 0 && !bypassChecks) {
const emailDomain = _.last(email.split('@')) const emailDomain = _.last(email.split('@'))
if (!_.includes(localStrg.domainWhitelist.v, emailDomain)) { if (!_.includes(localStrg.domainWhitelist.v, emailDomain)) {
throw new WIKI.Error.AuthRegistrationDomainUnauthorized() throw new WIKI.Error.AuthRegistrationDomainUnauthorized()
@ -358,26 +361,28 @@ module.exports = class User extends Model {
isVerified: false isVerified: false
}) })
// Create verification token if (verify) {
const verificationToken = await WIKI.models.userKeys.generateToken({ // Create verification token
kind: 'verify', const verificationToken = await WIKI.models.userKeys.generateToken({
userId: newUsr.id kind: 'verify',
}) userId: newUsr.id
})
// Send verification email // Send verification email
await WIKI.mail.send({ await WIKI.mail.send({
template: 'accountVerify', template: 'accountVerify',
to: email, to: email,
subject: 'Verify your account', subject: 'Verify your account',
data: { data: {
preheadertext: 'Verify your account in order to gain access to the wiki.', preheadertext: 'Verify your account in order to gain access to the wiki.',
title: 'Verify your account', title: 'Verify your account',
content: 'Click the button below in order to verify your account and gain access to the wiki.', content: 'Click the button below in order to verify your account and gain access to the wiki.',
buttonLink: `${WIKI.config.host}/verify/${verificationToken}`, buttonLink: `${WIKI.config.host}/verify/${verificationToken}`,
buttonText: 'Verify' buttonText: 'Verify'
}, },
text: `You must open the following link in your browser to verify your account and gain access to the wiki: ${WIKI.config.host}/verify/${verificationToken}` text: `You must open the following link in your browser to verify your account and gain access to the wiki: ${WIKI.config.host}/verify/${verificationToken}`
}) })
}
return true return true
} else { } else {
throw new WIKI.Error.AuthAccountAlreadyExists() throw new WIKI.Error.AuthAccountAlreadyExists()

Write Preview
Loading…
Cancel
Save