mirror of https://github.com/requarks/wiki
NGPixel
7 years ago
parent
8462e18fc5
commit
3f0adc5daf
@ -1,155 +0,0 @@
|
|||||||
<template lang="pug">
|
|
||||||
.navigator
|
|
||||||
.navigator-bar
|
|
||||||
.navigator-fab
|
|
||||||
.navigator-fab-button(@click='toggleMainMenu')
|
|
||||||
svg.icons.is-24(role='img')
|
|
||||||
title Navigation
|
|
||||||
use(xlink:href='#gg-apps-grid')
|
|
||||||
.navigator-title
|
|
||||||
h1 {{ siteTitle }}
|
|
||||||
.navigator-subtitle(:class='subtitleClass')
|
|
||||||
transition(name='navigator-subtitle-icon')
|
|
||||||
svg.icons.is-24.navigator-subtitle-icon(role='img', v-if='subtitleIcon')
|
|
||||||
title {{subtitleText}}
|
|
||||||
use(:xlink:href='subtitleIconClass')
|
|
||||||
h2 {{subtitleText}}
|
|
||||||
.navigator-action
|
|
||||||
.navigator-action-item(:class='{"is-active": userMenuShown}', @click='toggleUserMenu')
|
|
||||||
svg.icons.is-32(role='img')
|
|
||||||
title User
|
|
||||||
use(xlink:href='#nc-user-circle')
|
|
||||||
transition(name='navigator-action-item-dropdown')
|
|
||||||
ul.navigator-action-item-dropdown(v-show='userMenuShown', v-cloak)
|
|
||||||
li
|
|
||||||
label Account
|
|
||||||
svg.icons.is-24(role='img')
|
|
||||||
title Account
|
|
||||||
use(xlink:href='#nc-man-green')
|
|
||||||
li(@click='logout')
|
|
||||||
label Sign out
|
|
||||||
svg.icons.is-24(role='img')
|
|
||||||
title Sign Out
|
|
||||||
use(xlink:href='#nc-exit')
|
|
||||||
transition(name='navigator-sd')
|
|
||||||
.navigator-sd(v-show='sdShown', v-cloak)
|
|
||||||
.navigator-sd-actions
|
|
||||||
a.is-active(href='', title='Search')
|
|
||||||
svg.icons.is-24(role='img')
|
|
||||||
title Search
|
|
||||||
use(xlink:href='#gg-search')
|
|
||||||
a(href='', title='New Document')
|
|
||||||
svg.icons.is-24(role='img')
|
|
||||||
title New Document
|
|
||||||
use(xlink:href='#nc-plus-circle')
|
|
||||||
a(href='', title='Edit Document')
|
|
||||||
svg.icons.is-24(role='img')
|
|
||||||
title Edit Document
|
|
||||||
use(xlink:href='#nc-pen-red')
|
|
||||||
a(href='', title='History')
|
|
||||||
svg.icons.is-24(role='img')
|
|
||||||
title History
|
|
||||||
use(xlink:href='#nc-restore')
|
|
||||||
a(href='', title='View Source')
|
|
||||||
svg.icons.is-24(role='img')
|
|
||||||
title View Source
|
|
||||||
use(xlink:href='#nc-code-editor')
|
|
||||||
a(href='', title='Move Document')
|
|
||||||
svg.icons.is-24(role='img')
|
|
||||||
title Move Document
|
|
||||||
use(xlink:href='#nc-move')
|
|
||||||
a(href='', title='Delete Document')
|
|
||||||
svg.icons.is-24(role='img')
|
|
||||||
title Delete Document
|
|
||||||
use(xlink:href='#nc-trash')
|
|
||||||
.navigator-sd-search
|
|
||||||
input(type='text', ref='iptSearch', placeholder='Search')
|
|
||||||
.navigator-sd-results
|
|
||||||
.navigator-sd-footer
|
|
||||||
a(href='', title='Settings')
|
|
||||||
svg.icons.is-24(role='img')
|
|
||||||
title Settings
|
|
||||||
use(xlink:href='#nc-gear')
|
|
||||||
a(href='', title='Users')
|
|
||||||
svg.icons.is-24(role='img')
|
|
||||||
title Users
|
|
||||||
use(xlink:href='#nc-users')
|
|
||||||
a(href='', title='Assets')
|
|
||||||
svg.icons.is-24(role='img')
|
|
||||||
title Assets
|
|
||||||
use(xlink:href='#nc-image')
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
/* global siteConfig */
|
|
||||||
|
|
||||||
import { mapState } from 'vuex'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
sdShown: false,
|
|
||||||
userMenuShown: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
...mapState('navigator', [
|
|
||||||
'subtitleShown',
|
|
||||||
'subtitleStyle',
|
|
||||||
'subtitleText',
|
|
||||||
'subtitleIcon'
|
|
||||||
]),
|
|
||||||
siteTitle() {
|
|
||||||
return siteConfig.title
|
|
||||||
},
|
|
||||||
subtitleClass() {
|
|
||||||
return {
|
|
||||||
'is-active': this.subtitleShown,
|
|
||||||
'is-error': this.subtitleStyle === 'error',
|
|
||||||
'is-warning': this.subtitleStyle === 'warning',
|
|
||||||
'is-success': this.subtitleStyle === 'success',
|
|
||||||
'is-info': this.subtitleStyle === 'info'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
subtitleIconClass() { return '#' + this.subtitleIcon }
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
toggleMainMenu() {
|
|
||||||
this.sdShown = !this.sdShown
|
|
||||||
this.userMenuShown = false
|
|
||||||
if (this.sdShown) {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.bindOutsideClick()
|
|
||||||
this.$refs.iptSearch.focus()
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.unbindOutsideClick()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
toggleUserMenu() {
|
|
||||||
this.userMenuShown = !this.userMenuShown
|
|
||||||
this.sdShown = false
|
|
||||||
if (this.userMenuShown) {
|
|
||||||
this.bindOutsideClick()
|
|
||||||
} else {
|
|
||||||
this.unbindOutsideClick()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
bindOutsideClick() {
|
|
||||||
document.addEventListener('mousedown', this.handleOutsideClick, false)
|
|
||||||
},
|
|
||||||
unbindOutsideClick() {
|
|
||||||
document.removeEventListener('mousedown', this.handleOutsideClick, false)
|
|
||||||
},
|
|
||||||
handleOutsideClick(ev) {
|
|
||||||
if (!this.$el.contains(ev.target)) {
|
|
||||||
this.sdShown = false
|
|
||||||
this.userMenuShown = false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
logout() {
|
|
||||||
window.location.assign(this.$helpers.resolvePath('logout'))
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@ -1,103 +0,0 @@
|
|||||||
import gql from 'graphql-tag'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
AUTHENTICATION: {
|
|
||||||
QUERY_PROVIDERS: gql`
|
|
||||||
query {
|
|
||||||
authentication {
|
|
||||||
providers {
|
|
||||||
isEnabled
|
|
||||||
key
|
|
||||||
props
|
|
||||||
title
|
|
||||||
useForm
|
|
||||||
config {
|
|
||||||
key
|
|
||||||
value
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`,
|
|
||||||
QUERY_LOGIN_PROVIDERS: gql`
|
|
||||||
query {
|
|
||||||
authentication {
|
|
||||||
providers(
|
|
||||||
filter: "isEnabled eq true",
|
|
||||||
orderBy: "title ASC"
|
|
||||||
) {
|
|
||||||
key
|
|
||||||
title
|
|
||||||
useForm
|
|
||||||
icon
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`,
|
|
||||||
MUTATION_LOGIN: gql`
|
|
||||||
mutation($username: String!, $password: String!, $provider: String!) {
|
|
||||||
authentication {
|
|
||||||
login(username: $username, password: $password, provider: $provider) {
|
|
||||||
operation {
|
|
||||||
succeeded
|
|
||||||
code
|
|
||||||
slug
|
|
||||||
message
|
|
||||||
}
|
|
||||||
tfaRequired
|
|
||||||
tfaLoginToken
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`,
|
|
||||||
MUTATION_LOGINTFA: gql`
|
|
||||||
mutation($loginToken: String!, $securityCode: String!) {
|
|
||||||
authentication {
|
|
||||||
loginTFA(loginToken: $loginToken, securityCode: $securityCode) {
|
|
||||||
operation {
|
|
||||||
succeeded
|
|
||||||
code
|
|
||||||
slug
|
|
||||||
message
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`
|
|
||||||
},
|
|
||||||
SYSTEM: {
|
|
||||||
QUERY_INFO: gql`
|
|
||||||
query {
|
|
||||||
system {
|
|
||||||
info {
|
|
||||||
currentVersion
|
|
||||||
latestVersion
|
|
||||||
latestVersionReleaseDate
|
|
||||||
operatingSystem
|
|
||||||
hostname
|
|
||||||
cpuCores
|
|
||||||
ramTotal
|
|
||||||
workingDirectory
|
|
||||||
nodeVersion
|
|
||||||
redisVersion
|
|
||||||
redisUsedRAM
|
|
||||||
redisTotalRAM
|
|
||||||
redisHost
|
|
||||||
postgreVersion
|
|
||||||
postgreHost
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`
|
|
||||||
},
|
|
||||||
TRANSLATIONS: {
|
|
||||||
QUERY_NAMESPACE: gql`
|
|
||||||
query($locale: String!, $namespace: String!) {
|
|
||||||
translations(locale:$locale, namespace:$namespace) {
|
|
||||||
key
|
|
||||||
value
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,5 +0,0 @@
|
|||||||
import GRAPH from './graphql'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
GRAPH
|
|
||||||
}
|
|
||||||
@ -0,0 +1,69 @@
|
|||||||
|
# ===============================================
|
||||||
|
# GROUPS
|
||||||
|
# ===============================================
|
||||||
|
|
||||||
|
extend type Query {
|
||||||
|
groups: GroupQuery
|
||||||
|
}
|
||||||
|
|
||||||
|
extend type Mutation {
|
||||||
|
groups: GroupMutation
|
||||||
|
}
|
||||||
|
|
||||||
|
# -----------------------------------------------
|
||||||
|
# QUERIES
|
||||||
|
# -----------------------------------------------
|
||||||
|
|
||||||
|
type GroupQuery {
|
||||||
|
list(
|
||||||
|
filter: String
|
||||||
|
orderBy: String
|
||||||
|
): [Group]
|
||||||
|
}
|
||||||
|
|
||||||
|
# -----------------------------------------------
|
||||||
|
# MUTATIONS
|
||||||
|
# -----------------------------------------------
|
||||||
|
|
||||||
|
type GroupMutation {
|
||||||
|
create(
|
||||||
|
name: String!
|
||||||
|
): GroupResponse
|
||||||
|
|
||||||
|
update(
|
||||||
|
id: Int!
|
||||||
|
name: String!
|
||||||
|
): GroupResponse
|
||||||
|
|
||||||
|
delete(
|
||||||
|
id: Int!
|
||||||
|
): DefaultResponse
|
||||||
|
|
||||||
|
assignUser(
|
||||||
|
groupId: Int!
|
||||||
|
userId: Int!
|
||||||
|
): DefaultResponse
|
||||||
|
|
||||||
|
unassignUser(
|
||||||
|
groupId: Int!
|
||||||
|
userId: Int!
|
||||||
|
): DefaultResponse
|
||||||
|
}
|
||||||
|
|
||||||
|
# -----------------------------------------------
|
||||||
|
# TYPES
|
||||||
|
# -----------------------------------------------
|
||||||
|
|
||||||
|
type GroupResponse {
|
||||||
|
operation: ResponseStatus!
|
||||||
|
group: Group
|
||||||
|
}
|
||||||
|
|
||||||
|
type Group {
|
||||||
|
id: Int!
|
||||||
|
name: String!
|
||||||
|
rights: [String]
|
||||||
|
users: [User]
|
||||||
|
createdAt: Date!
|
||||||
|
updatedAt: Date!
|
||||||
|
}
|
||||||
Loading…
Reference in new issue