mirror of
https://github.com/documize/community.git
synced 2025-07-19 13:19:43 +02:00
removed redundant UI code
This commit is contained in:
Harvey Kandola
parent
5edd08ee04
commit
cc1c216754
40 changed files with 81 additions and 949 deletions
|
|
@ -100,20 +100,18 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<img src="/assets/img/setup/logo.png" alt="Documize">
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<img src="/assets/img/setup/logo.png" alt="Documize">
|
||||
</div>
|
||||
<div class="content clearfix">
|
||||
<div class="image">
|
||||
<img style="-webkit-user-select: none;" src="/assets/img/setup/error.png" width="184" height="159" alt="Database error">
|
||||
</div>
|
||||
<div class="content clearfix">
|
||||
<div class="image">
|
||||
<img style="-webkit-user-select: none;" src="/assets/img/setup/error.png" width="184" height="159" alt="Database error">
|
||||
</div>
|
||||
<div class="text">
|
||||
<h1>Database Error</h1>
|
||||
<p>There seems to be a problem with the Documize database: <strong>{{.DBname}}</strong></p>
|
||||
<p><em>{{.Issue}}</em></p>
|
||||
</div>
|
||||
<div class="text">
|
||||
<h1>Database Error</h1>
|
||||
<p>There seems to be a problem with the Documize database: <strong>{{.DBname}}</strong></p>
|
||||
<p><em>{{.Issue}}</em></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,15 +0,0 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
import Component from '@ember/component';
|
||||
|
||||
export default Component.extend({
|
||||
});
|
||||
|
|
@ -12,12 +12,11 @@
|
|||
import Component from '@ember/component';
|
||||
import { schedule, debounce } from '@ember/runloop';
|
||||
import AuthProvider from '../../mixins/auth';
|
||||
import DropdownMixin from '../../mixins/dropdown';
|
||||
import ModalMixin from '../../mixins/modal';
|
||||
|
||||
export default Component.extend(AuthProvider, DropdownMixin, {
|
||||
export default Component.extend(AuthProvider, ModalMixin, {
|
||||
editUser: null,
|
||||
deleteUser: null,
|
||||
dropdown: null,
|
||||
password: {},
|
||||
filter: '',
|
||||
filteredUsers: [],
|
||||
|
|
@ -169,7 +168,7 @@ export default Component.extend(AuthProvider, DropdownMixin, {
|
|||
this.set('selectedUsers', []);
|
||||
this.set('hasSelectedUsers', false);
|
||||
|
||||
return true;
|
||||
this.modalClose('#admin-user-delete-modal');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -13,9 +13,8 @@ import { computed } from '@ember/object';
|
|||
import { notEmpty } from '@ember/object/computed';
|
||||
import { inject as service } from '@ember/service';
|
||||
import Component from '@ember/component';
|
||||
import DropdownMixin from '../../mixins/dropdown';
|
||||
|
||||
export default Component.extend(DropdownMixin, {
|
||||
export default Component.extend({
|
||||
documentService: service('document'),
|
||||
appMeta: service(),
|
||||
hasAttachments: notEmpty('files'),
|
||||
|
|
|
|||
|
|
@ -1,140 +0,0 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
import { computed } from '@ember/object';
|
||||
|
||||
import { inject as service } from '@ember/service';
|
||||
import Component from '@ember/component';
|
||||
import stringUtil from '../utils/string';
|
||||
|
||||
export default Component.extend({
|
||||
drop: null,
|
||||
target: null,
|
||||
button: "Delete",
|
||||
color: "flat-red",
|
||||
button2: "",
|
||||
color2: "2",
|
||||
open: "click",
|
||||
position: 'bottom right',
|
||||
showCancel: true,
|
||||
contentId: "",
|
||||
focusOn: null, // is there an input field we need to focus?
|
||||
selectOn: null, // is there an input field we need to select?
|
||||
onOpenCallback: null, // callback when opened
|
||||
onAction: null,
|
||||
onAction2: null,
|
||||
offset: "5px 0",
|
||||
targetOffset: "10px 0",
|
||||
constrainToWindow: true,
|
||||
constrainToScrollParent: true,
|
||||
cssClass: '',
|
||||
tether: service(),
|
||||
|
||||
hasSecondButton: computed('button2', 'color2', function () {
|
||||
return is.not.empty(this.get('button2')) && is.not.empty(this.get('color2'));
|
||||
}),
|
||||
|
||||
didReceiveAttrs() {
|
||||
this.set("contentId", 'dropdown-dialog-' + stringUtil.makeId(10));
|
||||
},
|
||||
|
||||
didInsertElement() {
|
||||
this._super(...arguments);
|
||||
// TODO: refactor to eliminate self
|
||||
let self = this;
|
||||
|
||||
if (is.null(self.get('target'))) {
|
||||
return;
|
||||
}
|
||||
|
||||
let drop = this.get('tether').createDrop({
|
||||
target: document.getElementById(self.get('target')),
|
||||
content: self.$(".dropdown-dialog")[0],
|
||||
classes: 'drop-theme-basic',
|
||||
position: self.get('position'),
|
||||
openOn: self.get('open'),
|
||||
constrainToWindow: true,
|
||||
constrainToScrollParent: false,
|
||||
tetherOptions: {
|
||||
offset: self.offset,
|
||||
targetOffset: self.targetOffset,
|
||||
// targetModifier: 'scroll-handle',
|
||||
constraints: [
|
||||
{
|
||||
to: 'scrollParent',
|
||||
attachment: 'together'
|
||||
}
|
||||
],
|
||||
},
|
||||
remove: true
|
||||
});
|
||||
|
||||
if (drop) {
|
||||
drop.on('open', function () {
|
||||
if (is.not.null(self.get("focusOn"))) {
|
||||
document.getElementById(self.get("focusOn")).focus();
|
||||
}
|
||||
|
||||
if (is.not.null(self.get("selectOn"))) {
|
||||
document.getElementById(self.get("selectOn")).select();
|
||||
}
|
||||
|
||||
if (is.not.null(self.get("onOpenCallback"))) {
|
||||
self.attrs.onOpenCallback(drop);
|
||||
}
|
||||
});
|
||||
|
||||
self.set('drop', drop);
|
||||
}
|
||||
},
|
||||
|
||||
willDestroyElement() {
|
||||
let drop = this.get('drop');
|
||||
if (drop) {
|
||||
drop.destroy();
|
||||
}
|
||||
},
|
||||
|
||||
actions: {
|
||||
onCancel() {
|
||||
let drop = this.get('drop');
|
||||
if (drop) {
|
||||
drop.close();
|
||||
}
|
||||
},
|
||||
|
||||
onAction() {
|
||||
if (this.get('onAction') === null) {
|
||||
return;
|
||||
}
|
||||
|
||||
let close = this.attrs.onAction();
|
||||
|
||||
let drop = this.get('drop');
|
||||
if (close && drop) {
|
||||
drop.close();
|
||||
}
|
||||
},
|
||||
|
||||
onAction2() {
|
||||
if (this.get('onAction2') === null) {
|
||||
return;
|
||||
}
|
||||
|
||||
let close = this.attrs.onAction2();
|
||||
|
||||
let drop = this.get('drop');
|
||||
if (close && drop) {
|
||||
drop.close();
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -1,73 +0,0 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
import { inject as service } from '@ember/service';
|
||||
|
||||
import Component from '@ember/component';
|
||||
import stringUtil from '../utils/string';
|
||||
|
||||
export default Component.extend({
|
||||
target: null,
|
||||
open: "click",
|
||||
position: 'bottom right',
|
||||
contentId: "",
|
||||
drop: null,
|
||||
onOpenCallback: null, // callback when opened
|
||||
onCloseCallback: null, // callback when closed
|
||||
tether: service(),
|
||||
|
||||
didReceiveAttrs() {
|
||||
this.set("contentId", 'dropdown-menu-' + stringUtil.makeId(10));
|
||||
},
|
||||
|
||||
didInsertElement() {
|
||||
this._super(...arguments);
|
||||
let self = this;
|
||||
|
||||
let drop = this.get('tether').createDrop({
|
||||
target: document.getElementById(self.get('target')),
|
||||
content: self.$(".dropdown-menu")[0],
|
||||
classes: 'drop-theme-menu',
|
||||
position: self.get('position'),
|
||||
openOn: self.get('open'),
|
||||
constrainToWindow: false,
|
||||
constrainToScrollParent: false,
|
||||
tetherOptions: {
|
||||
offset: "5px 0",
|
||||
targetOffset: "10px 0",
|
||||
targetModifier: 'scroll-handle',
|
||||
},
|
||||
remove: true
|
||||
});
|
||||
|
||||
if (drop) {
|
||||
drop.on('open', function () {
|
||||
if (is.not.null(self.get("onOpenCallback"))) {
|
||||
self.attrs.onOpenCallback(drop);
|
||||
}
|
||||
});
|
||||
drop.on('close', function () {
|
||||
if (is.not.null(self.get("onCloseCallback"))) {
|
||||
self.attrs.onCloseCallback();
|
||||
}
|
||||
});
|
||||
|
||||
self.set('drop', drop);
|
||||
}
|
||||
},
|
||||
|
||||
willDestroyElement() {
|
||||
let drop = this.get('drop');
|
||||
if (drop) {
|
||||
drop.destroy();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
import Component from '@ember/component';
|
||||
|
||||
export default Component.extend({
|
||||
});
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
import Component from '@ember/component';
|
||||
|
||||
import { inject as service } from '@ember/service';
|
||||
import NotifierMixin from '../../mixins/notifier';
|
||||
|
||||
export default Component.extend(NotifierMixin, {
|
||||
appMeta :service(),
|
||||
|
||||
didRender() {
|
||||
if (this.get('appMeta').invalidLicense()) {
|
||||
this.showNotification(`!! Expired or invalid license !!`);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
import Component from '@ember/component';
|
||||
|
||||
import { inject as service } from '@ember/service';
|
||||
import NotifierMixin from '../../mixins/notifier';
|
||||
|
||||
export default Component.extend(NotifierMixin, {
|
||||
appMeta :service(),
|
||||
|
||||
didRender() {
|
||||
if (this.get('appMeta').invalidLicense()) {
|
||||
this.showNotification(`!! Expired or invalid license !!`);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
import Component from '@ember/component';
|
||||
|
||||
export default Component.extend({
|
||||
});
|
||||
|
|
@ -1,52 +0,0 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
import Mixin from '@ember/object/mixin';
|
||||
|
||||
export default Mixin.create({
|
||||
closeDropdown() {
|
||||
let drop = this.get('dropdown');
|
||||
|
||||
if (is.not.null(drop) && is.not.null(drop.drop)) {
|
||||
drop.close();
|
||||
}
|
||||
},
|
||||
|
||||
destroyDropdown() {
|
||||
let drop = this.get('dropdown');
|
||||
|
||||
if (is.not.null(drop) && is.not.null(drop.drop)) {
|
||||
drop.destroy();
|
||||
}
|
||||
},
|
||||
|
||||
dropDefaults: {
|
||||
// position: "bottom right",
|
||||
openOn: "always",
|
||||
tetherOptions: {
|
||||
offset: "5px 0",
|
||||
targetOffset: "10px 0",
|
||||
// targetModifier: 'visible',
|
||||
// attachment: 'middle right',
|
||||
// targetAttachment: 'middle right',
|
||||
constraints: [
|
||||
{
|
||||
to: 'scrollParent',
|
||||
attachment: 'together'
|
||||
}
|
||||
],
|
||||
// optimizations: {
|
||||
// moveElement: false,
|
||||
// gpu: false
|
||||
// },
|
||||
},
|
||||
}
|
||||
});
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
{{layout/nav-bar}}
|
||||
{{toolbar/nav-bar}}
|
||||
|
||||
<div class="container">
|
||||
{{#toolbar/t-toolbar}}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
{{layout/nav-bar}}
|
||||
{{toolbar/nav-bar}}
|
||||
|
||||
<div class="container">
|
||||
{{toolbar/for-document document=model.document spaces=model.folders space=model.folder permissions=model.permissions showTools=false showDocumentLink=true}}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
{{layout/nav-bar}}
|
||||
{{toolbar/nav-bar}}
|
||||
|
||||
<div class="container">
|
||||
{{toolbar/for-document document=model.document spaces=model.folders space=model.folder permissions=model.permissions onDocumentDelete=(action 'onDocumentDelete') onSaveTemplate=(action 'onSaveTemplate')}}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
{{layout/nav-bar}}
|
||||
{{toolbar/nav-bar}}
|
||||
|
||||
<div class="container">
|
||||
{{toolbar/for-document document=model.document spaces=model.folders space=model.folder permissions=model.permissions showTools=false showDocumentLink=true}}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
{{layout/nav-bar}}
|
||||
{{toolbar/nav-bar}}
|
||||
|
||||
<div class="container">
|
||||
{{#toolbar/t-toolbar}}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
{{layout/nav-bar}}
|
||||
{{toolbar/nav-bar}}
|
||||
|
||||
<div class="container">
|
||||
{{toolbar/for-space
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
{{layout/nav-bar}}
|
||||
{{toolbar/nav-bar}}
|
||||
|
||||
<div class="container">
|
||||
{{toolbar/for-spaces spaces=model onAddSpace=(action 'onAddSpace')}}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
{{layout/nav-bar}}
|
||||
{{toolbar/nav-bar}}
|
||||
|
||||
<div class="container">
|
||||
{{#toolbar/t-toolbar}}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
{{layout/nav-bar}}
|
||||
{{toolbar/nav-bar}}
|
||||
|
||||
<div class="container">
|
||||
{{#toolbar/t-toolbar}}
|
||||
|
|
|
|||
|
|
@ -15,7 +15,6 @@
|
|||
@import "bootstrap.scss";
|
||||
|
||||
|
||||
@import "view/layout.scss"; // junk?
|
||||
@import "view/document/all.scss";
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -43,18 +43,7 @@
|
|||
}
|
||||
|
||||
.non-printable,
|
||||
.dropdown-dialog,
|
||||
.dropdown-menu,
|
||||
.zone-navigation,
|
||||
#sidebar-wrapper,
|
||||
.sidebar-wrapper,
|
||||
.sidebar-common,
|
||||
.sidebar-panel,
|
||||
.edit-document-heading,
|
||||
.back-to-space,
|
||||
.start-section,
|
||||
.start-button,
|
||||
.is-a-tab,
|
||||
.document-toolbar,
|
||||
.document-space,
|
||||
.document-category,
|
||||
|
|
|
|||
|
|
@ -25,8 +25,3 @@
|
|||
color: $color-stroke;
|
||||
}
|
||||
}
|
||||
|
||||
.back-to-space {
|
||||
margin: 0 0 10px 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,3 +5,44 @@
|
|||
@import "view-activity.scss";
|
||||
@import "view-revision.scss";
|
||||
@import "wysiwyg.scss";
|
||||
|
||||
|
||||
|
||||
.document-sidebar-toolbar {
|
||||
margin: 10px 0 0 0;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
// background-color: $color-sidebar-toolbar;
|
||||
|
||||
> .round-button-mono {
|
||||
background-color: $color-white;
|
||||
border-color: $color-sidebar-border;
|
||||
|
||||
> .material-icons {
|
||||
color: $color-gray;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> .material-icons {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-primary;
|
||||
border-color: $color-primary;
|
||||
|
||||
> .material-icons {
|
||||
color: $color-off-white;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> .material-icons {
|
||||
color: $color-white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,153 +0,0 @@
|
|||
|
||||
// pre-nov17 UX
|
||||
$sidebar-width: 400px;
|
||||
|
||||
#wrapper {
|
||||
padding-left: 0;
|
||||
margin-right: 60px;
|
||||
-webkit-transition: all 0.5s ease;
|
||||
-moz-transition: all 0.5s ease;
|
||||
-o-transition: all 0.5s ease;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
#sidebar-wrapper {
|
||||
z-index: 888;
|
||||
position: fixed;
|
||||
overflow-x: hidden;
|
||||
left: $sidebar-width;
|
||||
top: 0;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
margin-left: -$sidebar-width;
|
||||
overflow-y: auto;
|
||||
-webkit-transition: all 0.5s ease;
|
||||
-moz-transition: all 0.5s ease;
|
||||
-o-transition: all 0.5s ease;
|
||||
transition: all 0.5s ease;
|
||||
background-color: $color-sidebar;
|
||||
border-right: 1px solid $color-sidebar-border;
|
||||
}
|
||||
|
||||
.page-container {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-left: 30px;
|
||||
padding-right: 0;
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
#page-content-wrapper {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
// position: absolute;
|
||||
padding: 30px 0 30px 30px;
|
||||
margin: 0 auto;
|
||||
margin-top: 30px;
|
||||
|
||||
.page-content-title {
|
||||
font-size: 2rem;
|
||||
margin: 30px 0 10px;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.sidebar-common {
|
||||
display: inline-block;
|
||||
width: 340px;
|
||||
padding: 40px 20px 0px 20px;
|
||||
margin-left: 20px;
|
||||
|
||||
.zone-sidebar-page-title {
|
||||
color: $color-primary;
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.zone-sidebar-page-info {
|
||||
color: $color-black;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
color: $color-sidebar-text !important;
|
||||
|
||||
a, a:visited {
|
||||
&:hover {
|
||||
color: $color-sidebar-link !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-wrapper {
|
||||
padding: 40px 20px 40px 20px;
|
||||
margin: 0 20px;
|
||||
|
||||
.sidebar-panel {
|
||||
width: 300px;
|
||||
|
||||
> .title {
|
||||
color: $color-primary;
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 30px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.document-sidebar-form-wrapper {
|
||||
padding: 20px;
|
||||
border: 1px solid $color-stroke;
|
||||
background-color: $color-white;
|
||||
@include border-radius(3px);
|
||||
}
|
||||
}
|
||||
|
||||
color: $color-sidebar-text !important;
|
||||
|
||||
a, a:visited {
|
||||
&:hover {
|
||||
color: $color-sidebar-link !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.document-sidebar-toolbar {
|
||||
margin: 10px 0 0 0;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
// background-color: $color-sidebar-toolbar;
|
||||
|
||||
> .round-button-mono {
|
||||
background-color: $color-white;
|
||||
border-color: $color-sidebar-border;
|
||||
|
||||
> .material-icons {
|
||||
color: $color-gray;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> .material-icons {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-primary;
|
||||
border-color: $color-primary;
|
||||
|
||||
> .material-icons {
|
||||
color: $color-off-white;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> .material-icons {
|
||||
color: $color-white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,138 +0,0 @@
|
|||
// https://github.com/HubSpot/drop
|
||||
|
||||
.drop-element {
|
||||
box-sizing: border-box;
|
||||
display: none;
|
||||
z-index: 999;
|
||||
|
||||
&:after, &:before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
|
||||
&:after, &:before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
&.drop-open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&.drop-theme-basic {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
|
||||
.drop-content {
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
||||
font-family: inherit;
|
||||
background: $color-white;
|
||||
color: $color-off-black;
|
||||
padding: 1.5em 2.5em;
|
||||
line-height: 1.5em;
|
||||
|
||||
> .dropdown-dialog {
|
||||
@extend .clearfix;
|
||||
|
||||
.content {
|
||||
> p {
|
||||
margin: 7px 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
> .heading {
|
||||
line-height: 3rem;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.actions {
|
||||
margin-top: 15px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.drop-theme-menu {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
|
||||
.drop-content {
|
||||
border-radius: 2px;
|
||||
padding: 10px 0 7px 0;
|
||||
min-width: 125px;
|
||||
@extend .z-depth-1;
|
||||
background: $color-white;
|
||||
color: $color-off-black;
|
||||
|
||||
.dropdown-menu {
|
||||
> ul.menu
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> li.item {
|
||||
font-size: 0.9em;
|
||||
padding: 7px 14px 7px 14px;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
// font-weight: bold;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
text-decoration: none;
|
||||
color: $color-off-black;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
// font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
> li.danger {
|
||||
color: $color-red;
|
||||
|
||||
&:hover {
|
||||
color: $color-red;
|
||||
// font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
> li.divider {
|
||||
height: 1px;
|
||||
border-top: 1px solid $color-border;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
> li.disabled {
|
||||
color: $color-stroke !important;
|
||||
font-weight: normal !important;
|
||||
cursor: not-allowed !important;
|
||||
|
||||
a, a:visited {
|
||||
color: $color-stroke !important;
|
||||
|
||||
&:hover {
|
||||
color: $color-stroke !important;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,201 +0,0 @@
|
|||
// https://github.com/HubSpot/tooltip
|
||||
|
||||
.tooltip-element {
|
||||
z-index: 999;
|
||||
box-sizing: border-box;
|
||||
|
||||
&:after,
|
||||
&:before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
|
||||
&:after,
|
||||
&:before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
position: absolute;
|
||||
display: none;
|
||||
|
||||
&.tooltip-open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&.tooltip-theme-arrows {
|
||||
z-index: 999;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
|
||||
.tooltip-content {
|
||||
border-radius: 2px;
|
||||
position: relative;
|
||||
font-family: inherit;
|
||||
background: $color-tooltip;
|
||||
color: $color-white;
|
||||
padding: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.1em;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-width: 8px;
|
||||
border-style: solid;
|
||||
}
|
||||
}
|
||||
|
||||
&.tooltip-element-attached-bottom.tooltip-element-attached-center .tooltip-content {
|
||||
margin-bottom: 8px;
|
||||
|
||||
&:before {
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
border-top-color: $color-tooltip;
|
||||
}
|
||||
}
|
||||
|
||||
&.tooltip-element-attached-top.tooltip-element-attached-center .tooltip-content {
|
||||
margin-top: 8px;
|
||||
|
||||
&:before {
|
||||
bottom: 100%;
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
border-bottom-color: $color-tooltip;
|
||||
}
|
||||
}
|
||||
|
||||
&.tooltip-element-attached-right.tooltip-element-attached-middle .tooltip-content {
|
||||
margin-right: 8px;
|
||||
|
||||
&:before {
|
||||
left: 100%;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
border-left-color: $color-tooltip;
|
||||
}
|
||||
}
|
||||
|
||||
&.tooltip-element-attached-left.tooltip-element-attached-middle .tooltip-content {
|
||||
margin-left: 8px;
|
||||
|
||||
&:before {
|
||||
right: 100%;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
border-right-color: $color-tooltip;
|
||||
}
|
||||
}
|
||||
|
||||
&.tooltip-element-attached-top {
|
||||
&.tooltip-element-attached-left.tooltip-target-attached-bottom .tooltip-content {
|
||||
margin-top: 8px;
|
||||
|
||||
&:before {
|
||||
bottom: 100%;
|
||||
left: 8px;
|
||||
border-bottom-color: $color-tooltip;
|
||||
}
|
||||
}
|
||||
|
||||
&.tooltip-element-attached-right.tooltip-target-attached-bottom .tooltip-content {
|
||||
margin-top: 8px;
|
||||
|
||||
&:before {
|
||||
bottom: 100%;
|
||||
right: 8px;
|
||||
border-bottom-color: $color-tooltip;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.tooltip-element-attached-bottom {
|
||||
&.tooltip-element-attached-left.tooltip-target-attached-top .tooltip-content {
|
||||
margin-bottom: 8px;
|
||||
|
||||
&:before {
|
||||
top: 100%;
|
||||
left: 8px;
|
||||
border-top-color: $color-tooltip;
|
||||
}
|
||||
}
|
||||
|
||||
&.tooltip-element-attached-right.tooltip-target-attached-top .tooltip-content {
|
||||
margin-bottom: 8px;
|
||||
|
||||
&:before {
|
||||
top: 100%;
|
||||
right: 8px;
|
||||
border-top-color: $color-tooltip;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.tooltip-element-attached-top {
|
||||
&.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content {
|
||||
margin-right: 8px;
|
||||
|
||||
&:before {
|
||||
top: 8px;
|
||||
left: 100%;
|
||||
border-left-color: $color-tooltip;
|
||||
}
|
||||
}
|
||||
|
||||
&.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content {
|
||||
margin-left: 8px;
|
||||
|
||||
&:before {
|
||||
top: 8px;
|
||||
right: 100%;
|
||||
border-right-color: $color-tooltip;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.tooltip-element-attached-bottom {
|
||||
&.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content {
|
||||
margin-right: 8px;
|
||||
|
||||
&:before {
|
||||
bottom: 8px;
|
||||
left: 100%;
|
||||
border-left-color: $color-tooltip;
|
||||
}
|
||||
}
|
||||
|
||||
&.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content {
|
||||
margin-left: 8px;
|
||||
|
||||
&:before {
|
||||
bottom: 8px;
|
||||
right: 100%;
|
||||
border-right-color: $color-tooltip;
|
||||
}
|
||||
}
|
||||
}
|
||||
pointer-events: none;
|
||||
|
||||
.tooltip-content {
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
}
|
||||
opacity: 0;
|
||||
|
||||
&.tooltip-open-transitionend {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&.tooltip-after-open {
|
||||
transition: opacity 600ms 400ms;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -66,7 +66,6 @@
|
|||
@import "widget-card";
|
||||
@import "widget-checkbox";
|
||||
@import "widget-chip";
|
||||
@import "widget-dropdown";
|
||||
@import "widget-input";
|
||||
@import "widget-list-picker";
|
||||
@import "widget-notification";
|
||||
|
|
@ -77,4 +76,3 @@
|
|||
@import "widget-tab";
|
||||
@import "widget-table";
|
||||
@import "widget-tabnav";
|
||||
@import "widget-tooltip";
|
||||
|
|
|
|||
|
|
@ -1,5 +0,0 @@
|
|||
{{#link-to 'folder' folder.id folder.slug}}
|
||||
<div class="zone-sidebar-title">
|
||||
<i class="material-icons">arrow_back</i> {{folder.name}}
|
||||
</div>
|
||||
{{/link-to}}
|
||||
|
|
@ -10,10 +10,22 @@
|
|||
<th class="no-width">Active</th>
|
||||
<th class="no-width">
|
||||
{{#if hasSelectedUsers}}
|
||||
<button id="bulk-delete-users" type="button" class="btn btn-danger btn-sm">Delete</button>
|
||||
{{#dropdown-dialog target="bulk-delete-users" position="bottom right" button="Delete" color="flat-red" onAction=(action 'onBulkDelete')}}
|
||||
<p>Are you sure you want to delete selected users?</p>
|
||||
{{/dropdown-dialog}}
|
||||
<button id="bulk-delete-users" type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#admin-user-delete-modal" data-backdrop="static">Delete</button>
|
||||
|
||||
<div id="admin-user-delete-modal" class="modal" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">Delete Users</div>
|
||||
<div class="modal-body">
|
||||
<p>Are you sure you want to delete selected users?</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
|
||||
<button type="button" class="btn btn-success" onclick={{action 'onBulkDelete'}}>Delete</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
</th>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -81,9 +81,6 @@
|
|||
<div class='title'>{{block.title}}</div>
|
||||
<div class='desc'>{{block.excerpt}}</div>
|
||||
</div>
|
||||
{{#dropdown-dialog target=block.deleteId position="bottom left" button="Delete" color="flat-red" onAction=(action 'onDeleteBlock' block.id)}}
|
||||
<p>Are you sure you want to delete block<br/><span class="font-weight-bold">{{block.title}}?</span></p>
|
||||
{{/dropdown-dialog}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -1,17 +0,0 @@
|
|||
<div id="{{contentId}}" class="dropdown-dialog {{cssClass}}">
|
||||
<form class="form" {{action 'onAction' on="submit"}}>
|
||||
<div class="content">
|
||||
{{yield}}
|
||||
</div>
|
||||
<div class="actions">
|
||||
{{#if showCancel}}
|
||||
<div class="flat-button" {{action 'onCancel'}}>cancel</div>
|
||||
{{/if}}
|
||||
{{#if hasSecondButton}}
|
||||
<div class="flat-button {{color2}}" {{action 'onAction2'}}>{{button2}}</div>
|
||||
{{/if}}
|
||||
<div class="flat-button {{color}} dropdown-dialog-action-button" {{action 'onAction'}}>{{button}}</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</form>
|
||||
</div>
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
<div id="{{contentId}}" class="dropdown-menu non-printable">
|
||||
{{yield}}
|
||||
</div>
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
<div class="zone-sidebar-page-title">
|
||||
{{title}}
|
||||
{{yield}}
|
||||
</div>
|
||||
<div class="zone-sidebar-page-info">
|
||||
{{message}}
|
||||
</div>
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
<div id="wrapper">
|
||||
{{yield}}
|
||||
</div>
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
<div class="page-container">
|
||||
<div id="page-content-wrapper">
|
||||
{{yield}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
<div id="zone-document-content" class="zone-document-content col-lg-9 col-md-9 col-sm-9">
|
||||
{{yield}}
|
||||
</div>
|
||||
|
|
@ -1 +0,0 @@
|
|||
{{yield}}
|
||||
Loading…
Add table
Add a link
Reference in a new issue