mirror of
https://github.com/documize/community.git
synced 2025-07-21 22:29:41 +02:00
WIP
This commit is contained in:
parent
31580d883c
commit
09d698fd2a
12 changed files with 5474 additions and 44 deletions
|
@ -14,5 +14,18 @@ import Component from '@ember/component';
|
|||
|
||||
export default Component.extend({
|
||||
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();
|
||||
}
|
||||
});
|
||||
|
|
|
@ -1,36 +1,37 @@
|
|||
{{toolbar/nav-bar}}
|
||||
{{#layout/top-bar}}
|
||||
{{/layout/top-bar}}
|
||||
|
||||
{{#toolbar/t-toolbar}}
|
||||
{{#toolbar/t-links}}
|
||||
{{/toolbar/t-links}}
|
||||
{{#toolbar/t-actions}}
|
||||
{{/toolbar/t-actions}}
|
||||
{{/toolbar/t-toolbar}}
|
||||
{{#layout/middle-zone}}
|
||||
{{#layout/middle-zone-content}}
|
||||
{{outlet}}
|
||||
{{/layout/middle-zone-content}}
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col my-5 text-center">
|
||||
<ul class="tabnav-control">
|
||||
{{#link-to 'customize.general' activeClass='selected' class="tab" tagName="li" }}General{{/link-to}}
|
||||
{{#link-to 'customize.folders' activeClass='selected' class="tab" tagName="li" }}Spaces{{/link-to}}
|
||||
{{#link-to 'customize.groups' activeClass='selected' class="tab" tagName="li" }}Groups{{/link-to}}
|
||||
{{#link-to 'customize.users' activeClass='selected' class="tab" tagName="li" }}Users{{/link-to}}
|
||||
{{#layout/middle-zone-sidebar}}
|
||||
<div id="sidebar" class="sidebar">
|
||||
<h1>Settings</h1>
|
||||
<p>Configure authentication, SMTP, licensing and manage user accounts</p>
|
||||
<ul class="tabnav-control tabnav-control-centered w-75">
|
||||
{{#link-to 'customize.general' activeClass='selected' class="tab tab-vertical" tagName="li" }}General{{/link-to}}
|
||||
{{#link-to 'customize.folders' activeClass='selected' class="tab tab-vertical" tagName="li" }}Spaces{{/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}}
|
||||
{{#link-to 'customize.smtp' activeClass='selected' class="tab" 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" tagName="li" }}Authentication{{/link-to}}
|
||||
{{#link-to 'customize.search' activeClass='selected' class="tab" tagName="li" }}Search{{/link-to}}
|
||||
{{#link-to 'customize.smtp' activeClass='selected' class="tab tab-vertical" tagName="li" }}SMTP{{/link-to}}
|
||||
{{#link-to 'customize.auth' activeClass='selected' class="tab tab-vertical" tagName="li" }}Authentication{{/link-to}}
|
||||
{{#link-to 'customize.search' activeClass='selected' class="tab tab-vertical" tagName="li" }}Search{{/link-to}}
|
||||
{{#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 (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}}
|
||||
{{#link-to 'customize.license' activeClass='selected' class="tab tab-vertical" tagName="li" }}Product{{/link-to}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4 margin-bottom-100">
|
||||
{{outlet}}
|
||||
</div>
|
||||
</div>
|
||||
{{/layout/middle-zone-sidebar}}
|
||||
{{/layout/middle-zone}}
|
||||
|
||||
{{#layout/bottom-bar}}
|
||||
{{/layout/bottom-bar}}
|
||||
|
||||
|
|
|
@ -1,12 +1,18 @@
|
|||
{{toolbar/nav-bar}}
|
||||
{{#layout/top-bar}}
|
||||
{{/layout/top-bar}}
|
||||
|
||||
{{#toolbar/t-toolbar}}
|
||||
{{#toolbar/t-links}}
|
||||
{{/toolbar/t-links}}
|
||||
{{#toolbar/t-actions}}
|
||||
{{/toolbar/t-actions}}
|
||||
{{/toolbar/t-toolbar}}
|
||||
{{#layout/middle-zone}}
|
||||
{{#layout/middle-zone-content}}
|
||||
{{user-profile model=model save=(action 'save')}}
|
||||
{{/layout/middle-zone-content}}
|
||||
|
||||
<div class="container">
|
||||
{{user-profile model=model save=(action 'save')}}
|
||||
</div>
|
||||
{{#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}}
|
||||
|
|
|
@ -22,9 +22,9 @@ html {
|
|||
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
// height: 100vh;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
a {
|
||||
|
@ -127,6 +127,20 @@ input:-webkit-autofill {
|
|||
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;
|
||||
@while $i > 0 {
|
||||
.margin-#{$i} {
|
||||
|
|
|
@ -32,16 +32,21 @@ footer {
|
|||
}
|
||||
|
||||
.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;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.layout-sidebar {
|
||||
flex: 0 0 20rem;
|
||||
height: calc(100vh - 145px);
|
||||
// height: calc(100vh - 145px);
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -5,3 +5,7 @@
|
|||
.sidebar-white {
|
||||
background-color: $color-white;
|
||||
}
|
||||
|
||||
.sidebar-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
|
@ -30,6 +30,18 @@
|
|||
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()
|
||||
{
|
||||
-webkit-transition: all 0.30s ease-in-out;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -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 {
|
||||
background-color: $color-primary-light;
|
||||
}
|
||||
}
|
||||
|
||||
.tabnav-control-centered {
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
|
|
|
@ -1,6 +1,4 @@
|
|||
<div class="view-profile my-5">
|
||||
<div class="avatar-large">{{session.user.initials}}</div>
|
||||
|
||||
<div class="view-profile">
|
||||
<div class="form-group">
|
||||
<label for="firstname">Firstname</label>
|
||||
{{focus-input id="firstname" type="text" value=model.firstname class=(if hasFirstnameError 'form-control is-invalid' 'form-control')}}
|
||||
|
|
|
@ -52,6 +52,7 @@ module.exports = function (defaults) {
|
|||
app.import('vendor/md5.js');
|
||||
app.import('vendor/moment.js');
|
||||
app.import('vendor/mousetrap.js');
|
||||
app.import('vendor/overlay-scrollbars.js');
|
||||
app.import('vendor/prism.js');
|
||||
app.import('vendor/slug.js');
|
||||
app.import('vendor/sortable.js');
|
||||
|
|
4828
gui/vendor/overlay-scrollbars.js
vendored
Normal file
4828
gui/vendor/overlay-scrollbars.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Add table
Add a link
Reference in a new issue