mirror of https://github.com/Requarks/wiki.git
Nicolas Giard
6 years ago
16 changed files with 272 additions and 232 deletions
Unified View
Diff Options
-
48client/components/admin/admin-general.vue
-
2client/components/admin/admin-groups.vue
-
8client/components/admin/admin-pages.vue
-
1client/components/admin/admin-search.vue
-
95client/components/admin/admin-users-authorize.vue
-
48client/components/admin/admin-users-create.vue
-
14client/components/admin/admin-users.vue
-
123client/components/editor.vue
-
103client/components/editor/editor-modal-editorselect.vue
-
40client/components/editor/editor-modal-unsaved.vue
-
6client/graph/admin/site/site-mutation-save-config.gql
-
3client/graph/admin/site/site-query-config.gql
-
1client/store/editor.js
-
3server/graph/resolvers/site.js
-
6server/graph/schemas/site.graphql
-
3server/setup.js
@ -1,95 +0,0 @@ |
|||||
<template lang="pug"> |
|
||||
v-dialog(v-model='isShown', max-width='550') |
|
||||
v-card.wiki-form |
|
||||
.dialog-header.is-short |
|
||||
span Authorize Social User |
|
||||
v-spacer |
|
||||
v-chip(label, color='white', small).primary--text coming soon |
|
||||
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( |
|
||||
:items='providers' |
|
||||
item-text='title' |
|
||||
item-value='key' |
|
||||
outline |
|
||||
prepend-icon='business' |
|
||||
v-model='provider' |
|
||||
label='Provider' |
|
||||
) |
|
||||
v-text-field.md2( |
|
||||
outline |
|
||||
prepend-icon='email' |
|
||||
v-model='email' |
|
||||
label='Email Address' |
|
||||
ref='emailInput' |
|
||||
) |
|
||||
v-text-field.md2( |
|
||||
outline |
|
||||
prepend-icon='person' |
|
||||
v-model='name' |
|
||||
label='Name' |
|
||||
) |
|
||||
v-card-chin |
|
||||
v-spacer |
|
||||
v-btn(flat, @click='isShown = false') Cancel |
|
||||
v-btn(color='primary', @click='authorizeUser', :disabled='providers.length < 1 || true') Authorize |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import _ from 'lodash' |
|
||||
|
|
||||
import providersQuery from 'gql/admin/users/users-query-strategies.gql' |
|
||||
|
|
||||
export default { |
|
||||
props: { |
|
||||
value: { |
|
||||
type: Boolean, |
|
||||
default: false |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
providers: [], |
|
||||
provider: '', |
|
||||
email: '', |
|
||||
name: '' |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
isShown: { |
|
||||
get() { return this.value }, |
|
||||
set(val) { this.$emit('input', val) } |
|
||||
} |
|
||||
}, |
|
||||
watch: { |
|
||||
value(newValue, oldValue) { |
|
||||
if (newValue) { |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs.emailInput.focus() |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
async authorizeUser() { |
|
||||
|
|
||||
} |
|
||||
}, |
|
||||
apollo: { |
|
||||
providers: { |
|
||||
query: providersQuery, |
|
||||
fetchPolicy: 'network-only', |
|
||||
update: (data) => _.reject(data.authentication.strategies, ['key', 'local']), |
|
||||
watchLoading (isLoading) { |
|
||||
this.$store.commit(`loading${isLoading ? 'Start' : 'Stop'}`, 'admin-users-strategies-refresh') |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -0,0 +1,103 @@ |
|||||
|
<template lang='pug'> |
||||
|
v-dialog(v-model='isShown', persistent, max-width='700') |
||||
|
v-card.radius-7(color='blue darken-3', dark) |
||||
|
v-card-text.text-xs-center.py-4 |
||||
|
.subheading Which editor do you want to use for this page? |
||||
|
v-container(grid-list-lg, fluid) |
||||
|
v-layout(row, wrap, justify-center) |
||||
|
v-flex(xs4) |
||||
|
v-card.radius-7.grey( |
||||
|
hover |
||||
|
light |
||||
|
ripple |
||||
|
) |
||||
|
v-card-text.text-xs-center(@click='selectEditor("api")') |
||||
|
img(src='/svg/icon-rest-api.svg', alt='API', style='width: 36px;') |
||||
|
.body-2.mt-2.grey--text.text--darken-2 API Docs |
||||
|
.caption.grey--text.text--darken-1 REST / GraphQL |
||||
|
v-flex(xs4) |
||||
|
v-card.radius-7( |
||||
|
hover |
||||
|
light |
||||
|
ripple |
||||
|
) |
||||
|
v-card-text.text-xs-center(@click='selectEditor("code")') |
||||
|
img(src='/svg/icon-source-code.svg', alt='Code', style='width: 36px;') |
||||
|
.body-2.mt-2 Code |
||||
|
.caption.grey--text Raw HTML |
||||
|
v-flex(xs4) |
||||
|
v-card.radius-7( |
||||
|
hover |
||||
|
light |
||||
|
ripple |
||||
|
) |
||||
|
v-card-text.text-xs-center(@click='selectEditor("markdown")') |
||||
|
img(src='/svg/icon-markdown.svg', alt='Markdown', style='width: 36px;') |
||||
|
.body-2.mt-2 Markdown |
||||
|
.caption.grey--text Default |
||||
|
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( |
||||
|
hover |
||||
|
light |
||||
|
ripple |
||||
|
) |
||||
|
v-card-text.text-xs-center(@click='selectEditor("wysiwyg")') |
||||
|
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 |
||||
|
.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. |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import _ from 'lodash' |
||||
|
import { sync } from 'vuex-pathify' |
||||
|
|
||||
|
export default { |
||||
|
props: { |
||||
|
value: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { } |
||||
|
}, |
||||
|
computed: { |
||||
|
isShown: { |
||||
|
get() { return this.value }, |
||||
|
set(val) { this.$emit('input', val) } |
||||
|
}, |
||||
|
currentEditor: sync('editor/editor'), |
||||
|
}, |
||||
|
methods: { |
||||
|
selectEditor(name) { |
||||
|
this.currentEditor = `editor${_.startCase(name)}` |
||||
|
this.isShown = false |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='scss'> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,40 @@ |
|||||
|
<template lang="pug"> |
||||
|
v-dialog(v-model='isShown', max-width='550') |
||||
|
v-card.wiki-form |
||||
|
.dialog-header.is-short.is-red |
||||
|
v-icon.mr-2(color='white') warning |
||||
|
span Discard Unsaved Changes? |
||||
|
v-card-text |
||||
|
.body-2 You have unsaved changes. Are you sure you want to leave the editor and discard any modifications you made since the last save? |
||||
|
v-card-chin |
||||
|
v-spacer |
||||
|
v-btn(flat, @click='isShown = false') Cancel |
||||
|
v-btn(color='red', @click='discard', dark) Discard Changes |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
export default { |
||||
|
props: { |
||||
|
value: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { } |
||||
|
}, |
||||
|
computed: { |
||||
|
isShown: { |
||||
|
get() { return this.value }, |
||||
|
set(val) { this.$emit('input', val) } |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
async discard() { |
||||
|
this.isShown = false |
||||
|
this.$emit('discard', true) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
Write
Preview
Loading…
Cancel
Save