Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-30 18:49:43 +02:00
Code Releases Activity

New theme layout

Browse source
This commit is contained in:
Harvey Kandola 2018-12-02 16:19:25 +00:00
parent 679049d2b1
commit 34d54745f3
20 changed files with 2292 additions and 697 deletions
Download patch file Download diff file Expand all files Collapse all files

10
gui/app/components/user-profile.js
View file

@ -85,11 +85,11 @@ export default Component.extend(AuthProvider, {
set(this, 'password.password', '');
set(this, 'password.confirmation', '');
});
},
onThemeChange(theme) {
this.get('appMeta').setTheme(theme);
this.set('model.theme', theme);
}
// onThemeChange(theme) {
// this.get('appMeta').setTheme(theme);
// this.set('model.theme', theme);
// }
}
});

4
gui/app/pods/auth/login/controller.js
View file

@ -19,14 +19,14 @@ export default Controller.extend(AuthProvider, {
invalidCredentials: false,
reset() {
if (this.get('sAuthProviderDocumize')) {
if (this.get('isAuthProviderDocumize')) {
this.setProperties({
email: '',
password: ''
});
}
if (this.get('sAuthProviderLDAP')) {
if (this.get('isAuthProviderLDAP')) {
this.setProperties({
username: '',
password: ''

143
gui/app/pods/theming/template.hbs
View file

@ -1,4 +1,143 @@
{{#layout/top-bar}}
<div class="master-sidebar-container">
<div class="master-navbar">
<div class="nav-content">
<div class="nav-options">
{{#link-to 'folders' class=(if (eq selectItem 'spaces') 'option selected' 'option')}}
<i class="dicon dicon-grid-interface"></i>
<div class="name">spaces</div>
{{/link-to}}
{{#link-to 'folders' class=(if (eq selectItem 'spaces') 'option selected' 'option')}}
<i class="dicon dicon-chart-bar-33"></i>
<div class="name">reports</div>
{{/link-to}}
{{#link-to 'folders' class=(if (eq selectItem 'spaces') 'option selected' 'option')}}
<i class="dicon dicon-list-bullet-2"></i>
<div class="name">actions</div>
{{/link-to}}
{{#link-to 'folders' class=(if (eq selectItem 'spaces') 'option selected' 'option')}}
<i class="dicon dicon-pulse"></i>
<div class="name">activity</div>
{{/link-to}}
{{#link-to 'search' class=(if (eq selectItem 'spaces') 'option selected' 'option')}}
<i class="dicon dicon-magnifier"></i>
<div class="name">search</div>
{{/link-to}}
{{#link-to 'folders' class=(if (eq selectItem 'spaces') 'option selected' 'option')}}
<i class="dicon dicon-bookmark"></i>
<div class="name">saved</div>
{{/link-to}}
</div>
<div class="meta">
<a class="logo" href="https://documize.com?ref=app">
<img src="/assets/img/icon-white-64x64.png" />
<div class="documize">Documize</div>
</a>
</div>
</div>
</div>
<div class="master-sidebar">
one<br/>
two<br/>
three
</div>
</div>
<div class="master-container">
<div class="master-content">
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
</div>
</div>
{{!-- <div class="master-container">
<div class="master-navbar">nav</div>
<div class="master-sidebar">
one<br/>
two<br/>
three
</div>
<div class="master-content">
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
</div>
</div> --}}
{{!-- {{#layout/top-bar}}
<li class="item">
{{#link-to "folders" class="link"}}SOMETHING{{/link-to}}
</li>
@ -58,4 +197,4 @@
{{/layout/middle-zone}}
{{#layout/bottom-bar}}
{{/layout/bottom-bar}}
{{/layout/bottom-bar}} --}}

1
gui/app/styles/app.scss
View file

@ -11,6 +11,7 @@
@import "core/color.scss";
@import "core/font.scss";
@import "core/icon.scss";
@import "core/mixins.scss";
@import "core/base.scss";
@import "core/bootstrap.scss";

418
gui/app/styles/core/icon.scss Normal file
View file

@ -0,0 +1,418 @@
@font-face {
font-family: 'dmzui';
src: url('font/dmzui.eot');
src: url('font/dmzui.eot') format('embedded-opentype'), url('font/dmzui.woff2') format('woff2'), url('font/dmzui.woff') format('woff'), url('font/dmzui.ttf') format('truetype'), url('font/dmzui.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*------------------------
base class definition
-------------------------*/
.dicon {
display: inline-block;
font: normal normal normal 1em/1 'dmzui';
speak: none;
text-transform: none;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*------------------------
change icon size
-------------------------*/
/* relative units */
.dicon-sm {
font-size: 0.8em;
}
.dicon-lg {
font-size: 1.2em;
}
/* absolute units */
.dicon-16 {
font-size: 16px;
}
.dicon-24 {
font-size: 24px;
}
.dicon-32 {
font-size: 32px;
}
.dicon-48 {
font-size: 48px;
}
/*----------------------------------
add a square/circle background
-----------------------------------*/
.dicon-bg-square,
.dicon-bg-circle {
padding: 0.35em;
background-color: #eee;
}
.dicon-bg-circle {
border-radius: 50%;
}
/*------------------------------------
use icons as list item markers
-------------------------------------*/
.dicon-ul {
padding-left: 0;
list-style-type: none;
}
.dicon-ul > li {
display: flex;
align-items: flex-start;
line-height: 1.4;
}
.dicon-ul > li > .dicon {
margin-right: 0.4em;
line-height: inherit;
}
/*------------------------
spinning icons
-------------------------*/
.dicon-is-spinning {
-webkit-animation: dicon-spin 2s infinite linear;
-moz-animation: dicon-spin 2s infinite linear;
animation: dicon-spin 2s infinite linear;
}
@-webkit-keyframes dicon-spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes dicon-spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes dicon-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*------------------------
rotated/flipped icons
-------------------------*/
.dicon-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.dicon-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.dicon-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.dicon-flip-y {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.dicon-flip-x {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
/*------------------------
icons
-------------------------*/
.dicon-delete-key::before {
content: "\ea02";
}
.dicon-i-remove::before {
content: "\ea03";
}
.dicon-bin::before {
content: "\ea04";
}
.dicon-code::before {
content: "\ea05";
}
.dicon-attachment::before {
content: "\ea06";
}
.dicon-align-justify::before {
content: "\ea07";
}
.dicon-pen-2::before {
content: "\ea08";
}
.dicon-edit-to-check::before {
content: "\ea0a";
}
.dicon-settings-gear::before {
content: "\ea0c";
}
.dicon-arrow-down::before {
content: "\ea0d";
}
.dicon-arrow-left::before {
content: "\ea0e";
}
.dicon-arrow-right::before {
content: "\ea0f";
}
.dicon-arrow-up::before {
content: "\ea10";
}
.dicon-small-down::before {
content: "\ea11";
}
.dicon-small-left::before {
content: "\ea12";
}
.dicon-small-right::before {
content: "\ea13";
}
.dicon-small-up::before {
content: "\ea14";
}
.dicon-small-triangle-down::before {
content: "\ea15";
}
.dicon-small-triangle-left::before {
content: "\ea16";
}
.dicon-small-triangle-right::before {
content: "\ea17";
}
.dicon-small-triangle-up::before {
content: "\ea18";
}
.dicon-arrow-down-2::before {
content: "\ea19";
}
.dicon-arrow-left-2::before {
content: "\ea1a";
}
.dicon-arrow-right-2::before {
content: "\ea1b";
}
.dicon-arrow-up-2::before {
content: "\ea1c";
}
.dicon-chart-bar-33::before {
content: "\ea1d";
}
.dicon-geometry::before {
content: "\ea1e";
}
.dicon-bookmark::before {
content: "\ea1f";
}
.dicon-bookmark-delete::before {
content: "\ea20";
}
.dicon-bookmark-add::before {
content: "\ea22";
}
.dicon-pdf::before {
content: "\ea23";
}
.dicon-print::before {
content: "\ea24";
}
.dicon-list-bullet-2::before {
content: "\ea25";
}
.dicon-magnifier::before {
content: "\ea26";
}
.dicon-b-chat::before {
content: "\ea27";
}
.dicon-filter-tool::before {
content: "\ea28";
}
.dicon-grid-interface::before {
content: "\ea29";
}
.dicon-lock::before {
content: "\ea2a";
}
.dicon-unlocked::before {
content: "\ea2b";
}
.dicon-menu-7::before {
content: "\ea2c";
}
.dicon-network-connection::before {
content: "\ea2d";
}
.dicon-e-add::before {
content: "\ea2e";
}
.dicon-data-upload::before {
content: "\ea2f";
}
.dicon-upload::before {
content: "\ea30";
}
.dicon-flag::before {
content: "\ea31";
}
.dicon-globe::before {
content: "\ea32";
}
.dicon-single-01::before {
content: "\ea33";
}
.dicon-multiple-19::before {
content: "\ea34";
}
.dicon-box::before {
content: "\ea35";
}
.dicon-gallery-view::before {
content: "\ea36";
}
.dicon-time::before {
content: "\ea37";
}
.dicon-split-37::before {
content: "\ea38";
}
.dicon-sort-tool::before {
content: "\ea39";
}
.dicon-button-2::before {
content: "\ea3a";
}
.dicon-menu-to-arrow-left-3::before {
content: "\ea3b";
}
.dicon-grid-to-list::before {
content: "\ea3c";
}
.dicon-ctrl-down::before {
content: "\ea3d";
}
.dicon-ctrl-left::before {
content: "\ea3e";
}
.dicon-ctrl-up::before {
content: "\ea3f";
}
.dicon-menu-6::before {
content: "\ea40";
}
.dicon-pulse::before {
content: "\ea41";
}
.dicon-reload::before {
content: "\ea42";
}
.dicon-single-copy-04::before {
content: "\ea43";
}
.dicon-list-numbers::before {
content: "\ea45";
}

1
gui/app/styles/core/layout/all.scss
View file

@ -4,3 +4,4 @@
@import "layout-footer.scss";
@import "layout-content.scss";
@import "master-internal.scss";

553
gui/app/styles/core/layout/master-internal.scss Normal file
View file

@ -0,0 +1,553 @@
$display-break-1: 700px;
$display-break-2: 900px;
$display-break-3: 1200px;
$display-break-4: 1600px;
$display-break-5: 1800px;
// CSS GRID WITH FIXED SIDEBAR OUTSIDE GRID
// Mobile-first layout
.master-container {
display: block;
height: auto;
width: 100%;
.master-content {
display: block;
height: auto;
width: 100%;
background: cornsilk;
}
}
.master-sidebar-container {
display: block;
height: auto;
width: 100%;
background: pink;
.master-navbar {
display: block;
height: auto;
width: 100%;
background-color: red;
text-align: center;
padding: 0;
> .nav-content {
display: flex;
flex-grow: 1;
flex-direction: row;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
> .nav-options {
> .option {
cursor: pointer;
>.dicon {
display: inline-block;
color: $color-white;
font-size: 20px;
padding: 10px;
}
> .name {
display: none;
}
}
}
> .meta {
> .logo {
display: none;
cursor: pointer;
}
}
}
}
.master-sidebar {
display: block;
height: auto;
width: 100%;
background-color: lightgray;
}
}
// Tablet starts around 700px
@media (min-width: $display-break-1) {
.master-container {
display: grid;
grid-template-columns: 240px auto;
.master-content {
grid-column-start: 2;
background: cornsilk;
}
}
.master-sidebar-container {
position: fixed;
width: 240px;
height: 100vh;
background: pink;
.master-navbar {
position: fixed;
top: 0;
left: 0;
width: 40px;
height: 100vh;
background-color: red;
text-align: center;
padding: 10px 0;
> .nav-content {
display: flex;
flex-grow: 1;
flex-direction: column;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
height: 100vh;
> .nav-options {
> .option {
>.dicon {
display: block;
color: $color-white;
font-size: 20px;
padding: 20px 0;
}
}
}
> .meta {
padding-bottom: 30px;
> .logo {
display: block;
> img {
width: 32px;
height: 32px;
}
> .documize {
display: none;
}
}
}
}
}
.master-sidebar {
position: fixed;
top: 0;
left: 40px;
width: 200px;
height: 100vh;
background-color: lightgray;
}
}
}
// Small screen starts around 900px
@media (min-width: $display-break-2) {
.master-container {
display: grid;
grid-template-columns: 290px auto;
.master-content {
grid-column-start: 2;
background: cornsilk;
}
}
.master-sidebar-container {
position: fixed;
width: 290px;
height: 100vh;
background: pink;
.master-navbar {
position: fixed;
top: 0;
left: 0;
width: 70px;
height: 100vh;
background-color: red;
text-align: center;
> .nav-content {
> .nav-options {
> .option {
> .dicon {
display: block;
color: $color-white;
font-size: 24px;
padding: 25px 0 10px 0;
}
> .name {
display: block;
padding: 0 0 10px 0;
font-size: 0.8rem;
font-weight: 700;
color: white;
text-transform: uppercase;
}
}
}
> .meta {
> .logo {
> img {
width: 32px;
height: 32px;
}
> .documize {
display: block;
font-size: 0.7rem;
color: white;
text-decoration: none;
}
}
}
}
}
.master-sidebar {
position: fixed;
top: 0;
left: 70px;
width: 220px;
height: 100vh;
background-color: lightgray;
}
}
}
// Medium screen starts around 1200px
@media (min-width: $display-break-3) {
.master-container {
display: grid;
grid-template-columns: 320px auto;
.master-content {
grid-column-start: 2;
background: cornsilk;
}
}
.master-sidebar-container {
position: fixed;
width: 320px;
height: 100vh;
background: pink;
.master-navbar {
position: fixed;
top: 0;
left: 0;
width: 70px;
height: 100vh;
background-color: red;
}
.master-sidebar {
position: fixed;
top: 0;
left: 70px;
width: 250px;
height: 100vh;
background-color: lightgray;
}
}
}
// Large screen starts around 1600px
@media (min-width: $display-break-4) {
.master-container {
display: grid;
grid-template-columns: 370px auto;
.master-content {
grid-column-start: 2;
background: cornsilk;
}
}
.master-sidebar-container {
position: fixed;
width: 370px;
height: 100vh;
background: pink;
.master-navbar {
position: fixed;
top: 0;
left: 0;
width: 70px;
height: 100vh;
background-color: red;
}
.master-sidebar {
position: fixed;
top: 0;
left: 70px;
width: 300px;
height: 100vh;
background-color: lightgray;
}
}
}
// $break-1: 900px;
// $break-2: 1200px;
// $break-3: 1400px;
// $break-4: 1600px;
// $break-5: 1800px;
// FLEX
// Mobile first layout
// .master-container {
// display: flex;
// flex-direction: column;
// width: 100%;
// margin: 0;
// padding: 0;
// .master-navbar {
// display: block;
// margin: 0;
// padding: 0;
// height: 40px;
// width: 100%;
// background-color: red;
// }
// .master-sidebar {
// display: block;
// margin: 0;
// padding: 0;
// height: auto;
// width: 100%;
// background-color: lightgray;
// }
// .master-content {
// display: block;
// margin: 0;
// padding: 0;
// height: auto;
// width: 100%;
// background-color: cornsilk;
// }
// }
// // Small desktop 900px
// @media (min-width: $break-1) {
// .master-container {
// display: flex;
// flex-direction: row;
// width: 100%;
// margin: 0;
// padding: 0;
// background-color: yellow;
// .master-navbar {
// flex: 0 0 80px;
// width: 80px;
// height: 100vh;
// margin: 0;
// padding: 0;
// overflow-x: hidden;
// overflow-y: auto;
// @include sticky();
// background-color: red;
// }
// .master-sidebar {
// flex: 0 0 250px;
// width: 250px;
// height: 100vh;
// margin: 0;
// padding: 0;
// overflow-x: hidden;
// overflow-y: auto;
// @include sticky();
// background-color: lightgray;
// }
// .master-content {
// flex: 0 1 700px;
// max-width: 700px;
// height: auto;
// width: 100%;
// margin: 0;
// padding: 0;
// background-color: cornsilk;
// }
// }
// }
// // Mobile-first layout
// .master-container {
// background-color: yellow;
// margin: 0;
// padding: 0;
// .master-navbar {
// display: block;
// margin: 0;
// padding: 0;
// height: 40px;
// width: 100%;
// background-color: red;
// }
// .master-sidebar {
// display: block;
// margin: 0;
// padding: 0;
// height: auto;
// width: 100%;
// background-color: lightgray;
// }
// .master-content {
// display: block;
// margin: 0;
// padding: 0;
// height: auto;
// width: 100%;
// background-color: cornsilk;
// }
// }
// // Small desktop starts at 900px
// @media (min-width: $break-1) {
// .master-container {
// position: relative;
// display: inline;
// .master-navbar {
// display: inline-block;
// margin: 0;
// padding: 0;
// height: 100vh;
// width: 80px;
// background-color: red;
// @include sticky();
// top: 0;
// left: 0;
// }
// .master-sidebar {
// display: inline-block;
// margin: 0;
// padding: 0;
// height: 100vh;
// width: 250px;
// background-color: lightgray;
// @include sticky();
// top: 0;
// left: 0;
// }
// .master-content {
// position: relative;
// display: inline;
// margin: 0 0 0 330px;
// padding: 0;
// background-color: cornsilk;
// }
// }
// }
/*
// CSS GRID
// Mobile-first layout
.master-container {
display: grid;
grid-template-rows: 3;
grid-template-areas:
"nav"
"sidebar"
"content";
}
.master-navbar {
grid-area: nav;
grid-row: 1;
height: auto;
background-color: red;
}
.master-sidebar {
grid-area: sidebar;
grid-row: 2;
height: auto;
background-color: lightgray;
}
.master-content {
grid-area: content;
grid-row: 3;
height: auto;
background-color: yellow;
}
// Small desktop 900px
@media (min-width: $break-1) {
.master-container {
grid-template-columns: 80px 250px auto;
grid-template-rows: 1;
grid-template-areas:
"nav sidebar content";
height: 100vh;
}
.master-navbar {
grid-area: nav;
grid-row: 1;
grid-column: 1;
height: 100vh;
width: 80px;
}
.master-sidebar {
grid-area: sidebar;
grid-row: 1;
grid-column: 2;
height: 100vh;
width: 250px;
position: fixed;
top: 0;
left: 80px;
z-index: 1;
}
.master-content {
grid-area: content;
grid-row: 1;
grid-column: 3;
// height: 100vh;
}
}
// @media (min-width: 900px) {
// .master-container {
// grid-template-columns: 80px 350px auto;
// }
// }
*/

1
gui/app/styles/themes/blue.scss
View file

@ -28,6 +28,7 @@ $color-link: #348A37;
}
@import "../core/font.scss";
@import "../core/icon.scss";
@import "../core/mixins.scss";
@import "../core/base.scss";
@import "../core/bootstrap.scss";

1
gui/app/styles/themes/deep-orange.scss
View file

@ -28,6 +28,7 @@ $color-link: #FF8A65;
}
@import "../core/font.scss";
@import "../core/icon.scss";
@import "../core/mixins.scss";
@import "../core/base.scss";
@import "../core/bootstrap.scss";

1
gui/app/styles/themes/teal.scss
View file

@ -28,6 +28,7 @@ $color-link: #348A37;
}
@import "../core/font.scss";
@import "../core/icon.scss";
@import "../core/mixins.scss";
@import "../core/base.scss";
@import "../core/bootstrap.scss";

4
gui/app/templates/components/user-profile.hbs
View file

@ -20,10 +20,6 @@
<label for="confirmPassword">Confirm Password</label>
{{input id="confirmPassword" type="password" value=password.confirmation class=(if hasConfirmPasswordError 'form-control is-invalid' 'form-control')}}
</div>
<div class="form-group">
<label>Theme</label>
{{ui/theme-picker onChange=(action 'onThemeChange')}}
</div>
{{/if}}
<div class="btn btn-success my-5" {{action 'save'}}>Save</div>
</div>