mirror of https://github.com/Requarks/wiki.git
NGPixel
7 years ago
24 changed files with 461 additions and 155 deletions
Split View
Diff Options
-
4client/configure.js
-
2client/js/app.js
-
304client/js/components/config-manager.component.js
-
6client/js/components/editor-video.vue
-
1client/scss/app.scss
-
6client/scss/components/button.scss
-
61client/scss/components/config-manager.scss
-
11server/app/data.yml
-
83server/configure.js
-
2server/models/_relations.js
-
2server/models/comment.js
-
2server/models/document.js
-
2server/models/file.js
-
2server/models/folder.js
-
2server/models/group.js
-
2server/models/right.js
-
2server/models/setting.js
-
2server/models/tag.js
-
2server/models/user.js
-
2server/modules/auth.js
-
6server/modules/config.js
-
2server/modules/db.js
-
106server/views/configure/index.pug
-
2server/views/master.pug
@ -1,4 +0,0 @@ |
|||
'use strict' |
|||
|
|||
require('./scss/configure.scss') |
|||
require('./js/configure.js') |
|||
@ -0,0 +1,304 @@ |
|||
'use strict' |
|||
|
|||
/* global siteConfig */ |
|||
|
|||
import VeeValidate from 'vee-validate' |
|||
import axios from 'axios' |
|||
|
|||
Vue.use(VeeValidate, { |
|||
enableAutoClasses: true, |
|||
classNames: { |
|||
touched: 'is-touched', // the control has been blurred
|
|||
untouched: 'is-untouched', // the control hasn't been blurred
|
|||
valid: 'is-valid', // model is valid
|
|||
invalid: 'is-invalid', // model is invalid
|
|||
pristine: 'is-pristine', // control has not been interacted with
|
|||
dirty: 'is-dirty' // control has been interacted with
|
|||
} |
|||
}) |
|||
|
|||
export default { |
|||
name: 'configManager', |
|||
data() { |
|||
return { |
|||
loading: false, |
|||
state: 'welcome', |
|||
syscheck: { |
|||
ok: false, |
|||
error: '', |
|||
results: [] |
|||
}, |
|||
dbcheck: { |
|||
ok: false, |
|||
error: '' |
|||
}, |
|||
gitcheck: { |
|||
ok: false, |
|||
error: '' |
|||
}, |
|||
final: { |
|||
ok: false, |
|||
error: '', |
|||
results: [] |
|||
}, |
|||
conf: { |
|||
title: siteConfig.title || 'Wiki', |
|||
host: siteConfig.host || 'http://', |
|||
port: siteConfig.port || 80, |
|||
lang: siteConfig.lang || 'en', |
|||
public: (siteConfig.public === true), |
|||
db: siteConfig.db || 'mongodb://localhost:27017/wiki', |
|||
pathData: './data', |
|||
pathRepo: './repo', |
|||
gitUseRemote: (siteConfig.git !== false), |
|||
gitUrl: '', |
|||
gitBranch: 'master', |
|||
gitAuthType: 'ssh', |
|||
gitAuthSSHKey: '', |
|||
gitAuthUser: '', |
|||
gitAuthPass: '', |
|||
gitAuthSSL: true, |
|||
gitShowUserEmail: true, |
|||
gitServerEmail: '', |
|||
adminEmail: '', |
|||
adminPassword: '', |
|||
adminPasswordConfirm: '' |
|||
}, |
|||
considerations: { |
|||
https: false, |
|||
port: false, |
|||
localhost: false |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
currentProgress: function () { |
|||
let perc = '0%' |
|||
switch (this.state) { |
|||
case 'welcome': |
|||
perc = '0%' |
|||
break |
|||
case 'syscheck': |
|||
perc = (this.syscheck.ok) ? '15%' : '5%' |
|||
break |
|||
case 'general': |
|||
perc = '20%' |
|||
break |
|||
case 'considerations': |
|||
perc = '30%' |
|||
break |
|||
case 'db': |
|||
perc = '35%' |
|||
break |
|||
case 'dbcheck': |
|||
perc = (this.dbcheck.ok) ? '50%' : '40%' |
|||
break |
|||
case 'paths': |
|||
perc = '55%' |
|||
break |
|||
case 'git': |
|||
perc = '60%' |
|||
break |
|||
case 'gitcheck': |
|||
perc = (this.gitcheck.ok) ? '75%' : '65%' |
|||
break |
|||
case 'admin': |
|||
perc = '80%' |
|||
break |
|||
} |
|||
return perc |
|||
} |
|||
}, |
|||
mounted: function () { |
|||
/* if (appconfig.paths) { |
|||
this.conf.pathData = appconfig.paths.data || './data' |
|||
this.conf.pathRepo = appconfig.paths.repo || './repo' |
|||
} |
|||
if (appconfig.git !== false && _.isPlainObject(appconfig.git)) { |
|||
this.conf.gitUrl = appconfig.git.url || '' |
|||
this.conf.gitBranch = appconfig.git.branch || 'master' |
|||
this.conf.gitShowUserEmail = (appconfig.git.showUserEmail !== false) |
|||
this.conf.gitServerEmail = appconfig.git.serverEmail || '' |
|||
if (_.isPlainObject(appconfig.git.auth)) { |
|||
this.conf.gitAuthType = appconfig.git.auth.type || 'ssh' |
|||
this.conf.gitAuthSSHKey = appconfig.git.auth.privateKey || '' |
|||
this.conf.gitAuthUser = appconfig.git.auth.username || '' |
|||
this.conf.gitAuthPass = appconfig.git.auth.password || '' |
|||
this.conf.gitAuthSSL = (appconfig.git.auth.sslVerify !== false) |
|||
} |
|||
} */ |
|||
}, |
|||
methods: { |
|||
proceedToWelcome: function (ev) { |
|||
this.state = 'welcome' |
|||
this.loading = false |
|||
}, |
|||
proceedToSyscheck: function (ev) { |
|||
let self = this |
|||
this.state = 'syscheck' |
|||
this.loading = true |
|||
self.syscheck = { |
|||
ok: false, |
|||
error: '', |
|||
results: [] |
|||
} |
|||
|
|||
this.$helpers._.delay(() => { |
|||
axios.post('/syscheck').then(resp => { |
|||
if (resp.data.ok === true) { |
|||
self.syscheck.ok = true |
|||
self.syscheck.results = resp.data.results |
|||
} else { |
|||
self.syscheck.ok = false |
|||
self.syscheck.error = resp.data.error |
|||
} |
|||
self.loading = false |
|||
self.$nextTick() |
|||
}).catch(err => { |
|||
window.alert(err.message) |
|||
}) |
|||
}, 1000) |
|||
}, |
|||
proceedToGeneral: function (ev) { |
|||
let self = this |
|||
self.state = 'general' |
|||
self.loading = false |
|||
self.$nextTick(() => { |
|||
self.$validator.validateAll('general') |
|||
}) |
|||
}, |
|||
proceedToConsiderations: function (ev) { |
|||
this.considerations = { |
|||
https: !this.$helpers._.startsWith(this.conf.host, 'https'), |
|||
port: false, // TODO
|
|||
localhost: this.$helpers._.includes(this.conf.host, 'localhost') |
|||
} |
|||
this.state = 'considerations' |
|||
this.loading = false |
|||
}, |
|||
proceedToDb: function (ev) { |
|||
let self = this |
|||
self.state = 'db' |
|||
self.loading = false |
|||
self.$nextTick(() => { |
|||
self.$validator.validateAll('db') |
|||
}) |
|||
}, |
|||
proceedToDbcheck: function (ev) { |
|||
let self = this |
|||
this.state = 'dbcheck' |
|||
this.loading = true |
|||
self.dbcheck = { |
|||
ok: false, |
|||
error: '' |
|||
} |
|||
|
|||
this.$helpers._.delay(() => { |
|||
axios.post('/dbcheck', { |
|||
db: self.conf.db |
|||
}).then(resp => { |
|||
if (resp.data.ok === true) { |
|||
self.dbcheck.ok = true |
|||
} else { |
|||
self.dbcheck.ok = false |
|||
self.dbcheck.error = resp.data.error |
|||
} |
|||
self.loading = false |
|||
self.$nextTick() |
|||
}).catch(err => { |
|||
window.alert(err.message) |
|||
}) |
|||
}, 1000) |
|||
}, |
|||
proceedToPaths: function (ev) { |
|||
let self = this |
|||
self.state = 'paths' |
|||
self.loading = false |
|||
self.$nextTick(() => { |
|||
self.$validator.validateAll('paths') |
|||
}) |
|||
}, |
|||
proceedToGit: function (ev) { |
|||
let self = this |
|||
self.state = 'git' |
|||
self.loading = false |
|||
self.$nextTick(() => { |
|||
self.$validator.validateAll('git') |
|||
}) |
|||
}, |
|||
proceedToGitCheck: function (ev) { |
|||
let self = this |
|||
this.state = 'gitcheck' |
|||
this.loading = true |
|||
self.gitcheck = { |
|||
ok: false, |
|||
results: [], |
|||
error: '' |
|||
} |
|||
|
|||
this.$helpers._.delay(() => { |
|||
axios.post('/gitcheck', self.conf).then(resp => { |
|||
if (resp.data.ok === true) { |
|||
self.gitcheck.ok = true |
|||
self.gitcheck.results = resp.data.results |
|||
} else { |
|||
self.gitcheck.ok = false |
|||
self.gitcheck.error = resp.data.error |
|||
} |
|||
self.loading = false |
|||
self.$nextTick() |
|||
}).catch(err => { |
|||
window.alert(err.message) |
|||
}) |
|||
}, 1000) |
|||
}, |
|||
proceedToAdmin: function (ev) { |
|||
let self = this |
|||
self.state = 'admin' |
|||
self.loading = false |
|||
self.$nextTick(() => { |
|||
self.$validator.validateAll('admin') |
|||
}) |
|||
}, |
|||
proceedToFinal: function (ev) { |
|||
let self = this |
|||
self.state = 'final' |
|||
self.loading = true |
|||
self.final = { |
|||
ok: false, |
|||
error: '', |
|||
results: [] |
|||
} |
|||
|
|||
this.$helpers._.delay(() => { |
|||
axios.post('/finalize', self.conf).then(resp => { |
|||
if (resp.data.ok === true) { |
|||
self.final.ok = true |
|||
self.final.results = resp.data.results |
|||
} else { |
|||
self.final.ok = false |
|||
self.final.error = resp.data.error |
|||
} |
|||
self.loading = false |
|||
self.$nextTick() |
|||
}).catch(err => { |
|||
window.alert(err.message) |
|||
}) |
|||
}, 1000) |
|||
}, |
|||
finish: function (ev) { |
|||
let self = this |
|||
self.state = 'restart' |
|||
|
|||
this.$helpers._.delay(() => { |
|||
axios.post('/restart', {}).then(resp => { |
|||
this.$helpers._.delay(() => { |
|||
window.location.assign(self.conf.host) |
|||
}, 30000) |
|||
}).catch(err => { |
|||
window.alert(err.message) |
|||
}) |
|||
}, 1000) |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,61 @@ |
|||
.config-manager { |
|||
.welcome { |
|||
text-align: center; |
|||
padding: 50px 0 15px 0; |
|||
color: mc('grey', '700'); |
|||
|
|||
h2 { |
|||
margin: 0; |
|||
} |
|||
|
|||
} |
|||
|
|||
i.icon-loader { |
|||
display: inline-block; |
|||
color: mc('indigo', '500') |
|||
} |
|||
i.icon-check { |
|||
color: mc('green', '500') |
|||
} |
|||
i.icon-square-cross { |
|||
color: mc('red', '500') |
|||
} |
|||
i.icon-warning-outline { |
|||
color: mc('orange', '500') |
|||
} |
|||
|
|||
.tst-welcome-leave-active, .tst-welcome-enter-active { |
|||
transition: all .5s; |
|||
overflow-y: hidden; |
|||
} |
|||
.tst-welcome-leave, .tst-welcome-enter-to { |
|||
opacity: 1; |
|||
max-height: 200px; |
|||
} |
|||
.tst-welcome-leave-to, .tst-welcome-enter { |
|||
opacity: 0; |
|||
max-height: 0; |
|||
padding-top: 0; |
|||
} |
|||
|
|||
.progress-bar { |
|||
width: 150px; |
|||
height: 10px; |
|||
background-color: mc('indigo', '50'); |
|||
border:1px solid mc('indigo', '100'); |
|||
border-radius: 3px; |
|||
position: absolute; |
|||
left: 15px; |
|||
top: 21px; |
|||
padding: 1px; |
|||
|
|||
> div { |
|||
width: 5px; |
|||
height: 6px; |
|||
background-color: mc('indigo', '200'); |
|||
border-radius: 2px; |
|||
transition: all 1s ease; |
|||
} |
|||
|
|||
} |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save