1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-21 14:19:43 +02:00
This commit is contained in:
Harvey Kandola 2018-05-23 12:37:21 +01:00
parent 31580d883c
commit 09d698fd2a
12 changed files with 5474 additions and 44 deletions

View file

@ -14,5 +14,18 @@ import Component from '@ember/component';
export default Component.extend({ export default Component.extend({
classNames: ['layout-sidebar'], classNames: ['layout-sidebar'],
tagName: 'nav' tagName: 'nav',
didInsertElement() {
this._super(...arguments);
// let sb = this.$().overlayScrollbars({ scrollbars: { autoHide: 'leave' }});
// this.set('scrollbars', sb);
},
willDestroyElement() {
this._super(...arguments);
// let sb = this.get('scrollbars');
// sb.destroy();
}
}); });

View file

@ -1,36 +1,37 @@
{{toolbar/nav-bar}} {{#layout/top-bar}}
{{/layout/top-bar}}
{{#toolbar/t-toolbar}} {{#layout/middle-zone}}
{{#toolbar/t-links}} {{#layout/middle-zone-content}}
{{/toolbar/t-links}} {{outlet}}
{{#toolbar/t-actions}} {{/layout/middle-zone-content}}
{{/toolbar/t-actions}}
{{/toolbar/t-toolbar}}
<div class="container"> {{#layout/middle-zone-sidebar}}
<div class="row"> <div id="sidebar" class="sidebar">
<div class="col my-5 text-center"> <h1>Settings</h1>
<ul class="tabnav-control"> <p>Configure authentication, SMTP, licensing and manage user accounts</p>
{{#link-to 'customize.general' activeClass='selected' class="tab" tagName="li" }}General{{/link-to}} <ul class="tabnav-control tabnav-control-centered w-75">
{{#link-to 'customize.folders' activeClass='selected' class="tab" tagName="li" }}Spaces{{/link-to}} {{#link-to 'customize.general' activeClass='selected' class="tab tab-vertical" tagName="li" }}General{{/link-to}}
{{#link-to 'customize.groups' activeClass='selected' class="tab" tagName="li" }}Groups{{/link-to}} {{#link-to 'customize.folders' activeClass='selected' class="tab tab-vertical" tagName="li" }}Spaces{{/link-to}}
{{#link-to 'customize.users' activeClass='selected' class="tab" tagName="li" }}Users{{/link-to}} {{#link-to 'customize.groups' activeClass='selected' class="tab tab-vertical" tagName="li" }}Groups{{/link-to}}
{{#link-to 'customize.users' activeClass='selected' class="tab tab-vertical" tagName="li" }}Users{{/link-to}}
{{#if session.isGlobalAdmin}} {{#if session.isGlobalAdmin}}
{{#link-to 'customize.smtp' activeClass='selected' class="tab" tagName="li" }}SMTP{{/link-to}} {{#link-to 'customize.smtp' activeClass='selected' class="tab tab-vertical" tagName="li" }}SMTP{{/link-to}}
{{#link-to 'customize.license' activeClass='selected' class="tab" tagName="li" }}License{{/link-to}} {{#link-to 'customize.auth' activeClass='selected' class="tab tab-vertical" tagName="li" }}Authentication{{/link-to}}
{{#link-to 'customize.auth' activeClass='selected' class="tab" tagName="li" }}Authentication{{/link-to}} {{#link-to 'customize.search' activeClass='selected' class="tab tab-vertical" tagName="li" }}Search{{/link-to}}
{{#link-to 'customize.search' activeClass='selected' class="tab" tagName="li" }}Search{{/link-to}}
{{#if (eq appMeta.edition 'Enterprise')}} {{#if (eq appMeta.edition 'Enterprise')}}
{{#link-to 'customize.audit' activeClass='selected' class="tab" tagName="li" }}Audit{{/link-to}} {{#link-to 'customize.audit' activeClass='selected' class="tab tab-vertical" tagName="li" }}Audit{{/link-to}}
{{/if}} {{/if}}
{{/if}} {{/if}}
{{#if (eq appMeta.edition 'Enterprise')}} {{#if (eq appMeta.edition 'Enterprise')}}
{{#link-to 'customize.archive' activeClass='selected' class="tab" tagName="li" }}Archive{{/link-to}} {{#link-to 'customize.archive' activeClass='selected' class="tab tab-vertical" tagName="li" }}Archive{{/link-to}}
{{/if}} {{/if}}
{{#link-to 'customize.license' activeClass='selected' class="tab tab-vertical" tagName="li" }}Product{{/link-to}}
</ul> </ul>
</div> </div>
</div> {{/layout/middle-zone-sidebar}}
<div class="mt-4 margin-bottom-100"> {{/layout/middle-zone}}
{{outlet}}
</div> {{#layout/bottom-bar}}
</div> {{/layout/bottom-bar}}

View file

@ -1,12 +1,18 @@
{{toolbar/nav-bar}} {{#layout/top-bar}}
{{/layout/top-bar}}
{{#toolbar/t-toolbar}} {{#layout/middle-zone}}
{{#toolbar/t-links}} {{#layout/middle-zone-content}}
{{/toolbar/t-links}}
{{#toolbar/t-actions}}
{{/toolbar/t-actions}}
{{/toolbar/t-toolbar}}
<div class="container">
{{user-profile model=model save=(action 'save')}} {{user-profile model=model save=(action 'save')}}
</div> {{/layout/middle-zone-content}}
{{#layout/middle-zone-sidebar}}
<div id="sidebar" class="sidebar sidebar-center">
<h1>{{session.user.fullname}}</h1>
<div class="avatar-large my-3">{{session.user.initials}}</div>
</div>
{{/layout/middle-zone-sidebar}}
{{/layout/middle-zone}}
{{#layout/bottom-bar}}
{{/layout/bottom-bar}}

View file

@ -22,9 +22,9 @@ html {
body { body {
display: flex; display: flex;
flex-direction: column;
height: 100%; height: 100%;
// height: 100vh; // height: 100vh;
flex-direction: column;
} }
a { a {
@ -127,6 +127,20 @@ input:-webkit-autofill {
white-space: nowrap; white-space: nowrap;
} }
::-webkit-scrollbar {
width: 7px;
}
::-webkit-scrollbar-track {
background: $color-off-white;
}
::-webkit-scrollbar-thumb {
background: $color-gray-light;
&:hover {
background: $color-gray;
}
}
$i: 150; $i: 150;
@while $i > 0 { @while $i > 0 {
.margin-#{$i} { .margin-#{$i} {

View file

@ -32,16 +32,21 @@ footer {
} }
.layout-content { .layout-content {
flex: 1; // Content area cannot exceed 1200px
// but can shrink as required
// (was flex: 1;).
flex: 0 1 1000px;
// flex: 1;
padding: 0 2rem; padding: 0 2rem;
margin: 0; margin: 0;
} }
.layout-sidebar { .layout-sidebar {
flex: 0 0 20rem; flex: 0 0 20rem;
height: calc(100vh - 145px); // height: calc(100vh - 145px);
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll; overflow-y: auto;
} }
} }

View file

@ -5,3 +5,7 @@
.sidebar-white { .sidebar-white {
background-color: $color-white; background-color: $color-white;
} }
.sidebar-center {
text-align: center;
}

View file

@ -30,6 +30,18 @@
border-bottom-right-radius: $radius; border-bottom-right-radius: $radius;
} }
@mixin border-radius-top($radius)
{
border-top-left-radius: $radius;
border-top-right-radius: $radius;
}
@mixin border-radius-bottom($radius)
{
border-bottom-left-radius: $radius;
border-bottom-right-radius: $radius;
}
@mixin ease-in() @mixin ease-in()
{ {
-webkit-transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out;

File diff suppressed because one or more lines are too long

View file

@ -33,7 +33,24 @@
} }
} }
> .tab-vertical {
display: block;
margin-left: 0;
&:first-of-type {
@include border-radius-top(3px);
}
&:last-of-type {
@include border-radius-bottom(3px);
}
}
> .selected { > .selected {
background-color: $color-primary-light; background-color: $color-primary-light;
} }
} }
.tabnav-control-centered {
margin: 0 auto !important;
}

View file

@ -1,6 +1,4 @@
<div class="view-profile my-5"> <div class="view-profile">
<div class="avatar-large">{{session.user.initials}}</div>
<div class="form-group"> <div class="form-group">
<label for="firstname">Firstname</label> <label for="firstname">Firstname</label>
{{focus-input id="firstname" type="text" value=model.firstname class=(if hasFirstnameError 'form-control is-invalid' 'form-control')}} {{focus-input id="firstname" type="text" value=model.firstname class=(if hasFirstnameError 'form-control is-invalid' 'form-control')}}

View file

@ -52,6 +52,7 @@ module.exports = function (defaults) {
app.import('vendor/md5.js'); app.import('vendor/md5.js');
app.import('vendor/moment.js'); app.import('vendor/moment.js');
app.import('vendor/mousetrap.js'); app.import('vendor/mousetrap.js');
app.import('vendor/overlay-scrollbars.js');
app.import('vendor/prism.js'); app.import('vendor/prism.js');
app.import('vendor/slug.js'); app.import('vendor/slug.js');
app.import('vendor/sortable.js'); app.import('vendor/sortable.js');

4828
gui/vendor/overlay-scrollbars.js vendored Normal file

File diff suppressed because it is too large Load diff