mirror of https://github.com/Requarks/wiki.git
NGPixel
4 years ago
10 changed files with 362 additions and 206 deletions
Split View
Diff Options
-
4client/components/admin.vue
-
141client/components/admin/admin-general.vue
-
265client/components/admin/admin-security.vue
-
1client/static/svg/icon-private.svg
-
12config.sample.yml
-
6server/app/data.yml
-
16server/controllers/upload.js
-
77server/graph/resolvers/site.js
-
45server/graph/schemas/site.graphql
-
1server/setup.js
@ -0,0 +1,265 @@ |
|||
<template lang='pug'> |
|||
v-container(fluid, grid-list-lg) |
|||
v-layout(row wrap) |
|||
v-flex(xs12) |
|||
.admin-header |
|||
img.animated.fadeInUp(src='/svg/icon-private.svg', alt='Security', style='width: 80px;') |
|||
.admin-header-title |
|||
.headline.primary--text.animated.fadeInLeft {{ $t('admin:security.title') }} |
|||
.subtitle-1.grey--text.animated.fadeInLeft {{ $t('admin:security.subtitle') }} |
|||
v-spacer |
|||
v-btn.animated.fadeInDown(color='success', depressed, @click='save', large) |
|||
v-icon(left) mdi-check |
|||
span {{$t('common:actions.apply')}} |
|||
v-form.pt-3 |
|||
v-layout(row wrap) |
|||
v-flex(lg6 xs12) |
|||
v-card.animated.fadeInUp |
|||
v-toolbar(color='red darken-2', dark, dense, flat) |
|||
v-toolbar-title.subtitle-1 Security |
|||
v-card-text |
|||
v-alert(outlined, color='red darken-2', icon='mdi-information-outline').body-2 Make sure to understand the implications before turning on / off a security feature. |
|||
v-switch.mt-3( |
|||
inset |
|||
label='Block IFrame Embedding' |
|||
color='red darken-2' |
|||
v-model='config.securityIframe' |
|||
persistent-hint |
|||
hint='Prevents other websites from embedding your wiki in an iframe. This provides clickjacking protection.' |
|||
) |
|||
|
|||
v-divider.mt-3 |
|||
v-switch( |
|||
inset |
|||
label='Same Origin Referrer Policy' |
|||
color='red darken-2' |
|||
v-model='config.securityReferrerPolicy' |
|||
persistent-hint |
|||
hint='Limits the referrer header to same origin.' |
|||
) |
|||
|
|||
v-divider.mt-3 |
|||
v-switch( |
|||
inset |
|||
label='Trust X-Forwarded-* Proxy Headers' |
|||
color='red darken-2' |
|||
v-model='config.securityTrustProxy' |
|||
persistent-hint |
|||
hint='Should be enabled when using a reverse-proxy like nginx, apache, CloudFlare, etc in front of Wiki.js. Turn off otherwise.' |
|||
) |
|||
|
|||
//- v-divider.mt-3 |
|||
//- v-switch( |
|||
//- inset |
|||
//- label='Subresource Integrity (SRI)' |
|||
//- color='red darken-2' |
|||
//- v-model='config.securitySRI' |
|||
//- persistent-hint |
|||
//- hint='This ensure that resources such as CSS and JS files are not altered during delivery.' |
|||
//- disabled |
|||
//- ) |
|||
|
|||
v-divider.mt-3 |
|||
v-switch( |
|||
inset |
|||
label='Enforce HSTS' |
|||
color='red darken-2' |
|||
v-model='config.securityHSTS' |
|||
persistent-hint |
|||
hint='This ensures the connection cannot be established through an insecure HTTP connection.' |
|||
) |
|||
v-select.mt-5( |
|||
outlined |
|||
label='HSTS Max Age' |
|||
:items='hstsDurations' |
|||
v-model='config.securityHSTSDuration' |
|||
prepend-icon='mdi-subdirectory-arrow-right' |
|||
:disabled='!config.securityHSTS' |
|||
hide-details |
|||
style='max-width: 450px;' |
|||
) |
|||
.pl-11.mt-3 |
|||
.caption Defines the duration for which the server should only deliver content through HTTPS. |
|||
.caption It's a good idea to start with small values and make sure that nothing breaks on your wiki before moving to longer values. |
|||
|
|||
v-divider.mt-3 |
|||
v-switch( |
|||
inset |
|||
label='Enforce CSP' |
|||
color='red darken-2' |
|||
v-model='config.securityCSP' |
|||
persistent-hint |
|||
hint='Restricts scripts to pre-approved content sources.' |
|||
disabled |
|||
) |
|||
v-textarea.mt-5( |
|||
label='CSP Directives' |
|||
outlined |
|||
v-model='config.securityCSPDirectives' |
|||
prepend-icon='mdi-subdirectory-arrow-right' |
|||
persistent-hint |
|||
hint='One directive per line.' |
|||
disabled |
|||
) |
|||
|
|||
v-flex(lg6 xs12) |
|||
v-card.animated.fadeInUp.wait-p2s |
|||
v-toolbar(color='primary', dark, dense, flat) |
|||
v-toolbar-title.subtitle-1 {{ $t('admin:security.uploads') }} |
|||
v-card-text |
|||
v-text-field( |
|||
outlined |
|||
:label='$t(`admin:security.maxUploadSize`)' |
|||
required |
|||
v-model='config.uploadMaxFileSize' |
|||
prepend-icon='mdi-progress-upload' |
|||
:hint='$t(`admin:security.maxUploadSizeHint`)' |
|||
persistent-hint |
|||
:suffix='$t(`admin:security.maxUploadSizeSuffix`)' |
|||
style='max-width: 450px;' |
|||
) |
|||
v-text-field.mt-3( |
|||
outlined |
|||
:label='$t(`admin:security.maxUploadBatch`)' |
|||
required |
|||
v-model='config.uploadMaxFiles' |
|||
prepend-icon='mdi-upload-lock' |
|||
:hint='$t(`admin:security.maxUploadBatchHint`)' |
|||
persistent-hint |
|||
:suffix='$t(`admin:security.maxUploadBatchSuffix`)' |
|||
style='max-width: 450px;' |
|||
) |
|||
</template> |
|||
|
|||
<script> |
|||
import _ from 'lodash' |
|||
import { sync } from 'vuex-pathify' |
|||
import gql from 'graphql-tag' |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
config: { |
|||
uploadMaxFileSize: 0, |
|||
uploadMaxFiles: 0, |
|||
securityIframe: true, |
|||
securityReferrerPolicy: true, |
|||
securityTrustProxy: true, |
|||
securitySRI: true, |
|||
securityHSTS: false, |
|||
securityHSTSDuration: 0, |
|||
securityCSP: false, |
|||
securityCSPDirectives: '' |
|||
}, |
|||
hstsDurations: [ |
|||
{ value: 300, text: '5 minutes' }, |
|||
{ value: 86400, text: '1 day' }, |
|||
{ value: 604800, text: '1 week' }, |
|||
{ value: 2592000, text: '1 month' }, |
|||
{ value: 31536000, text: '1 year' }, |
|||
{ value: 63072000, text: '2 years' } |
|||
] |
|||
} |
|||
}, |
|||
computed: { |
|||
activeModal: sync('editor/activeModal') |
|||
}, |
|||
methods: { |
|||
async save () { |
|||
try { |
|||
await this.$apollo.mutate({ |
|||
mutation: gql` |
|||
mutation ( |
|||
$uploadMaxFileSize: Int |
|||
$uploadMaxFiles: Int |
|||
$securityIframe: Boolean |
|||
$securityReferrerPolicy: Boolean |
|||
$securityTrustProxy: Boolean |
|||
$securitySRI: Boolean |
|||
$securityHSTS: Boolean |
|||
$securityHSTSDuration: Int |
|||
$securityCSP: Boolean |
|||
$securityCSPDirectives: String |
|||
) { |
|||
site { |
|||
updateConfig( |
|||
uploadMaxFileSize: $uploadMaxFileSize, |
|||
uploadMaxFiles: $uploadMaxFiles, |
|||
securityIframe: $securityIframe, |
|||
securityReferrerPolicy: $securityReferrerPolicy, |
|||
securityTrustProxy: $securityTrustProxy, |
|||
securitySRI: $securitySRI, |
|||
securityHSTS: $securityHSTS, |
|||
securityHSTSDuration: $securityHSTSDuration, |
|||
securityCSP: $securityCSP, |
|||
securityCSPDirectives: $securityCSPDirectives |
|||
) { |
|||
responseResult { |
|||
succeeded |
|||
errorCode |
|||
slug |
|||
message |
|||
} |
|||
} |
|||
} |
|||
} |
|||
`, |
|||
variables: { |
|||
uploadMaxFileSize: _.toSafeInteger(_.get(this.config, 'uploadMaxFileSize', 0)), |
|||
uploadMaxFiles: _.toSafeInteger(_.get(this.config, 'uploadMaxFiles', 0)), |
|||
securityIframe: _.get(this.config, 'securityIframe', false), |
|||
securityReferrerPolicy: _.get(this.config, 'securityReferrerPolicy', false), |
|||
securityTrustProxy: _.get(this.config, 'securityTrustProxy', false), |
|||
securitySRI: _.get(this.config, 'securitySRI', false), |
|||
securityHSTS: _.get(this.config, 'securityHSTS', false), |
|||
securityHSTSDuration: _.get(this.config, 'securityHSTSDuration', 0), |
|||
securityCSP: _.get(this.config, 'securityCSP', false), |
|||
securityCSPDirectives: _.get(this.config, 'securityCSPDirectives', '') |
|||
}, |
|||
watchLoading (isLoading) { |
|||
this.$store.commit(`loading${isLoading ? 'Start' : 'Stop'}`, 'admin-site-update') |
|||
} |
|||
}) |
|||
this.$store.commit('showNotification', { |
|||
style: 'success', |
|||
message: 'Configuration saved successfully.', |
|||
icon: 'check' |
|||
}) |
|||
} catch (err) { |
|||
this.$store.commit('pushGraphError', err) |
|||
} |
|||
} |
|||
}, |
|||
apollo: { |
|||
config: { |
|||
query: gql` |
|||
{ |
|||
site { |
|||
config { |
|||
uploadMaxFileSize |
|||
uploadMaxFiles |
|||
securityIframe |
|||
securityReferrerPolicy |
|||
securityTrustProxy |
|||
securitySRI |
|||
securityHSTS |
|||
securityHSTSDuration |
|||
securityCSP |
|||
securityCSPDirectives |
|||
} |
|||
} |
|||
} |
|||
`, |
|||
fetchPolicy: 'network-only', |
|||
update: (data) => _.cloneDeep(data.site.config), |
|||
watchLoading (isLoading) { |
|||
this.$store.commit(`loading${isLoading ? 'Start' : 'Stop'}`, 'admin-security-refresh') |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss'> |
|||
|
|||
</style> |
@ -0,0 +1 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="96px" height="96px"><linearGradient id="sjY3Z3RjS0RqXT5Ds3orNa" x1="35" x2="35" y1="39.75" y2="46.768" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#6dc7ff"/><stop offset=".216" stop-color="#87c1ff"/><stop offset="1" stop-color="#e6abff"/></linearGradient><path fill="url(#sjY3Z3RjS0RqXT5Ds3orNa)" d="M34,46h-2v-1c0-2.757,2.243-5,5-5h1v2h-1c-1.654,0-3,1.346-3,3V46z"/><linearGradient id="sjY3Z3RjS0RqXT5Ds3orNb" x1="32" x2="32" y1="4" y2="60.514" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#1a6dff"/><stop offset="1" stop-color="#c822ff"/></linearGradient><path fill="url(#sjY3Z3RjS0RqXT5Ds3orNb)" d="M58,32C58,17.664,46.336,6,32,6S6,17.664,6,32s11.664,26,26,26c3.539,0,6.915-0.713,9.993-2 H42v-0.003C51.387,52.071,58,42.794,58,32z M23,31v1h2v-1v-5.5v-4c0-0.827,0.673-1.5,1.5-1.5s1.5,0.673,1.5,1.5V27v5h2v-5v-5.5V18 c0-1.103,0.897-2,2-2s2,0.897,2,2v4v9v1h2v-1v-9c0-1.103,0.897-2,2-2s2,0.897,2,2v15.755c0,0.801,0.455,1.499,1.187,1.823 c0.731,0.324,1.555,0.19,2.147-0.348l3.252-2.958c0.78-0.779,2.049-0.779,2.828,0C49.792,36.65,50,37.152,50,37.687 c0,0.534-0.208,1.036-0.586,1.414l-6.262,6.262C41.451,47.063,39.19,48,36.785,48H25c-2.757,0-5-2.243-5-5V25.5 c0-0.827,0.673-1.5,1.5-1.5s1.5,0.673,1.5,1.5V31z M30,52v3.91c-0.675-0.056-1.342-0.139-2-0.25V52h-2v3.24 c-1.387-0.358-2.722-0.843-4-1.432v-4.494C22.911,49.75,23.925,50,25,50h11.785c1.106,0,2.186-0.162,3.215-0.475v5.099 c-1.287,0.456-2.624,0.805-4,1.036V52h-2v3.91C33.34,55.965,32.674,56,32,56v-4H30z M42,53.809V48.69 c0.932-0.503,1.796-1.143,2.566-1.913l6.262-6.262C51.584,39.759,52,38.755,52,37.687c0-1.069-0.416-2.073-1.172-2.829 c-0.755-0.755-1.76-1.171-2.828-1.171s-2.073,0.416-2.794,1.138L42,37.755V22c0-2.206-1.794-4-4-4c-0.732,0-1.409,0.212-2,0.556V18 c0-2.206-1.794-4-4-4s-4,1.794-4,4v0.351C27.544,18.133,27.039,18,26.5,18c-1.93,0-3.5,1.57-3.5,3.5v0.851 C22.544,22.133,22.039,22,21.5,22c-1.93,0-3.5,1.57-3.5,3.5V43c0,1.902,0.765,3.627,2,4.89v4.881C12.834,48.615,8,40.864,8,32 C8,18.767,18.767,8,32,8s24,10.767,24,24C56,41.665,50.253,50.009,42,53.809z"/></svg> |
Write
Preview
Loading…
Cancel
Save