Skip to content

W
wiki-js
Commit 5312f532 authored by NGPixel's avatar NGPixel Committed by Nicolas Giard
Browse files
Options

feat: updated icons to Nucleo

parent 1cb1c5ac
Hide whitespace changes
Inline Side-by-side
Showing with 347 additions and 1230 deletions
assets/fonts/core-icons.svg deleted 100644 → 0
View file @ 1cb1c5ac
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/fonts/core-icons.woff deleted 100644 → 0
View file @ 1cb1c5ac
This diff was suppressed by a .gitattributes entry.
assets/fonts/nucleo-outline.woff 0 → 100644
View file @ 5312f532
This diff was suppressed by a .gitattributes entry.
assets/fonts/nucleo-outline.woff2 0 → 100644
View file @ 5312f532
This diff was suppressed by a .gitattributes entry.
assets/fonts/core-icons.ttf → assets/fonts/wiki-js.woff
View file @ 5312f532
This diff was suppressed by a .gitattributes entry.
assets/fonts/wiki-js.woff2 0 → 100644
View file @ 5312f532
This diff was suppressed by a .gitattributes entry.
client/fonts/icomoon-wikijs.json 0 → 100644
View file @ 5312f532
This source diff could not be displayed because it is too large. You can view the blob instead.
client/js/components/editor-codeblock.vue
View file @ 5312f532
......@@ -27,100 +27,102 @@
</template>
<script>
let codeEditor
let ace
let codeEditor
let ace
export default {
name: 'editor-codeblock',
data () {
return {
modes: [],
modeSelected: 'text',
modelistLoaded: [],
isLoading: false
}
},
computed: {
content () {
return this.$store.state.editorCodeblock.content
},
isShown () {
return this.$store.state.editorCodeblock.shown
}
},
watch: {
modeSelected(val, oldVal) {
this.loadMode(val)
}
export default {
name: 'editor-codeblock',
data() {
return {
modes: [],
modeSelected: 'text',
modelistLoaded: [],
isLoading: false
}
},
computed: {
content() {
return this.$store.state.editorCodeblock.content
},
methods: {
init () {
let self = this
self._.delay(() => {
codeEditor = ace.edit('codeblock-editor')
codeEditor.setTheme('ace/theme/tomorrow_night')
codeEditor.getSession().setMode('ace/mode/' + self.modeSelected)
codeEditor.setOption('fontSize', '14px')
codeEditor.setOption('hScrollBarAlwaysVisible', false)
codeEditor.setOption('wrap', true)
codeEditor.setOption('showPrintMargin', false)
isShown() {
return this.$store.state.editorCodeblock.shown
}
},
watch: {
modeSelected(val, oldVal) {
this.loadMode(val)
}
},
methods: {
init() {
let self = this
self._.delay(() => {
codeEditor = ace.edit('codeblock-editor')
codeEditor.setTheme('ace/theme/tomorrow_night')
codeEditor.getSession().setMode('ace/mode/' + self.modeSelected)
codeEditor.setOption('fontSize', '14px')
codeEditor.setOption('hScrollBarAlwaysVisible', false)
codeEditor.setOption('wrap', true)
codeEditor.setOption('useSoftTabs', true)
codeEditor.setOption('tabSize', 2)
codeEditor.setOption('showPrintMargin', false)
codeEditor.setValue(self.content)
codeEditor.setValue(self.content)
codeEditor.focus()
codeEditor.renderer.updateFull()
}, 100)
},
loadMode (m) {
let self = this
if (self._.includes(self.modelistLoaded, m)) {
codeEditor.getSession().setMode('ace/mode/' + m)
} else {
self.isLoading = true
self.$http.get('/js/ace/mode-' + m + '.js').then(resp => {
if(resp.ok) {
eval(resp.bodyText)
self.modelistLoaded.push(m)
ace.acequire('ace/mode/' + m)
codeEditor.getSession().setMode('ace/mode/' + m)
self._.delay(() => { self.isLoading = false }, 500)
} else {
this.$store.dispatch('alert', {
style: 'red',
icon: 'square-cross',
msg: self.$t('editor.codeblockloadingerror')
})
}
}).catch(err => {
his.$store.dispatch('alert', {
codeEditor.focus()
codeEditor.renderer.updateFull()
}, 100)
},
loadMode(m) {
let self = this
if (self._.includes(self.modelistLoaded, m)) {
codeEditor.getSession().setMode('ace/mode/' + m)
} else {
self.isLoading = true
self.$http.get('/js/ace/mode-' + m + '.js').then(resp => {
if (resp.ok) {
eval(resp.bodyText)
self.modelistLoaded.push(m)
ace.acequire('ace/mode/' + m)
codeEditor.getSession().setMode('ace/mode/' + m)
self._.delay(() => { self.isLoading = false }, 500)
} else {
this.$store.dispatch('alert', {
style: 'red',
icon: 'square-cross',
msg: 'Error: ' + err.body.msg
msg: self.$t('editor.codeblockloadingerror')
})
}
}).catch(err => {
his.$store.dispatch('alert', {
style: 'red',
icon: 'square-cross',
msg: 'Error: ' + err.body.msg
})
}
},
cancel () {
codeEditor.destroy()
this.$store.dispatch('editorCodeblock/close')
},
insertCode () {
let codeBlockText = '\n```' + this.modeSelected + '\n' + codeEditor.getValue() + '\n```\n'
this.$store.dispatch('editor/insert', codeBlockText)
this.$store.dispatch('alert', {
style: 'blue',
icon: 'inbox',
msg: this.$t('editor.codeblocksuccess')
})
this.cancel()
}
},
mounted() {
FuseBox.import('/js/ace/ace.js', (acePkg) => {
ace = acePkg
this.modes = ace.acequire('ace/ext/modelist').modesByName
cancel() {
codeEditor.destroy()
this.$store.dispatch('editorCodeblock/close')
},
insertCode() {
let codeBlockText = '\n```' + this.modeSelected + '\n' + codeEditor.getValue() + '\n```\n'
this.$store.dispatch('editor/insert', codeBlockText)
this.$store.dispatch('alert', {
style: 'blue',
icon: 'inbox',
msg: this.$t('editor.codeblocksuccess')
})
this.$root.$on('editorCodeblock/init', this.init)
this.cancel()
}
},
mounted() {
FuseBox.import('/js/ace/ace.js', (acePkg) => {
ace = acePkg
this.modes = ace.acequire('ace/ext/modelist').modesByName
})
this.$root.$on('editorCodeblock/init', this.init)
}
}
</script>
client/js/components/editor-file.vue
View file @ 5312f532
......@@ -13,15 +13,15 @@
i
.modal-toolbar.is-green
a.button(@click='newFolder')
i.icon-folder2
i.nc-icon-outline.files_folder-14
span {{ $t('editor.newfolder') }}
a.button#btn-editor-file-upload
i.icon-cloud-upload
i.nc-icon-outline.arrows-1_cloud-upload-94
span {{ (mode === 'file') ? $t('editor.fileupload') : $t('editor.imageupload') }}
label
input(type='file', multiple, :disabled='isLoading', ref='editorFileUploadInput')
a.button(v-if='mode === "image"', @click='fetchFromUrl')
i.icon-cloud-download
i.nc-icon-outline.arrows-1_cloud-download-93
span Fetch from URL
section.is-gapless
.columns.is-stretched
......@@ -30,7 +30,7 @@
ul.model-sidebar-list
li(v-for='fld in folders')
a(@click='selectFolder(fld)', :class='{ "is-active": currentFolder === fld }')
i.icon-folder2
i.nc-icon-outline.files_folder-17
span / {{ fld }}
.model-sidebar-header(v-if='mode === "image"') Alignment
.model-sidebar-content(v-if='mode === "image"')
......
client/js/components/editor.component.js
View file @ 5312f532
......@@ -81,37 +81,37 @@ export default {
name: 'heading-1',
action: SimpleMDE.toggleHeading1,
className: 'icon-header fa-header-x fa-header-1',
title: 'Big Heading'
title: 'Header (Level 1)'
},
{
name: 'heading-2',
action: SimpleMDE.toggleHeading2,
className: 'icon-header fa-header-x fa-header-2',
title: 'Medium Heading'
title: 'Header (Level 2)'
},
{
name: 'heading-3',
action: SimpleMDE.toggleHeading3,
className: 'icon-header fa-header-x fa-header-3',
title: 'Small Heading'
title: 'Header (Level 3)'
},
{
name: 'quote',
action: SimpleMDE.toggleBlockquote,
className: 'icon-quote-left',
className: 'nc-icon-outline text_quote',
title: 'Quote'
},
'|',
{
name: 'unordered-list',
action: SimpleMDE.toggleUnorderedList,
className: 'icon-th-list',
className: 'nc-icon-outline text_list-bullet',
title: 'Bullet List'
},
{
name: 'ordered-list',
action: SimpleMDE.toggleOrderedList,
className: 'icon-list-ol',
className: 'nc-icon-outline text_list-numbers',
title: 'Numbered List'
},
'|',
......@@ -121,7 +121,7 @@ export default {
window.alert('Coming soon!')
// todo
},
className: 'icon-link2',
className: 'nc-icon-outline ui-2_link-68',
title: 'Insert Link'
},
{
......@@ -129,7 +129,7 @@ export default {
action: (editor) => {
self.$store.dispatch('editorFile/open', { mode: 'image' })
},
className: 'icon-image',
className: 'nc-icon-outline design_image',
title: 'Insert Image'
},
{
......@@ -137,7 +137,7 @@ export default {
action: (editor) => {
self.$store.dispatch('editorFile/open', { mode: 'file' })
},
className: 'icon-paper',
className: 'nc-icon-outline files_zip-54',
title: 'Insert File'
},
{
......@@ -145,7 +145,7 @@ export default {
action: (editor) => {
self.$store.dispatch('editorVideo/open')
},
className: 'icon-video-camera2',
className: 'nc-icon-outline media-1_video-64',
title: 'Insert Video Player'
},
'|',
......@@ -165,7 +165,7 @@ export default {
})
editor.codemirror.doc.replaceSelections(curSel)
},
className: 'icon-terminal',
className: 'nc-icon-outline arrows-4_enlarge-46',
title: 'Inline Code'
},
{
......@@ -175,7 +175,7 @@ export default {
initialContent: (mde.codemirror.doc.somethingSelected()) ? mde.codemirror.doc.getSelection() : ''
})
},
className: 'icon-code',
className: 'nc-icon-outline design_code',
title: 'Code Block'
},
'|',
......@@ -185,13 +185,13 @@ export default {
window.alert('Coming soon!')
// todo
},
className: 'icon-table',
className: 'nc-icon-outline ui-2_grid-square',
title: 'Insert Table'
},
{
name: 'horizontal-rule',
action: SimpleMDE.drawHorizontalRule,
className: 'icon-minus2',
className: 'nc-icon-outline design_distribute-vertical',
title: 'Horizontal Rule'
}
],
......
client/scss/app.scss
View file @ 5312f532
......@@ -27,6 +27,7 @@ $primary: 'indigo';
@import 'components/table';
@import 'components/typography';
@import 'libs/nucleo-icons';
@import 'libs/twemoji-awesome';
@import 'libs/jquery-contextmenu';
@import 'node_modules/highlight.js/styles/atom-one-dark';
......
client/scss/base/fonts.scss
View file @ 5312f532
// ========================================
// Core-Icons
// Wiki.js Icon Set
//
// Contains selections from:
// - Typicons, by Stephen Hutchings, licensed under CC BY-SA 3.0
// - Feather, by Cole Bemis, licensed under MIT
// - 60 Vicons, by Victor Erixon, licensed under WTFPL
// - FontAwesome, by Dave Gandy, licensed under SIL OFL 1.1
// ========================================
@font-face {
font-family: 'core-icons';
font-family: 'wiki-js';
src:
url('/fonts/core-icons.ttf?e6rn1i') format('truetype'),
url('/fonts/core-icons.woff?e6rn1i') format('woff'),
url('/fonts/core-icons.svg?e6rn1i#core-icons') format('svg');
url('/fonts/wiki-js.woff2?1497824388') format('woff2'),
url('/fonts/wiki-js.woff?1497824388') format('woff');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'core-icons' !important;
font-family: 'wiki-js' !important;
speak: none;
font-style: normal;
font-weight: normal;
......@@ -34,149 +31,56 @@
-moz-osx-font-smoothing: grayscale;
}
// Core-Icons Reference
// Wiki.js Icon Set Reference
$icon-minus2: "\f068";
$icon-font: "\f031";
$icon-bold: "\f032";
$icon-italic: "\f033";
$icon-align-left2: "\f036";
$icon-align-center2: "\f037";
$icon-align-right2: "\f038";
$icon-align-justify2: "\f039";
$icon-list: "\f03a";
$icon-video-camera2: "\f03d";
$icon-image3: "\f03e";
$icon-photo: "\f03e";
$icon-picture-o: "\f03e";
$icon-twitter-square: "\f081";
$icon-facebook-square: "\f082";
$icon-linkedin-square: "\f08c";
$icon-github-square: "\f092";
$icon-twitter: "\f099";
$icon-facebook: "\f09a";
$icon-facebook-f: "\f09a";
$icon-github: "\f09b";
$icon-chain: "\f0c1";
$icon-link3: "\f0c1";
$icon-bars: "\f0c9";
$icon-navicon: "\f0c9";
$icon-reorder: "\f0c9";
$icon-list-ul: "\f0ca";
$icon-list-ol: "\f0cb";
$icon-strikethrough: "\f0cc";
$icon-underline: "\f0cd";
$icon-table: "\f0ce";
$icon-pinterest: "\f0d2";
$icon-google-plus: "\f0d5";
$icon-linkedin: "\f0e1";
$icon-file-text-o: "\f0f6";
$icon-quote-left: "\f10d";
$icon-terminal: "\f120";
$icon-code: "\f121";
$icon-github-alt: "\f113";
$icon-youtube-play: "\f16a";
$icon-dropbox: "\f16b";
$icon-stack-overflow: "\f16c";
$icon-instagram: "\f16d";
$icon-flickr: "\f16e";
$icon-bitbucket: "\f171";
$icon-apple: "\f179";
$icon-windows2: "\f17a";
$icon-android: "\f17b";
$icon-linux: "\f17c";
$icon-vimeo-square: "\f194";
$icon-skype: "\f17e";
$icon-trello: "\f181";
$icon-slack: "\f198";
$icon-wordpress: "\f19a";
$icon-google: "\f1a0";
$icon-reddit: "\f1a1";
$icon-behance: "\f1b4";
$icon-steam: "\f1b6";
$icon-codepen: "\f1cb";
$icon-git-square: "\f1d2";
$icon-git: "\f1d3";
$icon-header: "\f1dc";
$icon-twitch: "\f1e8";
$icon-pinterest-p: "\f231";
$icon-get-pocket: "\f265";
$icon-wikipedia-w: "\f266";
$icon-safari: "\f267";
$icon-chrome: "\f268";
$icon-firefox: "\f269";
$icon-opera: "\f26a";
$icon-internet-explorer: "\f26b";
$icon-amazon: "\f270";
$icon-vimeo: "\f27d";
$icon-reddit-alien: "\f281";
$icon-edge: "\f282";
$icon-gitlab: "\f296";
$icon-th-small: "\e900";
$icon-th-menu: "\e901";
$icon-th-list: "\e902";
$icon-th-large: "\e903";
$icon-home: "\e904";
$icon-location: "\e905";
$icon-link: "\e906";
$icon-starburst: "\e907";
$icon-starburst-outline: "\e908";
$icon-star: "\e909";
$icon-flow-children: "\e90a";
$icon-export: "\e90b";
$icon-delete: "\e90c";
$icon-delete-outline: "\e90d";
$icon-cloud-storage: "\e90e";
$icon-backspace: "\e90f";
$icon-attachment: "\e910";
$icon-arrow-move: "\e911";
$icon-warning: "\e912";
$icon-location-arrow: "\e913";
$icon-point-of-interest: "\e914";
$icon-infinity: "\e915";
$icon-eye: "\e916";
$icon-refresh: "\e917";
$icon-pin: "\e918";
$icon-eject: "\e919";
$icon-arrow-sync: "\e91a";
$icon-arrow-shuffle: "\e91b";
$icon-arrow-repeat: "\e91c";
$icon-arrow-minimise: "\e91d";
$icon-arrow-maximise: "\e91e";
$icon-arrow-loop: "\e91f";
$icon-spanner: "\e920";
$icon-power: "\e921";
$icon-flag: "\e922";
$icon-th-large-outline: "\e923";
$icon-th-small-outline: "\e924";
$icon-th-menu-outline: "\e925";
$icon-th-list-outline: "\e926";
$icon-home-outline: "\e927";
$icon-trash: "\e928";
$icon-star-outline: "\e929";
$icon-mail: "\e92a";
$icon-heart-outline: "\e92b";
$icon-flash-outline: "\e92c";
$icon-watch: "\e92d";
$icon-warning-outline: "\e92e";
$icon-location-arrow-outline: "\e92f";
$icon-info-outline: "\e930";
$icon-backspace-outline: "\e931";
$icon-upload-outline: "\e932";
$icon-tag: "\e933";
$icon-tabs-outline: "\e934";
$icon-pin-outline: "\e935";
$icon-pipette: "\e936";
$icon-pencil: "\e937";
$icon-folder: "\e938";
$icon-folder-delete: "\e939";
$icon-folder-add: "\e93a";
$icon-edit: "\e93b";
$icon-document: "\e93c";
$icon-document-delete: "\e93d";
$icon-document-add: "\e93e";
$icon-brush: "\e93f";
$icon-thumbs-up: "\e940";
$icon-thumbs-down: "\e941";
$icon-pen: "\e942";
$icon-bookmark: "\e943";
$icon-arrow-up: "\e944";
$icon-arrow-sync-outline: "\e945";
$icon-arrow-right: "\e946";
$icon-arrow-repeat-outline: "\e947";
$icon-arrow-loop-outline: "\e948";
$icon-arrow-left: "\e949";
$icon-flow-switch: "\e94a";
$icon-flow-parallel: "\e94b";
$icon-flow-merge: "\e94c";
$icon-document-text: "\e94d";
$icon-arrow-down: "\e94e";
$icon-bell: "\e94f";
$icon-adjust-contrast: "\e950";
$icon-lightbulb: "\e951";
$icon-tags: "\e952";
$icon-snapchat-ghost: "\f2ac";
$icon-eye2: "\e000";
$icon-paper-clip: "\e001";
$icon-mail2: "\e002";
......@@ -307,772 +211,245 @@ $icon-file-subtract: "\e126";
$icon-help: "\e127";
$icon-open: "\e128";
$icon-ellipsis: "\e129";
$icon-box2: "\e953";
$icon-write: "\e954";
$icon-clock2: "\e955";
$icon-reply2: "\e956";
$icon-reply-all: "\e957";
$icon-forward: "\e958";
$icon-flag3: "\e959";
$icon-search2: "\e95a";
$icon-trash3: "\e95b";
$icon-envelope: "\e95c";
$icon-bubble: "\e95d";
$icon-bubbles: "\e95e";
$icon-user: "\e95f";
$icon-users: "\e960";
$icon-cloud2: "\e961";
$icon-download2: "\e962";
$icon-upload2: "\e963";
$icon-rain: "\e964";
$icon-sun2: "\e965";
$icon-moon2: "\e966";
$icon-bell3: "\e967";
$icon-folder3: "\e968";
$icon-pin2: "\e969";
$icon-sound: "\e96a";
$icon-microphone2: "\e96b";
$icon-camera2: "\e96c";
$icon-image2: "\e96d";
$icon-cog2: "\e96e";
$icon-calendar: "\e96f";
$icon-book2: "\e970";
$icon-map-marker: "\e971";
$icon-store: "\e972";
$icon-support: "\e973";
$icon-tag3: "\e974";
$icon-heart2: "\e975";
$icon-video-camera: "\e976";
$icon-trophy: "\e977";
$icon-cart: "\e978";
$icon-eye3: "\e979";
$icon-cancel: "\e97a";
$icon-chart: "\e97b";
$icon-target2: "\e97c";
$icon-printer2: "\e97d";
$icon-location3: "\e97e";
$icon-bookmark2: "\e97f";
$icon-monitor2: "\e980";
$icon-cross2: "\e981";
$icon-plus2: "\e982";
$icon-left: "\e983";
$icon-up: "\e984";
$icon-browser: "\e985";
$icon-windows: "\e986";
$icon-switch: "\e987";
$icon-dashboard: "\e988";
$icon-play2: "\e989";
$icon-fast-forward2: "\e98a";
$icon-next: "\e98b";
$icon-refresh2: "\e98c";
$icon-film: "\e98d";
$icon-home2: "\e98e";
// CSS Classes
.icon-minus2 {
&:before {
content: $icon-minus2;
}
}
.icon-font {
&:before {
content: $icon-font;
}
}
.icon-bold {
&:before {
content: $icon-bold;
}
}
.icon-italic {
&:before {
content: $icon-italic;
}
}
.icon-align-left2 {
&:before {
content: $icon-align-left2;
}
}
.icon-align-center2 {
&:before {
content: $icon-align-center2;
}
}
.icon-align-right2 {
&:before {
content: $icon-align-right2;
}
}
.icon-align-justify2 {
&:before {
content: $icon-align-justify2;
}
}
.icon-list {
&:before {
content: $icon-list;
}
}
.icon-video-camera2 {
&:before {
content: $icon-video-camera2;
}
}
.icon-image3 {
&:before {
content: $icon-image3;
}
}
.icon-photo {
&:before {
content: $icon-photo;
}
}
.icon-picture-o {
&:before {
content: $icon-picture-o;
}
}
.icon-twitter-square {
&:before {
content: $icon-twitter-square;
}
}
.icon-facebook-square {
&:before {
content: $icon-facebook-square;
}
}
.icon-linkedin-square {
&:before {
content: $icon-linkedin-square;
}
}
.icon-github-square {
&:before {
content: $icon-github-square;
}
}
.icon-twitter {
&:before {
content: $icon-twitter;
}
}
.icon-facebook {
&:before {
content: $icon-facebook;
}
}
.icon-facebook-f {
&:before {
content: $icon-facebook-f;
}
}
.icon-github {
&:before {
content: $icon-github;
}
}
.icon-chain {
&:before {
content: $icon-chain;
}
}
.icon-link3 {
&:before {
content: $icon-link3;
}
}
.icon-bars {
&:before {
content: $icon-bars;
}
}
.icon-navicon {
&:before {
content: $icon-navicon;
}
}
.icon-reorder {
&:before {
content: $icon-reorder;
}
}
.icon-list-ul {
&:before {
content: $icon-list-ul;
}
}
.icon-list-ol {
&:before {
content: $icon-list-ol;
}
}
.icon-strikethrough {
&:before {
content: $icon-strikethrough;
}
}
.icon-underline {
&:before {
content: $icon-underline;
}
}
.icon-table {
&:before {
content: $icon-table;
}
}
.icon-linkedin {
&:before {
content: $icon-linkedin;
}
}
.icon-file-text-o {
&:before {
content: $icon-file-text-o;
}
}
.icon-quote-left {
&:before {
content: $icon-quote-left;
}
}
.icon-terminal {
&:before {
content: $icon-terminal;
}
}
.icon-code {
&:before {
content: $icon-code;
}
}
.icon-youtube-play {
&:before {
content: $icon-youtube-play;
}
}
.icon-dropbox {
&:before {
content: $icon-dropbox;
}
}
.icon-stack-overflow {
&:before {
content: $icon-stack-overflow;
}
}
.icon-bitbucket {
&:before {
content: $icon-bitbucket;
}
}
.icon-apple {
&:before {
content: $icon-apple;
}
}
.icon-windows2 {
&:before {
content: $icon-windows2;
}
}
.icon-android {
&:before {
content: $icon-android;
}
}
.icon-linux {
&:before {
content: $icon-linux;
}
}
.icon-vimeo-square {
&:before {
content: $icon-vimeo-square;
}
}
.icon-slack {
&:before {
content: $icon-slack;
}
}
.icon-google {
&:before {
content: $icon-google;
}
}
.icon-git-square {
&:before {
content: $icon-git-square;
}
}
.icon-git {
&:before {
content: $icon-git;
}
}
.icon-header {
&:before {
content: $icon-header;
}
}
.icon-safari {
&:before {
content: $icon-safari;
}
}
.icon-chrome {
&:before {
content: $icon-chrome;
}
}
.icon-firefox {
&:before {
content: $icon-firefox;
}
}
.icon-opera {
&:before {
content: $icon-opera;
}
}
.icon-internet-explorer {
&:before {
content: $icon-internet-explorer;
}
}
.icon-vimeo {
&:before {
content: $icon-vimeo;
}
}
.icon-edge {
&:before {
content: $icon-edge;
}
}
.icon-gitlab {
&:before {
content: $icon-gitlab;
}
}
.icon-th-small {
&:before {
content: $icon-th-small;
}
}
.icon-th-menu {
&:before {
content: $icon-th-menu;
}
}
.icon-th-list {
&:before {
content: $icon-th-list;
}
}
.icon-th-large {
&:before {
content: $icon-th-large;
}
}
.icon-home {
&:before {
content: $icon-home;
}
}
.icon-location {
&:before {
content: $icon-location;
}
}
.icon-link {
&:before {
content: $icon-link;
}
}
.icon-starburst {
&:before {
content: $icon-starburst;
}
}
.icon-starburst-outline {
&:before {
content: $icon-starburst-outline;
}
}
.icon-star {
&:before {
content: $icon-star;
}
}
.icon-flow-children {
&:before {
content: $icon-flow-children;
}
}
.icon-export {
&:before {
content: $icon-export;
}
}
.icon-delete {
&:before {
content: $icon-delete;
}
}
.icon-delete-outline {
&:before {
content: $icon-delete-outline;
}
}
.icon-cloud-storage {
&:before {
content: $icon-cloud-storage;
}
}
.icon-backspace {
&:before {
content: $icon-backspace;
}
}
.icon-attachment {
&:before {
content: $icon-attachment;
}
}
.icon-arrow-move {
&:before {
content: $icon-arrow-move;
}
}
.icon-warning {
&:before {
content: $icon-warning;
}
}
.icon-location-arrow {
&:before {
content: $icon-location-arrow;
}
}
.icon-point-of-interest {
&:before {
content: $icon-point-of-interest;
}
}
.icon-infinity {
&:before {
content: $icon-infinity;
}
}
.icon-eye {
&:before {
content: $icon-eye;
}
}
.icon-refresh {
&:before {
content: $icon-refresh;
}
}
.icon-pin {
&:before {
content: $icon-pin;
}
}
.icon-eject {
&:before {
content: $icon-eject;
}
}
.icon-arrow-sync {
&:before {
content: $icon-arrow-sync;
}
}
.icon-arrow-shuffle {
&:before {
content: $icon-arrow-shuffle;
}
}
.icon-arrow-repeat {
&:before {
content: $icon-arrow-repeat;
}
}
.icon-arrow-minimise {
&:before {
content: $icon-arrow-minimise;
}
}
.icon-arrow-maximise {
&:before {
content: $icon-arrow-maximise;
}
}
.icon-arrow-loop {
&:before {
content: $icon-arrow-loop;
}
}
.icon-spanner {
&:before {
content: $icon-spanner;
}
}
.icon-power {
&:before {
content: $icon-power;
}
}
.icon-flag {
&:before {
content: $icon-flag;
}
}
.icon-th-large-outline {
.icon-bold {
&:before {
content: $icon-th-large-outline;
content: $icon-bold;
}
}
.icon-th-small-outline {
.icon-italic {
&:before {
content: $icon-th-small-outline;
content: $icon-italic;
}
}
.icon-th-menu-outline {
.icon-twitter {
&:before {
content: $icon-th-menu-outline;
content: $icon-twitter;
}
}
.icon-th-list-outline {
.icon-facebook {
&:before {
content: $icon-th-list-outline;
content: $icon-facebook;
}
}
.icon-home-outline {
.icon-facebook-f {
&:before {
content: $icon-home-outline;
content: $icon-facebook-f;
}
}
.icon-trash {
.icon-github {
&:before {
content: $icon-trash;
content: $icon-github;
}
}
.icon-star-outline {
.icon-strikethrough {
&:before {
content: $icon-star-outline;
content: $icon-strikethrough;
}
}
.icon-mail {
.icon-pinterest {
&:before {
content: $icon-mail;
content: $icon-pinterest;
}
}
.icon-heart-outline {
.icon-google-plus {
&:before {
content: $icon-heart-outline;
content: $icon-google-plus;
}
}
.icon-flash-outline {
.icon-linkedin {
&:before {
content: $icon-flash-outline;
content: $icon-linkedin;
}
}
.icon-watch {
.icon-github-alt {
&:before {
content: $icon-watch;
content: $icon-github-alt;
}
}
.icon-warning-outline {
.icon-youtube-play {
&:before {
content: $icon-warning-outline;
content: $icon-youtube-play;
}
}
.icon-location-arrow-outline {
.icon-dropbox {
&:before {
content: $icon-location-arrow-outline;
content: $icon-dropbox;
}
}
.icon-info-outline {
.icon-stack-overflow {
&:before {
content: $icon-info-outline;
content: $icon-stack-overflow;
}
}
.icon-backspace-outline {
.icon-instagram {
&:before {
content: $icon-backspace-outline;
content: $icon-instagram;
}
}
.icon-upload-outline {
.icon-flickr {
&:before {
content: $icon-upload-outline;
content: $icon-flickr;
}
}
.icon-tag {
.icon-bitbucket {
&:before {
content: $icon-tag;
content: $icon-bitbucket;
}
}
.icon-tabs-outline {
.icon-apple {
&:before {
content: $icon-tabs-outline;
content: $icon-apple;
}
}
.icon-pin-outline {
.icon-windows2 {
&:before {
content: $icon-pin-outline;
content: $icon-windows2;
}
}
.icon-pipette {
.icon-android {
&:before {
content: $icon-pipette;
content: $icon-android;
}
}
.icon-pencil {
.icon-linux {
&:before {
content: $icon-pencil;
content: $icon-linux;
}
}
.icon-folder {
.icon-skype {
&:before {
content: $icon-folder;
content: $icon-skype;
}
}
.icon-folder-delete {
.icon-trello {
&:before {
content: $icon-folder-delete;
content: $icon-trello;
}
}
.icon-folder-add {
.icon-slack {
&:before {
content: $icon-folder-add;
content: $icon-slack;
}
}
.icon-edit {
.icon-wordpress {
&:before {
content: $icon-edit;
content: $icon-wordpress;
}
}
.icon-document {
.icon-google {
&:before {
content: $icon-document;
content: $icon-google;
}
}
.icon-document-delete {
.icon-reddit {
&:before {
content: $icon-document-delete;
content: $icon-reddit;
}
}
.icon-document-add {
.icon-behance {
&:before {
content: $icon-document-add;
content: $icon-behance;
}
}
.icon-brush {
.icon-steam {
&:before {
content: $icon-brush;
content: $icon-steam;
}
}
.icon-thumbs-up {
.icon-codepen {
&:before {
content: $icon-thumbs-up;
content: $icon-codepen;
}
}
.icon-thumbs-down {
.icon-git-square {
&:before {
content: $icon-thumbs-down;
content: $icon-git-square;
}
}
.icon-pen {
.icon-git {
&:before {
content: $icon-pen;
content: $icon-git;
}
}
.icon-bookmark {
.icon-header {
&:before {
content: $icon-bookmark;
content: $icon-header;
}
}
.icon-arrow-up {
.icon-twitch {
&:before {
content: $icon-arrow-up;
content: $icon-twitch;
}
}
.icon-arrow-sync-outline {
.icon-pinterest-p {
&:before {
content: $icon-arrow-sync-outline;
content: $icon-pinterest-p;
}
}
.icon-arrow-right {
.icon-get-pocket {
&:before {
content: $icon-arrow-right;
content: $icon-get-pocket;
}
}
.icon-arrow-repeat-outline {
.icon-wikipedia-w {
&:before {
content: $icon-arrow-repeat-outline;
content: $icon-wikipedia-w;
}
}
.icon-arrow-loop-outline {
.icon-safari {
&:before {
content: $icon-arrow-loop-outline;
content: $icon-safari;
}
}
.icon-arrow-left {
.icon-chrome {
&:before {
content: $icon-arrow-left;
content: $icon-chrome;
}
}
.icon-flow-switch {
.icon-firefox {
&:before {
content: $icon-flow-switch;
content: $icon-firefox;
}
}
.icon-flow-parallel {
.icon-opera {
&:before {
content: $icon-flow-parallel;
content: $icon-opera;
}
}
.icon-flow-merge {
.icon-internet-explorer {
&:before {
content: $icon-flow-merge;
content: $icon-internet-explorer;
}
}
.icon-document-text {
.icon-amazon {
&:before {
content: $icon-document-text;
content: $icon-amazon;
}
}
.icon-arrow-down {
.icon-vimeo {
&:before {
content: $icon-arrow-down;
content: $icon-vimeo;
}
}
.icon-bell {
.icon-reddit-alien {
&:before {
content: $icon-bell;
content: $icon-reddit-alien;
}
}
.icon-adjust-contrast {
.icon-edge {
&:before {
content: $icon-adjust-contrast;
content: $icon-edge;
}
}
.icon-lightbulb {
.icon-gitlab {
&:before {
content: $icon-lightbulb;
content: $icon-gitlab;
}
}
.icon-tags {
.icon-snapchat-ghost {
&:before {
content: $icon-tags;
content: $icon-snapchat-ghost;
}
}
.icon-eye2 {
......@@ -1725,303 +1102,3 @@ $icon-home2: "\e98e";
content: $icon-ellipsis;
}
}
.icon-box2 {
&:before {
content: $icon-box2;
}
}
.icon-write {
&:before {
content: $icon-write;
}
}
.icon-clock2 {
&:before {
content: $icon-clock2;
}
}
.icon-reply2 {
&:before {
content: $icon-reply2;
}
}
.icon-reply-all {
&:before {
content: $icon-reply-all;
}
}
.icon-forward {
&:before {
content: $icon-forward;
}
}
.icon-flag3 {
&:before {
content: $icon-flag3;
}
}
.icon-search2 {
&:before {
content: $icon-search2;
}
}
.icon-trash3 {
&:before {
content: $icon-trash3;
}
}
.icon-envelope {
&:before {
content: $icon-envelope;
}
}
.icon-bubble {
&:before {
content: $icon-bubble;
}
}
.icon-bubbles {
&:before {
content: $icon-bubbles;
}
}
.icon-user {
&:before {
content: $icon-user;
}
}
.icon-users {
&:before {
content: $icon-users;
}
}
.icon-cloud2 {
&:before {
content: $icon-cloud2;
}
}
.icon-download2 {
&:before {
content: $icon-download2;
}
}
.icon-upload2 {
&:before {
content: $icon-upload2;
}
}
.icon-rain {
&:before {
content: $icon-rain;
}
}
.icon-sun2 {
&:before {
content: $icon-sun2;
}
}
.icon-moon2 {
&:before {
content: $icon-moon2;
}
}
.icon-bell3 {
&:before {
content: $icon-bell3;
}
}
.icon-folder3 {
&:before {
content: $icon-folder3;
}
}
.icon-pin2 {
&:before {
content: $icon-pin2;
}
}
.icon-sound {
&:before {
content: $icon-sound;
}
}
.icon-microphone2 {
&:before {
content: $icon-microphone2;
}
}
.icon-camera2 {
&:before {
content: $icon-camera2;
}
}
.icon-image2 {
&:before {
content: $icon-image2;
}
}
.icon-cog2 {
&:before {
content: $icon-cog2;
}
}
.icon-calendar {
&:before {
content: $icon-calendar;
}
}
.icon-book2 {
&:before {
content: $icon-book2;
}
}
.icon-map-marker {
&:before {
content: $icon-map-marker;
}
}
.icon-store {
&:before {
content: $icon-store;
}
}
.icon-support {
&:before {
content: $icon-support;
}
}
.icon-tag3 {
&:before {
content: $icon-tag3;
}
}
.icon-heart2 {
&:before {
content: $icon-heart2;
}
}
.icon-video-camera {
&:before {
content: $icon-video-camera;
}
}
.icon-trophy {
&:before {
content: $icon-trophy;
}
}
.icon-cart {
&:before {
content: $icon-cart;
}
}
.icon-eye3 {
&:before {
content: $icon-eye3;
}
}
.icon-cancel {
&:before {
content: $icon-cancel;
}
}
.icon-chart {
&:before {
content: $icon-chart;
}
}
.icon-target2 {
&:before {
content: $icon-target2;
}
}
.icon-printer2 {
&:before {
content: $icon-printer2;
}
}
.icon-location3 {
&:before {
content: $icon-location3;
}
}
.icon-bookmark2 {
&:before {
content: $icon-bookmark2;
}
}
.icon-monitor2 {
&:before {
content: $icon-monitor2;
}
}
.icon-cross2 {
&:before {
content: $icon-cross2;
}
}
.icon-plus2 {
&:before {
content: $icon-plus2;
}
}
.icon-left {
&:before {
content: $icon-left;
}
}
.icon-up {
&:before {
content: $icon-up;
}
}
.icon-browser {
&:before {
content: $icon-browser;
}
}
.icon-windows {
&:before {
content: $icon-windows;
}
}
.icon-switch {
&:before {
content: $icon-switch;
}
}
.icon-dashboard {
&:before {
content: $icon-dashboard;
}
}
.icon-play2 {
&:before {
content: $icon-play2;
}
}
.icon-fast-forward2 {
&:before {
content: $icon-fast-forward2;
}
}
.icon-next {
&:before {
content: $icon-next;
}
}
.icon-refresh2 {
&:before {
content: $icon-refresh2;
}
}
.icon-film {
&:before {
content: $icon-film;
}
}
.icon-home2 {
&:before {
content: $icon-home2;
}
}
client/scss/base/mixins.scss
View file @ 5312f532
......@@ -140,3 +140,23 @@
@content;
}
}
// Nucleo Icons
@mixin nc-rotate($degrees, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: rotate($degrees);
-moz-transform: rotate($degrees);
-ms-transform: rotate($degrees);
-o-transform: rotate($degrees);
transform: rotate($degrees);
}
@mixin nc-flip($horiz, $vert, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: scale($horiz, $vert);
-moz-transform: scale($horiz, $vert);
-ms-transform: scale($horiz, $vert);
-o-transform: scale($horiz, $vert);
transform: scale($horiz, $vert);
}
client/scss/libs/nucleo-icons.scss 0 → 100644
View file @ 5312f532
This source diff could not be displayed because it is too large. You can view the blob instead.
fuse.js
View file @ 5312f532
......@@ -81,7 +81,7 @@ let globalTasks = require('./.build/_tasks')
globalTasks.then(() => {
let fuse = fsbx.FuseBox.init({
homeDir: './client',
output: './assets/js/$name.min.js',
output: './assets/js/$name.js',
alias: ALIASES,
shim: SHIMS,
plugins: [
......@@ -90,10 +90,25 @@ globalTasks.then(() => {
['.scss', fsbx.SassPlugin({ outputStyle: (dev) ? 'nested' : 'compressed' }), fsbx.CSSPlugin()],
fsbx.BabelPlugin({ comments: false, presets: ['es2015'] }),
fsbx.JSONPlugin(),
!dev && fsbx.UglifyESPlugin({
compress: { unused: false },
output: { 'max_line_len': 1000000 }
})
/* !dev && fsbx.QuantumPlugin({
target: 'browser',
uglify: true,
api: (core) => {
core.solveComputed('default/js/components/editor-codeblock.vue', {
mapping: '/js/ace/ace.js',
fn: (statement, core) => {
statement.setExpression(`'/js/ace/ace.js'`)
}
})
core.solveComputed('default/js/components/editor.component.js', {
mapping: '/js/simplemde/simplemde.min.js',
fn: (statement, core) => {
statement.setExpression(`'/js/simplemde/simplemde.min.js'`)
}
})
}
}) */
!dev && fsbx.UglifyESPlugin()
],
debug: false,
log: true
......@@ -101,6 +116,7 @@ globalTasks.then(() => {
const bundleVendor = fuse.bundle('vendor').instructions('~ index.js') // eslint-disable-line no-unused-vars
const bundleApp = fuse.bundle('app').instructions('!> [index.js]')
// const bundleApp = fuse.bundle('app').instructions('> index.js')
const bundleSetup = fuse.bundle('configure').instructions('> configure.js')
switch (mode) {
......
package.json
View file @ 5312f532
......@@ -158,6 +158,7 @@
"twemoji-awesome": "^1.0.6",
"typescript": "^2.3.4",
"uglify-es": "^3.0.15",
"uglify-js": "^3.0.15",
"vee-validate": "^2.0.0-rc.5",
"vue": "^2.3.4",
"vue-clipboards": "^1.0.2",
......
server/libs/markdown.js
View file @ 5312f532
......@@ -37,7 +37,7 @@ var mkdown = md({
.use(mdAnchor, {
slugify: _.kebabCase,
permalink: true,
permalinkClass: 'toc-anchor icon-anchor',
permalinkClass: 'toc-anchor nc-icon-outline location_bookmark-add',
permalinkSymbol: '',
permalinkBefore: true
})
......
server/views/auth/login.pug
View file @ 5312f532
......@@ -18,8 +18,8 @@ html(data-logic='login')
link(rel='manifest', href='/manifest.json')
// JS / CSS
script(type='text/javascript', src='/js/vendor.min.js')
script(type='text/javascript', src='/js/app.min.js')
script(type='text/javascript', src=appconfig.host + '/js/vendor.js')
script(type='text/javascript', src=appconfig.host + '/js/app.js')
body
#bg
......
server/views/common/header.pug
View file @ 5312f532
......@@ -5,7 +5,7 @@
block rootNavLeft
a.nav-item(href='/')
h1
i.icon-layers
i.nc-icon-outline.ui-2_layers
= appconfig.title
.nav-center
block rootNavCenter
......
server/views/error-forbidden.pug
View file @ 5312f532
......@@ -6,25 +6,25 @@ html(data-logic='error')
meta(name='viewport', content='width=device-width, initial-scale=1')
meta(name='theme-color', content='#009688')
meta(name='msapplication-TileColor', content='#009688')
meta(name='msapplication-TileImage', content='/favicons/ms-icon-144x144.png')
meta(name='msapplication-TileImage', content=appconfig.host + '/favicons/ms-icon-144x144.png')
title= appconfig.title
// Favicon
each favsize in [57, 60, 72, 76, 114, 120, 144, 152, 180]
link(rel='apple-touch-icon', sizes=favsize + 'x' + favsize, href='/favicons/apple-icon-' + favsize + 'x' + favsize + '.png')
link(rel='icon', type='image/png', sizes='192x192', href='/favicons/android-icon-192x192.png')
link(rel='apple-touch-icon', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/apple-icon-' + favsize + 'x' + favsize + '.png')
link(rel='icon', type='image/png', sizes='192x192', href=appconfig.host + '/favicons/android-icon-192x192.png')
each favsize in [32, 96, 16]
link(rel='icon', type='image/png', sizes=favsize + 'x' + favsize, href='/favicons/favicon-' + favsize + 'x' + favsize + '.png')
link(rel='manifest', href='/manifest.json')
link(rel='icon', type='image/png', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/favicon-' + favsize + 'x' + favsize + '.png')
link(rel='manifest', href=appconfig.host + '/manifest.json')
// JS / CSS
script(type='text/javascript', src='/js/vendor.min.js')
script(type='text/javascript', src='/js/app.min.js')
script(type='text/javascript', src=appconfig.host + '/js/vendor.js')
script(type='text/javascript', src=appconfig.host + '/js/app.js')
body(class='is-forbidden')
.container
a(href='/'): img(src='/images/logo.png')
a(href='/'): img(src=appconfig.host + '/images/logo.png')
h1= t('errors:forbidden')
h2= t('errors:forbiddendetail')
a.button.is-amber.is-inverted(href='/')= t('errors:actions.gohome')
a.button.is-amber.is-inverted(href='/login')= t('errors:actions.loginas')
a.button.is-amber.is-inverted(href=appconfig.host + '/')= t('errors:actions.gohome')
a.button.is-amber.is-inverted(href=appconfig.host + '/login')= t('errors:actions.loginas')
server/views/error-notexist.pug
View file @ 5312f532
......@@ -6,25 +6,25 @@ html(data-logic='error')
meta(name='viewport', content='width=device-width, initial-scale=1')
meta(name='theme-color', content='#009688')
meta(name='msapplication-TileColor', content='#009688')
meta(name='msapplication-TileImage', content='/favicons/ms-icon-144x144.png')
meta(name='msapplication-TileImage', content=appconfig.host + '/favicons/ms-icon-144x144.png')
title= appconfig.title
// Favicon
each favsize in [57, 60, 72, 76, 114, 120, 144, 152, 180]
link(rel='apple-touch-icon', sizes=favsize + 'x' + favsize, href='/favicons/apple-icon-' + favsize + 'x' + favsize + '.png')
link(rel='icon', type='image/png', sizes='192x192', href='/favicons/android-icon-192x192.png')
link(rel='apple-touch-icon', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/apple-icon-' + favsize + 'x' + favsize + '.png')
link(rel='icon', type='image/png', sizes='192x192', href=appconfig.host + '/favicons/android-icon-192x192.png')
each favsize in [32, 96, 16]
link(rel='icon', type='image/png', sizes=favsize + 'x' + favsize, href='/favicons/favicon-' + favsize + 'x' + favsize + '.png')
link(rel='manifest', href='/manifest.json')
link(rel='icon', type='image/png', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/favicon-' + favsize + 'x' + favsize + '.png')
link(rel='manifest', href=appconfig.host + '/manifest.json')
// JS / CSS
script(type='text/javascript', src='/js/vendor.min.js')
script(type='text/javascript', src='/js/app.min.js')
script(type='text/javascript', src=appconfig.host + '/js/vendor.js')
script(type='text/javascript', src=appconfig.host + '/js/app.js')
body(class='is-notexist')
.container
a(href='/'): img(src='/images/logo.png')
a(href='/'): img(src=appconfig.host + '/images/logo.png')
h1 !{message}
h2= t('errors:notexistdetail')
a.button.is-amber.is-inverted.is-featured(href='/create/' + newpath)= t('errors:actions.create')
a.button.is-amber.is-inverted(href='/')= t('errors:actions.gohome')
a.button.is-amber.is-inverted.is-featured(href=appconfig.host + '/create/' + newpath)= t('errors:actions.create')
a.button.is-amber.is-inverted(href=appconfig.host + '/')= t('errors:actions.gohome')
server/views/error.pug
View file @ 5312f532
......@@ -6,27 +6,27 @@ html(data-logic='error')
meta(name='viewport', content='width=device-width, initial-scale=1')
meta(name='theme-color', content='#009688')
meta(name='msapplication-TileColor', content='#009688')
meta(name='msapplication-TileImage', content='/favicons/ms-icon-144x144.png')
meta(name='msapplication-TileImage', content=appconfig.host + '/favicons/ms-icon-144x144.png')
title= appconfig.title
// Favicon
each favsize in [57, 60, 72, 76, 114, 120, 144, 152, 180]
link(rel='apple-touch-icon', sizes=favsize + 'x' + favsize, href='/favicons/apple-icon-' + favsize + 'x' + favsize + '.png')
link(rel='icon', type='image/png', sizes='192x192', href='/favicons/android-icon-192x192.png')
link(rel='apple-touch-icon', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/apple-icon-' + favsize + 'x' + favsize + '.png')
link(rel='icon', type='image/png', sizes='192x192', href=appconfig.host + '/favicons/android-icon-192x192.png')
each favsize in [32, 96, 16]
link(rel='icon', type='image/png', sizes=favsize + 'x' + favsize, href='/favicons/favicon-' + favsize + 'x' + favsize + '.png')
link(rel='manifest', href='/manifest.json')
link(rel='icon', type='image/png', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/favicon-' + favsize + 'x' + favsize + '.png')
link(rel='manifest', href=appconfig.host + '/manifest.json')
// JS / CSS
script(type='text/javascript', src='/js/vendor.min.js')
script(type='text/javascript', src='/js/app.min.js')
script(type='text/javascript', src=appconfig.host + '/js/vendor.js')
script(type='text/javascript', src=appconfig.host + '/js/app.js')
body(class='is-error')
.container
a(href='/'): img(src='/images/logo.png')
a(href='/'): img(src=appconfig.host + '/images/logo.png')
h1= message
h2= t('errors:generic')
a.button.is-amber.is-inverted.is-featured(href='/')= t('errors:actions.gohome')
a.button.is-amber.is-inverted.is-featured(href=appconfig.host + '/')= t('errors:actions.gohome')
if error.stack
h3= t('errors:debugmsg')
......
server/views/layout.pug
View file @ 5312f532
......@@ -6,16 +6,16 @@ html
meta(name='viewport', content='width=device-width, initial-scale=1')
meta(name='theme-color', content='#009688')
meta(name='msapplication-TileColor', content='#009688')
meta(name='msapplication-TileImage', content='/favicons/ms-icon-144x144.png')
meta(name='msapplication-TileImage', content=appconfig.host + '/favicons/ms-icon-144x144.png')
title= appconfig.title
//- Favicon
each favsize in [57, 60, 72, 76, 114, 120, 144, 152, 180]
link(rel='apple-touch-icon', sizes=favsize + 'x' + favsize, href='/favicons/apple-icon-' + favsize + 'x' + favsize + '.png')
link(rel='icon', type='image/png', sizes='192x192', href='/favicons/android-icon-192x192.png')
link(rel='apple-touch-icon', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/apple-icon-' + favsize + 'x' + favsize + '.png')
link(rel='icon', type='image/png', sizes='192x192', href=appconfig.host + '/favicons/android-icon-192x192.png')
each favsize in [32, 96, 16]
link(rel='icon', type='image/png', sizes=favsize + 'x' + favsize, href='/favicons/favicon-' + favsize + 'x' + favsize + '.png')
link(rel='manifest', href='/manifest.json')
link(rel='icon', type='image/png', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/favicon-' + favsize + 'x' + favsize + '.png')
link(rel='manifest', href=appconfig.host + '/manifest.json')
//- Site Lang
script.
......@@ -23,8 +23,8 @@ html
var siteRoot = '!{appconfig.host}';
//- JS / CSS
script(type='text/javascript', src='/js/vendor.min.js')
script(type='text/javascript', src='/js/app.min.js')
script(type='text/javascript', src=appconfig.host + '/js/vendor.js')
script(type='text/javascript', src=appconfig.host + '/js/app.js')
block head
......
server/views/pages/admin/_layout.pug
View file @ 5312f532
......@@ -7,7 +7,7 @@ block rootNavRight
loading-spinner
.nav-item
a.button.btn-edit-discard(href='/')
i.icon-home
i.nc-icon-outline.ui-1_home-minimal
span= t('nav.root')
block content
......@@ -24,7 +24,7 @@ block content
ul.sidebar-menu
li
a(href='/')
i.icon-home
i.nc-icon-outline.ui-1_home-minimal
span= t('nav.root')
aside
......@@ -33,20 +33,20 @@ block content
ul.sidebar-menu
li
a(href='/admin/profile')
i.icon-user
i.nc-icon-outline.users_circle-10
span= t('nav.myprofile')
li
a(href='/admin/stats')
i.icon-bar-graph-2
i.nc-icon-outline.ui-3_chart-bars
span= t('nav.stats')
if rights.manage
li
a(href='/admin/users')
i.icon-users
i.nc-icon-outline.users_multiple-19
span= t('nav.users')
li
a(href='/admin/settings')
i.icon-cog
i.nc-icon-outline.ui-1_settings-gear-63
span= t('nav.syssettings')
//-li
a(href='/admin/theme')
......@@ -54,7 +54,7 @@ block content
span= t('nav.theme')
li
a(href='/logout')
i.icon-delete2
i.nc-icon-outline.arrows-1_log-out
span= t('nav.logout')
.column
......
server/views/pages/admin/profile.pug
View file @ 5312f532
......@@ -29,21 +29,21 @@ block adminContent
section
label.label #{t('admin:profile.tfa')}: #[strong.is-red(v-cloak) {{ tfaStatus }}]
button.button.is-blue(@click='$store.dispatch("modalProfile2fa/open")', :disabled='tfaIsActive')
i.icon-circle-plus
i.nc-icon-outline.ui-1_circle-add
span= t('admin:profile.tfaenable')
button.button.is-blue(@click='saveUser', :disabled='!tfaIsActive')
i.icon-circle-minus
i.nc-icon-outline.ui-1_circle-delete
span= t('admin:profile.tfadisable')
section
button.button.is-green(@click='saveUser')
i.icon-check
i.nc-icon-outline.ui-1_check
span= t('admin:profile.savechanges')
.column
.panel-aside
label.label= t('admin:profile.provider')
p.control.account-profile-provider
case user.provider
when 'local': i.icon-server
when 'local': i.nc-icon-outline.ui-1_database
when 'windowslive': i.icon-windows2.is-blue
when 'azure': i.icon-windows2.is-blue
when 'google': i.icon-google.is-blue
......
server/views/pages/admin/users-edit.pug
View file @ 5312f532
......@@ -4,7 +4,7 @@ block rootNavRight
loading-spinner
.nav-item
a.button(href='/admin/users')
i.icon-reply
i.nc-icon-outline.arrows-2_corner-left-round
span= t('admin:users.returntousers')
block adminContent
......@@ -25,7 +25,7 @@ block adminContent
td.is-centered= usr._id
td.is-centered.has-icons
case usr.provider
when 'local': i.icon-server
when 'local': i.nc-icon-outline.ui-1_database
when 'windowslive': i.icon-windows2.is-blue
when 'azure': i.icon-windows2.is-blue
when 'google': i.icon-google.is-blue
......@@ -64,8 +64,8 @@ block adminContent
tbody
tr(v-for='(right, idx) in rights', v-cloak)
td.is-icon
i.icon-marquee-plus.is-green(v-if='right.deny === false || right.deny === "false"')
i.icon-marquee-minus.is-red(v-if='right.deny === true || right.deny === "true"')
i.nc-icon-outline.ui-2_square-add-08.is-green(v-if='right.deny === false || right.deny === "false"')
i.nc-icon-outline.ui-2_square-delete-10.is-red(v-if='right.deny === true || right.deny === "true"')
td
p.control.is-fullwidth
select(v-model='right.role')
......@@ -94,7 +94,7 @@ block adminContent
td.is-centered.has-action-icons
.table-actions
button.button.is-blue(v-on:click='addRightsRow')
i.icon-plus
i.nc-icon-outline.ui-1_simple-add
span Add New Row
section
label.label Role Override
......@@ -106,16 +106,16 @@ block adminContent
.column
section
button.button.is-green(v-on:click='saveUser')
i.icon-check
i.nc-icon-outline.ui-1_check
span Save Changes
a.button.button.is-grey.is-outlined(href='/admin/users')
i.icon-cancel
i.nc-icon-outline.ui-1_simple-remove
span Discard
.column.is-narrow
section
if usrOpts.canBeDeleted
button.button.is-red(v-on:click='$store.dispatch("modalDeleteUser/open")')
i.icon-trash2
i.nc-icon-outline.ui-1_trash
span Delete Account
modal-delete-user(current-user=usr._id)
server/views/pages/admin/users.pug
View file @ 5312f532
......@@ -4,7 +4,7 @@ block rootNavRight
loading-spinner
.nav-item
a.button(v-on:click='$store.dispatch("modalCreateUser/open")')
i.icon-plus
i.nc-icon-outline.ui-1_simple-add
span= t('admin:users.createauthorize')
block adminContent
......@@ -24,13 +24,13 @@ block adminContent
each usr in usrs
tr
td.is-icon
i.icon-user.is-grey
i.nc-icon-outline.users_single-05.is-grey
td
a(href='/admin/users/' + usr._id)= usr.name
td= usr.email
td.is-centered.has-icons
case usr.provider
when 'local': i.icon-server
when 'local': i.nc-icon-outline.ui-1_database
when 'windowslive': i.icon-windows2.is-blue
when 'azure': i.icon-windows2.is-blue
when 'google': i.icon-google.is-blue
......
server/views/pages/all.pug
View file @ 5312f532
......@@ -9,16 +9,16 @@ block content
ul.sidebar-menu
li
a(href='/')
i.icon-home
i.nc-icon-outline.ui-1_home-minimal
span= t('nav.root')
if !isGuest
li
a(href='/admin')
i.icon-cog
i.nc-icon-outline.ui-1_settings-gear-63
span= t('nav.account')
else
li
a(href='/login')
i.icon-unlock
i.nc-icon-outline.arrows-1_log-in
span= t('nav.login')
tree
server/views/pages/create.pug
View file @ 5312f532
......@@ -7,10 +7,10 @@ block rootNavRight
loading-spinner
span.nav-item
a.button.is-outlined(v-on:click='$store.dispatch("modalDiscardPage/open")')
i.icon-cross
i.nc-icon-outline.ui-1_simple-remove
span= t('nav.discard')
a.button(v-on:click='$root.$emit("editor/save")')
i.icon-check
i.nc-icon-outline.ui-1_check
span= t('nav.savedocument')
block content
......
server/views/pages/edit.pug
View file @ 5312f532
......@@ -7,10 +7,10 @@ block rootNavRight
loading-spinner
span.nav-item
a.button.is-outlined(v-on:click='$store.dispatch("modalDiscardPage/open")')
i.icon-cross
i.nc-icon-outline.ui-1_simple-remove
span= t('nav.discard')
a.button(v-on:click='$root.$emit("editor/save")')
i.icon-check
i.nc-icon-outline.ui-1_check
span= t('nav.savechanges')
block content
......
server/views/pages/source.pug
View file @ 5312f532
......@@ -8,17 +8,17 @@ block rootNavRight
span.nav-item
if rights.write && pageData.meta.path !== 'home'
a.button.is-outlined(v-on:click='$store.dispatch("modalMovePage/open")')
i.icon-shuffle
i.nc-icon-outline.arrows-1_shuffle-98
span= t('nav.move')
a.button.is-outlined(href='/' + pageData.meta.path)
i.icon-loader
i.nc-icon-outline.ui-2_book
span= t('nav.normalview')
if rights.write
a.button.is-orange(href='/edit/' + pageData.meta.path)
i.icon-document-text
i.nc-icon-outline.ui-1_edit-76
span= t('nav.edit')
a.button(v-on:click='$store.dispatch("modalCreatePage/open")')
i.icon-plus
i.nc-icon-outline.ui-1_simple-add
span= t('nav.create')
block content
......
server/views/pages/view.pug
View file @ 5312f532
......@@ -13,20 +13,20 @@ block rootNavRight
.nav-item
if rights.write && pageData.meta.path !== 'home'
a.button.is-outlined(v-on:click='$store.dispatch("modalMovePage/open")')
i.icon-shuffle
i.nc-icon-outline.arrows-1_shuffle-98
span= t('nav.move')
a.button.is-outlined(href='/source/' + pageData.meta.path)
i.icon-loader
i.nc-icon-outline.education_paper
span= t('nav.source')
//- a.button.is-outlined(href='/hist/' + pageData.meta.path)
i.icon-clock
span= t('nav.history')
if rights.write
a.button(href='/edit/' + pageData.meta.path)
i.icon-document-text
i.nc-icon-outline.ui-1_edit-76
span= t('nav.edit')
a.button(v-on:click='$store.dispatch("modalCreatePage/open")')
i.icon-plus
i.nc-icon-outline.ui-1_simple-add
span= t('nav.create')
block content
......@@ -43,11 +43,11 @@ block content
ul.sidebar-menu
li
a(href='/')
i.icon-home
i.nc-icon-outline.ui-1_home-minimal
span= t('nav.root')
li
a(href='/all')
i.icon-paper
i.nc-icon-outline.business_hierarchy-55
span= t('nav.allpages')
if pageData.parent
li
......@@ -57,12 +57,12 @@ block content
if !isGuest
li
a(href='/admin')
i.icon-cog
i.nc-icon-outline.ui-1_settings-gear-63
span= t('nav.settings')
else
li
a(href='/login')
i.icon-unlock
i.nc-icon-outline.arrows-1_log-in
span= t('nav.login')
aside.sidebar-pagecontents
.sidebar-label
......
yarn.lock
View file @ 5312f532
This diff was suppressed by a .gitattributes entry.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment