Commit 5312f532 authored by NGPixel's avatar NGPixel Committed by Nicolas Giard

feat: updated icons to Nucleo

parent 1cb1c5ac
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -27,12 +27,12 @@ ...@@ -27,12 +27,12 @@
</template> </template>
<script> <script>
let codeEditor let codeEditor
let ace let ace
export default { export default {
name: 'editor-codeblock', name: 'editor-codeblock',
data () { data() {
return { return {
modes: [], modes: [],
modeSelected: 'text', modeSelected: 'text',
...@@ -41,10 +41,10 @@ ...@@ -41,10 +41,10 @@
} }
}, },
computed: { computed: {
content () { content() {
return this.$store.state.editorCodeblock.content return this.$store.state.editorCodeblock.content
}, },
isShown () { isShown() {
return this.$store.state.editorCodeblock.shown return this.$store.state.editorCodeblock.shown
} }
}, },
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
} }
}, },
methods: { methods: {
init () { init() {
let self = this let self = this
self._.delay(() => { self._.delay(() => {
codeEditor = ace.edit('codeblock-editor') codeEditor = ace.edit('codeblock-editor')
...@@ -63,6 +63,8 @@ ...@@ -63,6 +63,8 @@
codeEditor.setOption('fontSize', '14px') codeEditor.setOption('fontSize', '14px')
codeEditor.setOption('hScrollBarAlwaysVisible', false) codeEditor.setOption('hScrollBarAlwaysVisible', false)
codeEditor.setOption('wrap', true) codeEditor.setOption('wrap', true)
codeEditor.setOption('useSoftTabs', true)
codeEditor.setOption('tabSize', 2)
codeEditor.setOption('showPrintMargin', false) codeEditor.setOption('showPrintMargin', false)
codeEditor.setValue(self.content) codeEditor.setValue(self.content)
...@@ -71,14 +73,14 @@ ...@@ -71,14 +73,14 @@
codeEditor.renderer.updateFull() codeEditor.renderer.updateFull()
}, 100) }, 100)
}, },
loadMode (m) { loadMode(m) {
let self = this let self = this
if (self._.includes(self.modelistLoaded, m)) { if (self._.includes(self.modelistLoaded, m)) {
codeEditor.getSession().setMode('ace/mode/' + m) codeEditor.getSession().setMode('ace/mode/' + m)
} else { } else {
self.isLoading = true self.isLoading = true
self.$http.get('/js/ace/mode-' + m + '.js').then(resp => { self.$http.get('/js/ace/mode-' + m + '.js').then(resp => {
if(resp.ok) { if (resp.ok) {
eval(resp.bodyText) eval(resp.bodyText)
self.modelistLoaded.push(m) self.modelistLoaded.push(m)
ace.acequire('ace/mode/' + m) ace.acequire('ace/mode/' + m)
...@@ -100,11 +102,11 @@ ...@@ -100,11 +102,11 @@
}) })
} }
}, },
cancel () { cancel() {
codeEditor.destroy() codeEditor.destroy()
this.$store.dispatch('editorCodeblock/close') this.$store.dispatch('editorCodeblock/close')
}, },
insertCode () { insertCode() {
let codeBlockText = '\n```' + this.modeSelected + '\n' + codeEditor.getValue() + '\n```\n' let codeBlockText = '\n```' + this.modeSelected + '\n' + codeEditor.getValue() + '\n```\n'
this.$store.dispatch('editor/insert', codeBlockText) this.$store.dispatch('editor/insert', codeBlockText)
this.$store.dispatch('alert', { this.$store.dispatch('alert', {
...@@ -122,5 +124,5 @@ ...@@ -122,5 +124,5 @@
}) })
this.$root.$on('editorCodeblock/init', this.init) this.$root.$on('editorCodeblock/init', this.init)
} }
} }
</script> </script>
...@@ -13,15 +13,15 @@ ...@@ -13,15 +13,15 @@
i i
.modal-toolbar.is-green .modal-toolbar.is-green
a.button(@click='newFolder') a.button(@click='newFolder')
i.icon-folder2 i.nc-icon-outline.files_folder-14
span {{ $t('editor.newfolder') }} span {{ $t('editor.newfolder') }}
a.button#btn-editor-file-upload 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') }} span {{ (mode === 'file') ? $t('editor.fileupload') : $t('editor.imageupload') }}
label label
input(type='file', multiple, :disabled='isLoading', ref='editorFileUploadInput') input(type='file', multiple, :disabled='isLoading', ref='editorFileUploadInput')
a.button(v-if='mode === "image"', @click='fetchFromUrl') 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 span Fetch from URL
section.is-gapless section.is-gapless
.columns.is-stretched .columns.is-stretched
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
ul.model-sidebar-list ul.model-sidebar-list
li(v-for='fld in folders') li(v-for='fld in folders')
a(@click='selectFolder(fld)', :class='{ "is-active": currentFolder === fld }') a(@click='selectFolder(fld)', :class='{ "is-active": currentFolder === fld }')
i.icon-folder2 i.nc-icon-outline.files_folder-17
span / {{ fld }} span / {{ fld }}
.model-sidebar-header(v-if='mode === "image"') Alignment .model-sidebar-header(v-if='mode === "image"') Alignment
.model-sidebar-content(v-if='mode === "image"') .model-sidebar-content(v-if='mode === "image"')
......
...@@ -81,37 +81,37 @@ export default { ...@@ -81,37 +81,37 @@ export default {
name: 'heading-1', name: 'heading-1',
action: SimpleMDE.toggleHeading1, action: SimpleMDE.toggleHeading1,
className: 'icon-header fa-header-x fa-header-1', className: 'icon-header fa-header-x fa-header-1',
title: 'Big Heading' title: 'Header (Level 1)'
}, },
{ {
name: 'heading-2', name: 'heading-2',
action: SimpleMDE.toggleHeading2, action: SimpleMDE.toggleHeading2,
className: 'icon-header fa-header-x fa-header-2', className: 'icon-header fa-header-x fa-header-2',
title: 'Medium Heading' title: 'Header (Level 2)'
}, },
{ {
name: 'heading-3', name: 'heading-3',
action: SimpleMDE.toggleHeading3, action: SimpleMDE.toggleHeading3,
className: 'icon-header fa-header-x fa-header-3', className: 'icon-header fa-header-x fa-header-3',
title: 'Small Heading' title: 'Header (Level 3)'
}, },
{ {
name: 'quote', name: 'quote',
action: SimpleMDE.toggleBlockquote, action: SimpleMDE.toggleBlockquote,
className: 'icon-quote-left', className: 'nc-icon-outline text_quote',
title: 'Quote' title: 'Quote'
}, },
'|', '|',
{ {
name: 'unordered-list', name: 'unordered-list',
action: SimpleMDE.toggleUnorderedList, action: SimpleMDE.toggleUnorderedList,
className: 'icon-th-list', className: 'nc-icon-outline text_list-bullet',
title: 'Bullet List' title: 'Bullet List'
}, },
{ {
name: 'ordered-list', name: 'ordered-list',
action: SimpleMDE.toggleOrderedList, action: SimpleMDE.toggleOrderedList,
className: 'icon-list-ol', className: 'nc-icon-outline text_list-numbers',
title: 'Numbered List' title: 'Numbered List'
}, },
'|', '|',
...@@ -121,7 +121,7 @@ export default { ...@@ -121,7 +121,7 @@ export default {
window.alert('Coming soon!') window.alert('Coming soon!')
// todo // todo
}, },
className: 'icon-link2', className: 'nc-icon-outline ui-2_link-68',
title: 'Insert Link' title: 'Insert Link'
}, },
{ {
...@@ -129,7 +129,7 @@ export default { ...@@ -129,7 +129,7 @@ export default {
action: (editor) => { action: (editor) => {
self.$store.dispatch('editorFile/open', { mode: 'image' }) self.$store.dispatch('editorFile/open', { mode: 'image' })
}, },
className: 'icon-image', className: 'nc-icon-outline design_image',
title: 'Insert Image' title: 'Insert Image'
}, },
{ {
...@@ -137,7 +137,7 @@ export default { ...@@ -137,7 +137,7 @@ export default {
action: (editor) => { action: (editor) => {
self.$store.dispatch('editorFile/open', { mode: 'file' }) self.$store.dispatch('editorFile/open', { mode: 'file' })
}, },
className: 'icon-paper', className: 'nc-icon-outline files_zip-54',
title: 'Insert File' title: 'Insert File'
}, },
{ {
...@@ -145,7 +145,7 @@ export default { ...@@ -145,7 +145,7 @@ export default {
action: (editor) => { action: (editor) => {
self.$store.dispatch('editorVideo/open') self.$store.dispatch('editorVideo/open')
}, },
className: 'icon-video-camera2', className: 'nc-icon-outline media-1_video-64',
title: 'Insert Video Player' title: 'Insert Video Player'
}, },
'|', '|',
...@@ -165,7 +165,7 @@ export default { ...@@ -165,7 +165,7 @@ export default {
}) })
editor.codemirror.doc.replaceSelections(curSel) editor.codemirror.doc.replaceSelections(curSel)
}, },
className: 'icon-terminal', className: 'nc-icon-outline arrows-4_enlarge-46',
title: 'Inline Code' title: 'Inline Code'
}, },
{ {
...@@ -175,7 +175,7 @@ export default { ...@@ -175,7 +175,7 @@ export default {
initialContent: (mde.codemirror.doc.somethingSelected()) ? mde.codemirror.doc.getSelection() : '' initialContent: (mde.codemirror.doc.somethingSelected()) ? mde.codemirror.doc.getSelection() : ''
}) })
}, },
className: 'icon-code', className: 'nc-icon-outline design_code',
title: 'Code Block' title: 'Code Block'
}, },
'|', '|',
...@@ -185,13 +185,13 @@ export default { ...@@ -185,13 +185,13 @@ export default {
window.alert('Coming soon!') window.alert('Coming soon!')
// todo // todo
}, },
className: 'icon-table', className: 'nc-icon-outline ui-2_grid-square',
title: 'Insert Table' title: 'Insert Table'
}, },
{ {
name: 'horizontal-rule', name: 'horizontal-rule',
action: SimpleMDE.drawHorizontalRule, action: SimpleMDE.drawHorizontalRule,
className: 'icon-minus2', className: 'nc-icon-outline design_distribute-vertical',
title: 'Horizontal Rule' title: 'Horizontal Rule'
} }
], ],
......
...@@ -27,6 +27,7 @@ $primary: 'indigo'; ...@@ -27,6 +27,7 @@ $primary: 'indigo';
@import 'components/table'; @import 'components/table';
@import 'components/typography'; @import 'components/typography';
@import 'libs/nucleo-icons';
@import 'libs/twemoji-awesome'; @import 'libs/twemoji-awesome';
@import 'libs/jquery-contextmenu'; @import 'libs/jquery-contextmenu';
@import 'node_modules/highlight.js/styles/atom-one-dark'; @import 'node_modules/highlight.js/styles/atom-one-dark';
......
// ======================================== // ========================================
// Core-Icons // Wiki.js Icon Set
// //
// Contains selections from: // Contains selections from:
// - Typicons, by Stephen Hutchings, licensed under CC BY-SA 3.0
// - Feather, by Cole Bemis, licensed under MIT // - 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 // - FontAwesome, by Dave Gandy, licensed under SIL OFL 1.1
// ======================================== // ========================================
@font-face { @font-face {
font-family: 'core-icons'; font-family: 'wiki-js';
src: src:
url('/fonts/core-icons.ttf?e6rn1i') format('truetype'), url('/fonts/wiki-js.woff2?1497824388') format('woff2'),
url('/fonts/core-icons.woff?e6rn1i') format('woff'), url('/fonts/wiki-js.woff?1497824388') format('woff');
url('/fonts/core-icons.svg?e6rn1i#core-icons') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
[class^="icon-"], [class*=" icon-"] { [class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */ /* use !important to prevent issues with browser extensions that change fonts */
font-family: 'core-icons' !important; font-family: 'wiki-js' !important;
speak: none; speak: none;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
...@@ -34,149 +31,56 @@ ...@@ -34,149 +31,56 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
// Core-Icons Reference // Wiki.js Icon Set Reference
$icon-minus2: "\f068";
$icon-font: "\f031";
$icon-bold: "\f032"; $icon-bold: "\f032";
$icon-italic: "\f033"; $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-twitter: "\f099";
$icon-facebook: "\f09a"; $icon-facebook: "\f09a";
$icon-facebook-f: "\f09a"; $icon-facebook-f: "\f09a";
$icon-github: "\f09b"; $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-strikethrough: "\f0cc";
$icon-underline: "\f0cd"; $icon-pinterest: "\f0d2";
$icon-table: "\f0ce"; $icon-google-plus: "\f0d5";
$icon-linkedin: "\f0e1"; $icon-linkedin: "\f0e1";
$icon-file-text-o: "\f0f6"; $icon-github-alt: "\f113";
$icon-quote-left: "\f10d";
$icon-terminal: "\f120";
$icon-code: "\f121";
$icon-youtube-play: "\f16a"; $icon-youtube-play: "\f16a";
$icon-dropbox: "\f16b"; $icon-dropbox: "\f16b";
$icon-stack-overflow: "\f16c"; $icon-stack-overflow: "\f16c";
$icon-instagram: "\f16d";
$icon-flickr: "\f16e";
$icon-bitbucket: "\f171"; $icon-bitbucket: "\f171";
$icon-apple: "\f179"; $icon-apple: "\f179";
$icon-windows2: "\f17a"; $icon-windows2: "\f17a";
$icon-android: "\f17b"; $icon-android: "\f17b";
$icon-linux: "\f17c"; $icon-linux: "\f17c";
$icon-vimeo-square: "\f194"; $icon-skype: "\f17e";
$icon-trello: "\f181";
$icon-slack: "\f198"; $icon-slack: "\f198";
$icon-wordpress: "\f19a";
$icon-google: "\f1a0"; $icon-google: "\f1a0";
$icon-reddit: "\f1a1";
$icon-behance: "\f1b4";
$icon-steam: "\f1b6";
$icon-codepen: "\f1cb";
$icon-git-square: "\f1d2"; $icon-git-square: "\f1d2";
$icon-git: "\f1d3"; $icon-git: "\f1d3";
$icon-header: "\f1dc"; $icon-header: "\f1dc";
$icon-twitch: "\f1e8";
$icon-pinterest-p: "\f231";
$icon-get-pocket: "\f265";
$icon-wikipedia-w: "\f266";
$icon-safari: "\f267"; $icon-safari: "\f267";
$icon-chrome: "\f268"; $icon-chrome: "\f268";
$icon-firefox: "\f269"; $icon-firefox: "\f269";
$icon-opera: "\f26a"; $icon-opera: "\f26a";
$icon-internet-explorer: "\f26b"; $icon-internet-explorer: "\f26b";
$icon-amazon: "\f270";
$icon-vimeo: "\f27d"; $icon-vimeo: "\f27d";
$icon-reddit-alien: "\f281";
$icon-edge: "\f282"; $icon-edge: "\f282";
$icon-gitlab: "\f296"; $icon-gitlab: "\f296";
$icon-th-small: "\e900"; $icon-snapchat-ghost: "\f2ac";
$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-eye2: "\e000"; $icon-eye2: "\e000";
$icon-paper-clip: "\e001"; $icon-paper-clip: "\e001";
$icon-mail2: "\e002"; $icon-mail2: "\e002";
...@@ -307,772 +211,245 @@ $icon-file-subtract: "\e126"; ...@@ -307,772 +211,245 @@ $icon-file-subtract: "\e126";
$icon-help: "\e127"; $icon-help: "\e127";
$icon-open: "\e128"; $icon-open: "\e128";
$icon-ellipsis: "\e129"; $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-bold {
.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 {
&:before { &:before {
content: $icon-th-large-outline; content: $icon-bold;
} }
} }
.icon-th-small-outline { .icon-italic {
&:before { &:before {
content: $icon-th-small-outline; content: $icon-italic;
} }
} }
.icon-th-menu-outline { .icon-twitter {
&:before { &:before {
content: $icon-th-menu-outline; content: $icon-twitter;
} }
} }
.icon-th-list-outline { .icon-facebook {
&:before { &:before {
content: $icon-th-list-outline; content: $icon-facebook;
} }
} }
.icon-home-outline { .icon-facebook-f {
&:before { &:before {
content: $icon-home-outline; content: $icon-facebook-f;
} }
} }
.icon-trash { .icon-github {
&:before { &:before {
content: $icon-trash; content: $icon-github;
} }
} }
.icon-star-outline { .icon-strikethrough {
&:before { &:before {
content: $icon-star-outline; content: $icon-strikethrough;
} }
} }
.icon-mail { .icon-pinterest {
&:before { &:before {
content: $icon-mail; content: $icon-pinterest;
} }
} }
.icon-heart-outline { .icon-google-plus {
&:before { &:before {
content: $icon-heart-outline; content: $icon-google-plus;
} }
} }
.icon-flash-outline { .icon-linkedin {
&:before { &:before {
content: $icon-flash-outline; content: $icon-linkedin;
} }
} }
.icon-watch { .icon-github-alt {
&:before { &:before {
content: $icon-watch; content: $icon-github-alt;
} }
} }
.icon-warning-outline { .icon-youtube-play {
&:before { &:before {
content: $icon-warning-outline; content: $icon-youtube-play;
} }
} }
.icon-location-arrow-outline { .icon-dropbox {
&:before { &:before {
content: $icon-location-arrow-outline; content: $icon-dropbox;
} }
} }
.icon-info-outline { .icon-stack-overflow {
&:before { &:before {
content: $icon-info-outline; content: $icon-stack-overflow;
} }
} }
.icon-backspace-outline { .icon-instagram {
&:before { &:before {
content: $icon-backspace-outline; content: $icon-instagram;
} }
} }
.icon-upload-outline { .icon-flickr {
&:before { &:before {
content: $icon-upload-outline; content: $icon-flickr;
} }
} }
.icon-tag { .icon-bitbucket {
&:before { &:before {
content: $icon-tag; content: $icon-bitbucket;
} }
} }
.icon-tabs-outline { .icon-apple {
&:before { &:before {
content: $icon-tabs-outline; content: $icon-apple;
} }
} }
.icon-pin-outline { .icon-windows2 {
&:before { &:before {
content: $icon-pin-outline; content: $icon-windows2;
} }
} }
.icon-pipette { .icon-android {
&:before { &:before {
content: $icon-pipette; content: $icon-android;
} }
} }
.icon-pencil { .icon-linux {
&:before { &:before {
content: $icon-pencil; content: $icon-linux;
} }
} }
.icon-folder { .icon-skype {
&:before { &:before {
content: $icon-folder; content: $icon-skype;
} }
} }
.icon-folder-delete { .icon-trello {
&:before { &:before {
content: $icon-folder-delete; content: $icon-trello;
} }
} }
.icon-folder-add { .icon-slack {
&:before { &:before {
content: $icon-folder-add; content: $icon-slack;
} }
} }
.icon-edit { .icon-wordpress {
&:before { &:before {
content: $icon-edit; content: $icon-wordpress;
} }
} }
.icon-document { .icon-google {
&:before { &:before {
content: $icon-document; content: $icon-google;
} }
} }
.icon-document-delete { .icon-reddit {
&:before { &:before {
content: $icon-document-delete; content: $icon-reddit;
} }
} }
.icon-document-add { .icon-behance {
&:before { &:before {
content: $icon-document-add; content: $icon-behance;
} }
} }
.icon-brush { .icon-steam {
&:before { &:before {
content: $icon-brush; content: $icon-steam;
} }
} }
.icon-thumbs-up { .icon-codepen {
&:before { &:before {
content: $icon-thumbs-up; content: $icon-codepen;
} }
} }
.icon-thumbs-down { .icon-git-square {
&:before { &:before {
content: $icon-thumbs-down; content: $icon-git-square;
} }
} }
.icon-pen { .icon-git {
&:before { &:before {
content: $icon-pen; content: $icon-git;
} }
} }
.icon-bookmark { .icon-header {
&:before { &:before {
content: $icon-bookmark; content: $icon-header;
} }
} }
.icon-arrow-up { .icon-twitch {
&:before { &:before {
content: $icon-arrow-up; content: $icon-twitch;
} }
} }
.icon-arrow-sync-outline { .icon-pinterest-p {
&:before { &:before {
content: $icon-arrow-sync-outline; content: $icon-pinterest-p;
} }
} }
.icon-arrow-right { .icon-get-pocket {
&:before { &:before {
content: $icon-arrow-right; content: $icon-get-pocket;
} }
} }
.icon-arrow-repeat-outline { .icon-wikipedia-w {
&:before { &:before {
content: $icon-arrow-repeat-outline; content: $icon-wikipedia-w;
} }
} }
.icon-arrow-loop-outline { .icon-safari {
&:before { &:before {
content: $icon-arrow-loop-outline; content: $icon-safari;
} }
} }
.icon-arrow-left { .icon-chrome {
&:before { &:before {
content: $icon-arrow-left; content: $icon-chrome;
} }
} }
.icon-flow-switch { .icon-firefox {
&:before { &:before {
content: $icon-flow-switch; content: $icon-firefox;
} }
} }
.icon-flow-parallel { .icon-opera {
&:before { &:before {
content: $icon-flow-parallel; content: $icon-opera;
} }
} }
.icon-flow-merge { .icon-internet-explorer {
&:before { &:before {
content: $icon-flow-merge; content: $icon-internet-explorer;
} }
} }
.icon-document-text { .icon-amazon {
&:before { &:before {
content: $icon-document-text; content: $icon-amazon;
} }
} }
.icon-arrow-down { .icon-vimeo {
&:before { &:before {
content: $icon-arrow-down; content: $icon-vimeo;
} }
} }
.icon-bell { .icon-reddit-alien {
&:before { &:before {
content: $icon-bell; content: $icon-reddit-alien;
} }
} }
.icon-adjust-contrast { .icon-edge {
&:before { &:before {
content: $icon-adjust-contrast; content: $icon-edge;
} }
} }
.icon-lightbulb { .icon-gitlab {
&:before { &:before {
content: $icon-lightbulb; content: $icon-gitlab;
} }
} }
.icon-tags { .icon-snapchat-ghost {
&:before { &:before {
content: $icon-tags; content: $icon-snapchat-ghost;
} }
} }
.icon-eye2 { .icon-eye2 {
...@@ -1725,303 +1102,3 @@ $icon-home2: "\e98e"; ...@@ -1725,303 +1102,3 @@ $icon-home2: "\e98e";
content: $icon-ellipsis; 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;
}
}
...@@ -140,3 +140,23 @@ ...@@ -140,3 +140,23 @@
@content; @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);
}
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -81,7 +81,7 @@ let globalTasks = require('./.build/_tasks') ...@@ -81,7 +81,7 @@ let globalTasks = require('./.build/_tasks')
globalTasks.then(() => { globalTasks.then(() => {
let fuse = fsbx.FuseBox.init({ let fuse = fsbx.FuseBox.init({
homeDir: './client', homeDir: './client',
output: './assets/js/$name.min.js', output: './assets/js/$name.js',
alias: ALIASES, alias: ALIASES,
shim: SHIMS, shim: SHIMS,
plugins: [ plugins: [
...@@ -90,10 +90,25 @@ globalTasks.then(() => { ...@@ -90,10 +90,25 @@ globalTasks.then(() => {
['.scss', fsbx.SassPlugin({ outputStyle: (dev) ? 'nested' : 'compressed' }), fsbx.CSSPlugin()], ['.scss', fsbx.SassPlugin({ outputStyle: (dev) ? 'nested' : 'compressed' }), fsbx.CSSPlugin()],
fsbx.BabelPlugin({ comments: false, presets: ['es2015'] }), fsbx.BabelPlugin({ comments: false, presets: ['es2015'] }),
fsbx.JSONPlugin(), fsbx.JSONPlugin(),
!dev && fsbx.UglifyESPlugin({ /* !dev && fsbx.QuantumPlugin({
compress: { unused: false }, target: 'browser',
output: { 'max_line_len': 1000000 } 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, debug: false,
log: true log: true
...@@ -101,6 +116,7 @@ globalTasks.then(() => { ...@@ -101,6 +116,7 @@ globalTasks.then(() => {
const bundleVendor = fuse.bundle('vendor').instructions('~ index.js') // eslint-disable-line no-unused-vars 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 bundleApp = fuse.bundle('app').instructions('> index.js')
const bundleSetup = fuse.bundle('configure').instructions('> configure.js') const bundleSetup = fuse.bundle('configure').instructions('> configure.js')
switch (mode) { switch (mode) {
......
...@@ -158,6 +158,7 @@ ...@@ -158,6 +158,7 @@
"twemoji-awesome": "^1.0.6", "twemoji-awesome": "^1.0.6",
"typescript": "^2.3.4", "typescript": "^2.3.4",
"uglify-es": "^3.0.15", "uglify-es": "^3.0.15",
"uglify-js": "^3.0.15",
"vee-validate": "^2.0.0-rc.5", "vee-validate": "^2.0.0-rc.5",
"vue": "^2.3.4", "vue": "^2.3.4",
"vue-clipboards": "^1.0.2", "vue-clipboards": "^1.0.2",
......
...@@ -37,7 +37,7 @@ var mkdown = md({ ...@@ -37,7 +37,7 @@ var mkdown = md({
.use(mdAnchor, { .use(mdAnchor, {
slugify: _.kebabCase, slugify: _.kebabCase,
permalink: true, permalink: true,
permalinkClass: 'toc-anchor icon-anchor', permalinkClass: 'toc-anchor nc-icon-outline location_bookmark-add',
permalinkSymbol: '', permalinkSymbol: '',
permalinkBefore: true permalinkBefore: true
}) })
......
...@@ -18,8 +18,8 @@ html(data-logic='login') ...@@ -18,8 +18,8 @@ html(data-logic='login')
link(rel='manifest', href='/manifest.json') link(rel='manifest', href='/manifest.json')
// JS / CSS // JS / CSS
script(type='text/javascript', src='/js/vendor.min.js') script(type='text/javascript', src=appconfig.host + '/js/vendor.js')
script(type='text/javascript', src='/js/app.min.js') script(type='text/javascript', src=appconfig.host + '/js/app.js')
body body
#bg #bg
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
block rootNavLeft block rootNavLeft
a.nav-item(href='/') a.nav-item(href='/')
h1 h1
i.icon-layers i.nc-icon-outline.ui-2_layers
= appconfig.title = appconfig.title
.nav-center .nav-center
block rootNavCenter block rootNavCenter
......
...@@ -6,25 +6,25 @@ html(data-logic='error') ...@@ -6,25 +6,25 @@ html(data-logic='error')
meta(name='viewport', content='width=device-width, initial-scale=1') meta(name='viewport', content='width=device-width, initial-scale=1')
meta(name='theme-color', content='#009688') meta(name='theme-color', content='#009688')
meta(name='msapplication-TileColor', 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 title= appconfig.title
// Favicon // Favicon
each favsize in [57, 60, 72, 76, 114, 120, 144, 152, 180] 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='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='/favicons/android-icon-192x192.png') link(rel='icon', type='image/png', sizes='192x192', href=appconfig.host + '/favicons/android-icon-192x192.png')
each favsize in [32, 96, 16] 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='icon', type='image/png', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/favicon-' + favsize + 'x' + favsize + '.png')
link(rel='manifest', href='/manifest.json') link(rel='manifest', href=appconfig.host + '/manifest.json')
// JS / CSS // JS / CSS
script(type='text/javascript', src='/js/vendor.min.js') script(type='text/javascript', src=appconfig.host + '/js/vendor.js')
script(type='text/javascript', src='/js/app.min.js') script(type='text/javascript', src=appconfig.host + '/js/app.js')
body(class='is-forbidden') body(class='is-forbidden')
.container .container
a(href='/'): img(src='/images/logo.png') a(href='/'): img(src=appconfig.host + '/images/logo.png')
h1= t('errors:forbidden') h1= t('errors:forbidden')
h2= t('errors:forbiddendetail') h2= t('errors:forbiddendetail')
a.button.is-amber.is-inverted(href='/')= t('errors:actions.gohome') a.button.is-amber.is-inverted(href=appconfig.host + '/')= 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 + '/login')= t('errors:actions.loginas')
...@@ -6,25 +6,25 @@ html(data-logic='error') ...@@ -6,25 +6,25 @@ html(data-logic='error')
meta(name='viewport', content='width=device-width, initial-scale=1') meta(name='viewport', content='width=device-width, initial-scale=1')
meta(name='theme-color', content='#009688') meta(name='theme-color', content='#009688')
meta(name='msapplication-TileColor', 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 title= appconfig.title
// Favicon // Favicon
each favsize in [57, 60, 72, 76, 114, 120, 144, 152, 180] 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='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='/favicons/android-icon-192x192.png') link(rel='icon', type='image/png', sizes='192x192', href=appconfig.host + '/favicons/android-icon-192x192.png')
each favsize in [32, 96, 16] 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='icon', type='image/png', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/favicon-' + favsize + 'x' + favsize + '.png')
link(rel='manifest', href='/manifest.json') link(rel='manifest', href=appconfig.host + '/manifest.json')
// JS / CSS // JS / CSS
script(type='text/javascript', src='/js/vendor.min.js') script(type='text/javascript', src=appconfig.host + '/js/vendor.js')
script(type='text/javascript', src='/js/app.min.js') script(type='text/javascript', src=appconfig.host + '/js/app.js')
body(class='is-notexist') body(class='is-notexist')
.container .container
a(href='/'): img(src='/images/logo.png') a(href='/'): img(src=appconfig.host + '/images/logo.png')
h1 !{message} h1 !{message}
h2= t('errors:notexistdetail') 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.is-featured(href=appconfig.host + '/create/' + newpath)= t('errors:actions.create')
a.button.is-amber.is-inverted(href='/')= t('errors:actions.gohome') a.button.is-amber.is-inverted(href=appconfig.host + '/')= t('errors:actions.gohome')
...@@ -6,27 +6,27 @@ html(data-logic='error') ...@@ -6,27 +6,27 @@ html(data-logic='error')
meta(name='viewport', content='width=device-width, initial-scale=1') meta(name='viewport', content='width=device-width, initial-scale=1')
meta(name='theme-color', content='#009688') meta(name='theme-color', content='#009688')
meta(name='msapplication-TileColor', 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 title= appconfig.title
// Favicon // Favicon
each favsize in [57, 60, 72, 76, 114, 120, 144, 152, 180] 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='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='/favicons/android-icon-192x192.png') link(rel='icon', type='image/png', sizes='192x192', href=appconfig.host + '/favicons/android-icon-192x192.png')
each favsize in [32, 96, 16] 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='icon', type='image/png', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/favicon-' + favsize + 'x' + favsize + '.png')
link(rel='manifest', href='/manifest.json') link(rel='manifest', href=appconfig.host + '/manifest.json')
// JS / CSS // JS / CSS
script(type='text/javascript', src='/js/vendor.min.js') script(type='text/javascript', src=appconfig.host + '/js/vendor.js')
script(type='text/javascript', src='/js/app.min.js') script(type='text/javascript', src=appconfig.host + '/js/app.js')
body(class='is-error') body(class='is-error')
.container .container
a(href='/'): img(src='/images/logo.png') a(href='/'): img(src=appconfig.host + '/images/logo.png')
h1= message h1= message
h2= t('errors:generic') 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 if error.stack
h3= t('errors:debugmsg') h3= t('errors:debugmsg')
......
...@@ -6,16 +6,16 @@ html ...@@ -6,16 +6,16 @@ html
meta(name='viewport', content='width=device-width, initial-scale=1') meta(name='viewport', content='width=device-width, initial-scale=1')
meta(name='theme-color', content='#009688') meta(name='theme-color', content='#009688')
meta(name='msapplication-TileColor', 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 title= appconfig.title
//- Favicon //- Favicon
each favsize in [57, 60, 72, 76, 114, 120, 144, 152, 180] 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='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='/favicons/android-icon-192x192.png') link(rel='icon', type='image/png', sizes='192x192', href=appconfig.host + '/favicons/android-icon-192x192.png')
each favsize in [32, 96, 16] 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='icon', type='image/png', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/favicon-' + favsize + 'x' + favsize + '.png')
link(rel='manifest', href='/manifest.json') link(rel='manifest', href=appconfig.host + '/manifest.json')
//- Site Lang //- Site Lang
script. script.
...@@ -23,8 +23,8 @@ html ...@@ -23,8 +23,8 @@ html
var siteRoot = '!{appconfig.host}'; var siteRoot = '!{appconfig.host}';
//- JS / CSS //- JS / CSS
script(type='text/javascript', src='/js/vendor.min.js') script(type='text/javascript', src=appconfig.host + '/js/vendor.js')
script(type='text/javascript', src='/js/app.min.js') script(type='text/javascript', src=appconfig.host + '/js/app.js')
block head block head
......
...@@ -7,7 +7,7 @@ block rootNavRight ...@@ -7,7 +7,7 @@ block rootNavRight
loading-spinner loading-spinner
.nav-item .nav-item
a.button.btn-edit-discard(href='/') a.button.btn-edit-discard(href='/')
i.icon-home i.nc-icon-outline.ui-1_home-minimal
span= t('nav.root') span= t('nav.root')
block content block content
...@@ -24,7 +24,7 @@ block content ...@@ -24,7 +24,7 @@ block content
ul.sidebar-menu ul.sidebar-menu
li li
a(href='/') a(href='/')
i.icon-home i.nc-icon-outline.ui-1_home-minimal
span= t('nav.root') span= t('nav.root')
aside aside
...@@ -33,20 +33,20 @@ block content ...@@ -33,20 +33,20 @@ block content
ul.sidebar-menu ul.sidebar-menu
li li
a(href='/admin/profile') a(href='/admin/profile')
i.icon-user i.nc-icon-outline.users_circle-10
span= t('nav.myprofile') span= t('nav.myprofile')
li li
a(href='/admin/stats') a(href='/admin/stats')
i.icon-bar-graph-2 i.nc-icon-outline.ui-3_chart-bars
span= t('nav.stats') span= t('nav.stats')
if rights.manage if rights.manage
li li
a(href='/admin/users') a(href='/admin/users')
i.icon-users i.nc-icon-outline.users_multiple-19
span= t('nav.users') span= t('nav.users')
li li
a(href='/admin/settings') a(href='/admin/settings')
i.icon-cog i.nc-icon-outline.ui-1_settings-gear-63
span= t('nav.syssettings') span= t('nav.syssettings')
//-li //-li
a(href='/admin/theme') a(href='/admin/theme')
...@@ -54,7 +54,7 @@ block content ...@@ -54,7 +54,7 @@ block content
span= t('nav.theme') span= t('nav.theme')
li li
a(href='/logout') a(href='/logout')
i.icon-delete2 i.nc-icon-outline.arrows-1_log-out
span= t('nav.logout') span= t('nav.logout')
.column .column
......
...@@ -29,21 +29,21 @@ block adminContent ...@@ -29,21 +29,21 @@ block adminContent
section section
label.label #{t('admin:profile.tfa')}: #[strong.is-red(v-cloak) {{ tfaStatus }}] label.label #{t('admin:profile.tfa')}: #[strong.is-red(v-cloak) {{ tfaStatus }}]
button.button.is-blue(@click='$store.dispatch("modalProfile2fa/open")', :disabled='tfaIsActive') 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') span= t('admin:profile.tfaenable')
button.button.is-blue(@click='saveUser', :disabled='!tfaIsActive') 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') span= t('admin:profile.tfadisable')
section section
button.button.is-green(@click='saveUser') button.button.is-green(@click='saveUser')
i.icon-check i.nc-icon-outline.ui-1_check
span= t('admin:profile.savechanges') span= t('admin:profile.savechanges')
.column .column
.panel-aside .panel-aside
label.label= t('admin:profile.provider') label.label= t('admin:profile.provider')
p.control.account-profile-provider p.control.account-profile-provider
case user.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 'windowslive': i.icon-windows2.is-blue
when 'azure': i.icon-windows2.is-blue when 'azure': i.icon-windows2.is-blue
when 'google': i.icon-google.is-blue when 'google': i.icon-google.is-blue
......
...@@ -4,7 +4,7 @@ block rootNavRight ...@@ -4,7 +4,7 @@ block rootNavRight
loading-spinner loading-spinner
.nav-item .nav-item
a.button(href='/admin/users') a.button(href='/admin/users')
i.icon-reply i.nc-icon-outline.arrows-2_corner-left-round
span= t('admin:users.returntousers') span= t('admin:users.returntousers')
block adminContent block adminContent
...@@ -25,7 +25,7 @@ block adminContent ...@@ -25,7 +25,7 @@ block adminContent
td.is-centered= usr._id td.is-centered= usr._id
td.is-centered.has-icons td.is-centered.has-icons
case usr.provider 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 'windowslive': i.icon-windows2.is-blue
when 'azure': i.icon-windows2.is-blue when 'azure': i.icon-windows2.is-blue
when 'google': i.icon-google.is-blue when 'google': i.icon-google.is-blue
...@@ -64,8 +64,8 @@ block adminContent ...@@ -64,8 +64,8 @@ block adminContent
tbody tbody
tr(v-for='(right, idx) in rights', v-cloak) tr(v-for='(right, idx) in rights', v-cloak)
td.is-icon td.is-icon
i.icon-marquee-plus.is-green(v-if='right.deny === false || right.deny === "false"') i.nc-icon-outline.ui-2_square-add-08.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-delete-10.is-red(v-if='right.deny === true || right.deny === "true"')
td td
p.control.is-fullwidth p.control.is-fullwidth
select(v-model='right.role') select(v-model='right.role')
...@@ -94,7 +94,7 @@ block adminContent ...@@ -94,7 +94,7 @@ block adminContent
td.is-centered.has-action-icons td.is-centered.has-action-icons
.table-actions .table-actions
button.button.is-blue(v-on:click='addRightsRow') button.button.is-blue(v-on:click='addRightsRow')
i.icon-plus i.nc-icon-outline.ui-1_simple-add
span Add New Row span Add New Row
section section
label.label Role Override label.label Role Override
...@@ -106,16 +106,16 @@ block adminContent ...@@ -106,16 +106,16 @@ block adminContent
.column .column
section section
button.button.is-green(v-on:click='saveUser') button.button.is-green(v-on:click='saveUser')
i.icon-check i.nc-icon-outline.ui-1_check
span Save Changes span Save Changes
a.button.button.is-grey.is-outlined(href='/admin/users') a.button.button.is-grey.is-outlined(href='/admin/users')
i.icon-cancel i.nc-icon-outline.ui-1_simple-remove
span Discard span Discard
.column.is-narrow .column.is-narrow
section section
if usrOpts.canBeDeleted if usrOpts.canBeDeleted
button.button.is-red(v-on:click='$store.dispatch("modalDeleteUser/open")') button.button.is-red(v-on:click='$store.dispatch("modalDeleteUser/open")')
i.icon-trash2 i.nc-icon-outline.ui-1_trash
span Delete Account span Delete Account
modal-delete-user(current-user=usr._id) modal-delete-user(current-user=usr._id)
...@@ -4,7 +4,7 @@ block rootNavRight ...@@ -4,7 +4,7 @@ block rootNavRight
loading-spinner loading-spinner
.nav-item .nav-item
a.button(v-on:click='$store.dispatch("modalCreateUser/open")') 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') span= t('admin:users.createauthorize')
block adminContent block adminContent
...@@ -24,13 +24,13 @@ block adminContent ...@@ -24,13 +24,13 @@ block adminContent
each usr in usrs each usr in usrs
tr tr
td.is-icon td.is-icon
i.icon-user.is-grey i.nc-icon-outline.users_single-05.is-grey
td td
a(href='/admin/users/' + usr._id)= usr.name a(href='/admin/users/' + usr._id)= usr.name
td= usr.email td= usr.email
td.is-centered.has-icons td.is-centered.has-icons
case usr.provider 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 'windowslive': i.icon-windows2.is-blue
when 'azure': i.icon-windows2.is-blue when 'azure': i.icon-windows2.is-blue
when 'google': i.icon-google.is-blue when 'google': i.icon-google.is-blue
......
...@@ -9,16 +9,16 @@ block content ...@@ -9,16 +9,16 @@ block content
ul.sidebar-menu ul.sidebar-menu
li li
a(href='/') a(href='/')
i.icon-home i.nc-icon-outline.ui-1_home-minimal
span= t('nav.root') span= t('nav.root')
if !isGuest if !isGuest
li li
a(href='/admin') a(href='/admin')
i.icon-cog i.nc-icon-outline.ui-1_settings-gear-63
span= t('nav.account') span= t('nav.account')
else else
li li
a(href='/login') a(href='/login')
i.icon-unlock i.nc-icon-outline.arrows-1_log-in
span= t('nav.login') span= t('nav.login')
tree tree
...@@ -7,10 +7,10 @@ block rootNavRight ...@@ -7,10 +7,10 @@ block rootNavRight
loading-spinner loading-spinner
span.nav-item span.nav-item
a.button.is-outlined(v-on:click='$store.dispatch("modalDiscardPage/open")') 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') span= t('nav.discard')
a.button(v-on:click='$root.$emit("editor/save")') a.button(v-on:click='$root.$emit("editor/save")')
i.icon-check i.nc-icon-outline.ui-1_check
span= t('nav.savedocument') span= t('nav.savedocument')
block content block content
......
...@@ -7,10 +7,10 @@ block rootNavRight ...@@ -7,10 +7,10 @@ block rootNavRight
loading-spinner loading-spinner
span.nav-item span.nav-item
a.button.is-outlined(v-on:click='$store.dispatch("modalDiscardPage/open")') 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') span= t('nav.discard')
a.button(v-on:click='$root.$emit("editor/save")') a.button(v-on:click='$root.$emit("editor/save")')
i.icon-check i.nc-icon-outline.ui-1_check
span= t('nav.savechanges') span= t('nav.savechanges')
block content block content
......
...@@ -8,17 +8,17 @@ block rootNavRight ...@@ -8,17 +8,17 @@ block rootNavRight
span.nav-item span.nav-item
if rights.write && pageData.meta.path !== 'home' if rights.write && pageData.meta.path !== 'home'
a.button.is-outlined(v-on:click='$store.dispatch("modalMovePage/open")') 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') span= t('nav.move')
a.button.is-outlined(href='/' + pageData.meta.path) a.button.is-outlined(href='/' + pageData.meta.path)
i.icon-loader i.nc-icon-outline.ui-2_book
span= t('nav.normalview') span= t('nav.normalview')
if rights.write if rights.write
a.button.is-orange(href='/edit/' + pageData.meta.path) 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') span= t('nav.edit')
a.button(v-on:click='$store.dispatch("modalCreatePage/open")') a.button(v-on:click='$store.dispatch("modalCreatePage/open")')
i.icon-plus i.nc-icon-outline.ui-1_simple-add
span= t('nav.create') span= t('nav.create')
block content block content
......
...@@ -13,20 +13,20 @@ block rootNavRight ...@@ -13,20 +13,20 @@ block rootNavRight
.nav-item .nav-item
if rights.write && pageData.meta.path !== 'home' if rights.write && pageData.meta.path !== 'home'
a.button.is-outlined(v-on:click='$store.dispatch("modalMovePage/open")') 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') span= t('nav.move')
a.button.is-outlined(href='/source/' + pageData.meta.path) a.button.is-outlined(href='/source/' + pageData.meta.path)
i.icon-loader i.nc-icon-outline.education_paper
span= t('nav.source') span= t('nav.source')
//- a.button.is-outlined(href='/hist/' + pageData.meta.path) //- a.button.is-outlined(href='/hist/' + pageData.meta.path)
i.icon-clock i.icon-clock
span= t('nav.history') span= t('nav.history')
if rights.write if rights.write
a.button(href='/edit/' + pageData.meta.path) a.button(href='/edit/' + pageData.meta.path)
i.icon-document-text i.nc-icon-outline.ui-1_edit-76
span= t('nav.edit') span= t('nav.edit')
a.button(v-on:click='$store.dispatch("modalCreatePage/open")') a.button(v-on:click='$store.dispatch("modalCreatePage/open")')
i.icon-plus i.nc-icon-outline.ui-1_simple-add
span= t('nav.create') span= t('nav.create')
block content block content
...@@ -43,11 +43,11 @@ block content ...@@ -43,11 +43,11 @@ block content
ul.sidebar-menu ul.sidebar-menu
li li
a(href='/') a(href='/')
i.icon-home i.nc-icon-outline.ui-1_home-minimal
span= t('nav.root') span= t('nav.root')
li li
a(href='/all') a(href='/all')
i.icon-paper i.nc-icon-outline.business_hierarchy-55
span= t('nav.allpages') span= t('nav.allpages')
if pageData.parent if pageData.parent
li li
...@@ -57,12 +57,12 @@ block content ...@@ -57,12 +57,12 @@ block content
if !isGuest if !isGuest
li li
a(href='/admin') a(href='/admin')
i.icon-cog i.nc-icon-outline.ui-1_settings-gear-63
span= t('nav.settings') span= t('nav.settings')
else else
li li
a(href='/login') a(href='/login')
i.icon-unlock i.nc-icon-outline.arrows-1_log-in
span= t('nav.login') span= t('nav.login')
aside.sidebar-pagecontents aside.sidebar-pagecontents
.sidebar-label .sidebar-label
......
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