mirror of
https://github.com/documize/community.git
synced 2025-07-25 16:19:46 +02:00
initial commit WIP
This commit is contained in:
parent
822dba64f9
commit
b7392b52d2
26 changed files with 281 additions and 332 deletions
|
@ -51,7 +51,7 @@ export default Ember.Component.extend(TooltipMixin, NotifierMixin, {
|
||||||
if (windowpos >= 300) {
|
if (windowpos >= 300) {
|
||||||
this.set('showScrollTool', true);
|
this.set('showScrollTool', true);
|
||||||
s.addClass("stuck-tool");
|
s.addClass("stuck-tool");
|
||||||
s.css('left', parseInt($(".zone-sidebar").css('width')) - 18 + 'px');
|
s.css('left', parseInt($(".zone-navigation").css('width')) + parseInt($(".zone-sidebar").css('width')) - 18 + 'px');
|
||||||
} else {
|
} else {
|
||||||
this.set('showScrollTool', false);
|
this.set('showScrollTool', false);
|
||||||
s.removeClass("stuck-tool");
|
s.removeClass("stuck-tool");
|
||||||
|
|
|
@ -14,9 +14,14 @@ import constants from '../../utils/constants';
|
||||||
import TooltipMixin from '../../mixins/tooltip';
|
import TooltipMixin from '../../mixins/tooltip';
|
||||||
import NotifierMixin from '../../mixins/notifier';
|
import NotifierMixin from '../../mixins/notifier';
|
||||||
|
|
||||||
|
const {
|
||||||
|
inject: { service }
|
||||||
|
} = Ember;
|
||||||
|
|
||||||
export default Ember.Component.extend(TooltipMixin, NotifierMixin, {
|
export default Ember.Component.extend(TooltipMixin, NotifierMixin, {
|
||||||
folderService: Ember.inject.service('folder'),
|
folderService: Ember.inject.service('folder'),
|
||||||
templateService: Ember.inject.service('template'),
|
templateService: Ember.inject.service('template'),
|
||||||
|
appMeta: service(),
|
||||||
publicFolders: [],
|
publicFolders: [],
|
||||||
protectedFolders: [],
|
protectedFolders: [],
|
||||||
privateFolders: [],
|
privateFolders: [],
|
||||||
|
@ -108,7 +113,7 @@ export default Ember.Component.extend(TooltipMixin, NotifierMixin, {
|
||||||
if (windowpos >= 300) {
|
if (windowpos >= 300) {
|
||||||
this.set('showScrollTool', true);
|
this.set('showScrollTool', true);
|
||||||
s.addClass("stuck-space-tool");
|
s.addClass("stuck-space-tool");
|
||||||
s.css('left', parseInt($(".zone-sidebar").css('width')) - 18 + 'px');
|
s.css('left', parseInt($(".zone-navigation").css('width')) + parseInt($(".zone-sidebar").css('width')) - 17 + 'px');
|
||||||
} else {
|
} else {
|
||||||
this.set('showScrollTool', false);
|
this.set('showScrollTool', false);
|
||||||
s.removeClass("stuck-space-tool");
|
s.removeClass("stuck-space-tool");
|
||||||
|
@ -123,7 +128,7 @@ export default Ember.Component.extend(TooltipMixin, NotifierMixin, {
|
||||||
onImport() {
|
onImport() {
|
||||||
this.attrs.onImport();
|
this.attrs.onImport();
|
||||||
},
|
},
|
||||||
|
|
||||||
scrollTop() {
|
scrollTop() {
|
||||||
this.set('showScrollTool', false);
|
this.set('showScrollTool', false);
|
||||||
|
|
||||||
|
|
|
@ -21,10 +21,15 @@ export default Ember.Component.extend({
|
||||||
folder: null,
|
folder: null,
|
||||||
appMeta: service(),
|
appMeta: service(),
|
||||||
session: service(),
|
session: service(),
|
||||||
|
view: {
|
||||||
|
search: false,
|
||||||
|
settings: false,
|
||||||
|
profile: false
|
||||||
|
},
|
||||||
|
|
||||||
init() {
|
init() {
|
||||||
this._super(...arguments);
|
this._super(...arguments);
|
||||||
|
|
||||||
if (this.get("session.authenticated")) {
|
if (this.get("session.authenticated")) {
|
||||||
this.get("session.session.content.authenticated.user.accounts").forEach((account) => {
|
this.get("session.session.content.authenticated.user.accounts").forEach((account) => {
|
||||||
// TODO: do not mutate account.active here
|
// TODO: do not mutate account.active here
|
||||||
|
@ -37,6 +42,12 @@ export default Ember.Component.extend({
|
||||||
if (this.get('folder') === null) {
|
if (this.get('folder') === null) {
|
||||||
this.set("folder", this.get('folderService.currentFolder'));
|
this.set("folder", this.get('folderService.currentFolder'));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
let route = this.get('router.currentRouteName');
|
||||||
|
console.log(route);
|
||||||
|
this.set('view.settings', (route === 'customize.general') ? true : false);
|
||||||
|
this.set('view.profile', (route === 'profile') ? true : false);
|
||||||
|
this.set('view.search', (route === 'search') ? true : false);
|
||||||
},
|
},
|
||||||
|
|
||||||
actions: {
|
actions: {
|
||||||
|
|
|
@ -43,11 +43,10 @@ export default Ember.Component.extend({
|
||||||
let phrase = 'Nothing found';
|
let phrase = 'Nothing found';
|
||||||
|
|
||||||
if (results.length > 0) {
|
if (results.length > 0) {
|
||||||
let places = documents.length === 1 ? "place" : "places";
|
let references = results.length === 1 ? "reference" : "references";
|
||||||
let references = results.length === 1 ? "secton" : "sections";
|
|
||||||
let i = results.length;
|
let i = results.length;
|
||||||
let j = documents.length;
|
let j = documents.length;
|
||||||
phrase = `${i} ${references} in ${j} ${places}`;
|
phrase = `${i} ${references}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
this.set('resultPhrase', phrase);
|
this.set('resultPhrase', phrase);
|
||||||
|
|
|
@ -1,22 +1,18 @@
|
||||||
{{#layout/zone-container}}
|
{{layout/zone-navigation}}
|
||||||
|
|
||||||
{{layout/zone-navigation}}
|
{{#layout/zone-sidebar}}
|
||||||
{{#layout/zone-sidebar}}
|
<div class="sidebar-menu">
|
||||||
{{back-to-home}}
|
<ul class="options">
|
||||||
<div class="sidebar-menu">
|
{{#link-to 'customize.general' activeClass='selected' class="option" tagName="li"}}General{{/link-to}}
|
||||||
<ul class="options">
|
{{#link-to 'customize.folders' activeClass='selected' class="option" tagName="li"}}Spaces{{/link-to}}
|
||||||
{{#link-to 'customize.general' activeClass='selected' class="option" tagName="li"}}General{{/link-to}}
|
{{#link-to 'customize.users' activeClass='selected' class="option" tagName="li"}}Users{{/link-to}}
|
||||||
{{#link-to 'customize.folders' activeClass='selected' class="option" tagName="li"}}Spaces{{/link-to}}
|
{{#if session.isGlobalAdmin}}
|
||||||
{{#link-to 'customize.users' activeClass='selected' class="option" tagName="li"}}Users{{/link-to}}
|
{{#link-to 'customize.global' activeClass='selected' class="option" tagName="li"}}Global{{/link-to}}
|
||||||
{{#if session.isGlobalAdmin}}
|
{{/if}}
|
||||||
{{#link-to 'customize.global' activeClass='selected' class="option" tagName="li"}}Global{{/link-to}}
|
</ul>
|
||||||
{{/if}}
|
</div>
|
||||||
</ul>
|
{{/layout/zone-sidebar}}
|
||||||
</div>
|
|
||||||
{{/layout/zone-sidebar}}
|
|
||||||
|
|
||||||
{{#layout/zone-content}}
|
{{#layout/zone-content}}
|
||||||
{{outlet}}
|
{{outlet}}
|
||||||
{{/layout/zone-content}}
|
{{/layout/zone-content}}
|
||||||
|
|
||||||
{{/layout/zone-container}}
|
|
||||||
|
|
|
@ -2,4 +2,6 @@
|
||||||
{{user-settings add=(action 'add')}}
|
{{user-settings add=(action 'add')}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="clearfix" /> {{settings/user-list users=model onDelete=(action "onDelete") onSave=(action "onSave") onPassword=(action "onPassword")}}
|
<div class="clearfix" />
|
||||||
|
|
||||||
|
{{settings/user-list users=model onDelete=(action "onDelete") onSave=(action "onSave") onPassword=(action "onPassword")}}
|
||||||
|
|
|
@ -1,28 +1,17 @@
|
||||||
{{#layout/zone-container}}
|
{{layout/zone-navigation}}
|
||||||
|
|
||||||
{{layout/zone-navigation}}
|
{{#layout/zone-sidebar}}
|
||||||
|
{{document/document-sidebar document=model meta=meta folder=folder pages=pages page=page owner=owner isEditor=isEditor onAddSection=(action
|
||||||
|
'onAddSection') changePageSequence=(action 'onPageSequenceChange') changePageLevel=(action 'onPageLevelChange') gotoPage=(action
|
||||||
|
'gotoPage')}}
|
||||||
|
{{/layout/zone-sidebar}}
|
||||||
|
|
||||||
{{#layout/zone-sidebar}}
|
{{#layout/zone-content}}
|
||||||
{{document/document-sidebar document=model meta=meta folder=folder pages=pages page=page owner=owner isEditor=isEditor
|
{{document/document-toolbar document=model pages=pages folder=folder owner=owner isEditor=isEditor users=users onSaveTemplate=(action
|
||||||
onAddSection=(action 'onAddSection')
|
'onSaveTemplate') onDocumentChange=(action 'onDocumentChange') onAttachmentUpload=(action 'onAttachmentUpload') onDocumentDelete=(action
|
||||||
changePageSequence=(action 'onPageSequenceChange')
|
'onDocumentDelete')}}
|
||||||
changePageLevel=(action 'onPageLevelChange')
|
|
||||||
gotoPage=(action 'gotoPage')}}
|
|
||||||
{{/layout/zone-sidebar}}
|
|
||||||
|
|
||||||
{{#layout/zone-content}}
|
{{document/document-view document=model meta=meta pages=pages attachments=attachments folder=folder
|
||||||
{{document/document-toolbar document=model pages=pages folder=folder owner=owner
|
folders=folders isEditor=isEditor gotoPage=(action 'gotoPage') onAttachmentDeleted=(action 'onAttachmentDeleted') onDeletePage=(action
|
||||||
isEditor=isEditor users=users
|
'onPageDeleted')}}
|
||||||
onSaveTemplate=(action 'onSaveTemplate')
|
{{/layout/zone-content}}
|
||||||
onDocumentChange=(action 'onDocumentChange')
|
|
||||||
onAttachmentUpload=(action 'onAttachmentUpload')
|
|
||||||
onDocumentDelete=(action 'onDocumentDelete')}}
|
|
||||||
|
|
||||||
{{document/document-view document=model meta=meta pages=pages attachments=attachments folder=folder folders=folders
|
|
||||||
isEditor=isEditor
|
|
||||||
gotoPage=(action 'gotoPage')
|
|
||||||
onAttachmentDeleted=(action 'onAttachmentDeleted')
|
|
||||||
onDeletePage=(action 'onPageDeleted')}}
|
|
||||||
{{/layout/zone-content}}
|
|
||||||
|
|
||||||
{{/layout/zone-container}}
|
|
||||||
|
|
|
@ -1,23 +1,12 @@
|
||||||
{{#layout/zone-container}}
|
{{layout/zone-navigation}}
|
||||||
|
|
||||||
{{layout/zone-navigation}}
|
{{#layout/zone-sidebar}}
|
||||||
|
{{folder/folders-list folders=model.folders folder=model.folder onImport=(action 'onImport') onFolderAdd=(action 'onFolderAdd')
|
||||||
|
showDocument=(action 'showDocument')}}
|
||||||
|
{{/layout/zone-sidebar}}
|
||||||
|
|
||||||
{{#layout/zone-sidebar}}
|
{{#layout/zone-content}}
|
||||||
{{folder/folders-list folders=model.folders folder=model.folder
|
{{folder/folder-toolbar folders=model.folders folder=model.folder hasSelectedDocuments=hasSelectedDocuments onDeleteDocument=(action
|
||||||
onImport=(action 'onImport')
|
'onDeleteDocument') onMoveDocument=(action 'onMoveDocument')}} {{folder/documents-list documents=model.documents folder=model.folder
|
||||||
onFolderAdd=(action 'onFolderAdd')
|
isFolderOwner=isFolderOwner onDocumentsChecked=(action 'onDocumentsChecked') }}
|
||||||
showDocument=(action 'showDocument')}}
|
{{/layout/zone-content}}
|
||||||
{{/layout/zone-sidebar}}
|
|
||||||
|
|
||||||
{{#layout/zone-content}}
|
|
||||||
{{folder/folder-toolbar
|
|
||||||
folders=model.folders
|
|
||||||
folder=model.folder
|
|
||||||
hasSelectedDocuments=hasSelectedDocuments
|
|
||||||
onDeleteDocument=(action 'onDeleteDocument')
|
|
||||||
onMoveDocument=(action 'onMoveDocument')}}
|
|
||||||
|
|
||||||
{{folder/documents-list documents=model.documents folder=model.folder isFolderOwner=isFolderOwner onDocumentsChecked=(action 'onDocumentsChecked') }}
|
|
||||||
{{/layout/zone-content}}
|
|
||||||
|
|
||||||
{{/layout/zone-container}}
|
|
||||||
|
|
|
@ -1,34 +1,30 @@
|
||||||
{{#layout/zone-container}}
|
{{layout/zone-navigation}}
|
||||||
|
|
||||||
{{layout/zone-navigation}}
|
{{#layout/zone-sidebar}}
|
||||||
|
{{back-to-space folder=model}}
|
||||||
|
<div class="sidebar-menu">
|
||||||
|
<ul class="options">
|
||||||
|
<li class="option {{if tabGeneral "selected"}}" {{action 'selectTab' 'tabGeneral'}}>General</li>
|
||||||
|
<li class="option {{if tabShare "selected"}}" {{action 'selectTab' 'tabShare'}}>Share</li>
|
||||||
|
<li class="option {{if tabPermissions "selected"}}" {{action 'selectTab' 'tabPermissions'}}>Permissions</li>
|
||||||
|
<li class="option {{if tabDelete "selected"}}" {{action 'selectTab' 'tabDelete'}}>Delete</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{{/layout/zone-sidebar}}
|
||||||
|
|
||||||
{{#layout/zone-sidebar}}
|
{{#layout/zone-content}}
|
||||||
{{back-to-space folder=model}}
|
{{#folder/folder-settings
|
||||||
<div class="sidebar-menu">
|
tabGeneral=tabGeneral
|
||||||
<ul class="options">
|
tabShare=tabShare
|
||||||
<li class="option {{if tabGeneral "selected"}}" {{action 'selectTab' 'tabGeneral'}}>General</li>
|
tabPermissions=tabPermissions
|
||||||
<li class="option {{if tabShare "selected"}}" {{action 'selectTab' 'tabShare'}}>Share</li>
|
tabDelete=tabDelete
|
||||||
<li class="option {{if tabPermissions "selected"}}" {{action 'selectTab' 'tabPermissions'}}>Permissions</li>
|
folder=model
|
||||||
<li class="option {{if tabDelete "selected"}}" {{action 'selectTab' 'tabDelete'}}>Delete</li>
|
folders=folders
|
||||||
</ul>
|
permissions=permissions
|
||||||
</div>
|
users=users
|
||||||
{{/layout/zone-sidebar}}
|
onRemove="onRemove"
|
||||||
|
onRename="onRename"
|
||||||
{{#layout/zone-content}}
|
onShare="onShare"
|
||||||
{{#folder/folder-settings
|
onPermission="onPermission" }}
|
||||||
tabGeneral=tabGeneral
|
{{/folder/folder-settings}}
|
||||||
tabShare=tabShare
|
{{/layout/zone-content}}
|
||||||
tabPermissions=tabPermissions
|
|
||||||
tabDelete=tabDelete
|
|
||||||
folder=model
|
|
||||||
folders=folders
|
|
||||||
permissions=permissions
|
|
||||||
users=users
|
|
||||||
onRemove="onRemove"
|
|
||||||
onRename="onRename"
|
|
||||||
onShare="onShare"
|
|
||||||
onPermission="onPermission" }}
|
|
||||||
{{/folder/folder-settings}}
|
|
||||||
{{/layout/zone-content}}
|
|
||||||
|
|
||||||
{{/layout/zone-container}}
|
|
||||||
|
|
|
@ -1,16 +1,11 @@
|
||||||
{{#layout/zone-container}}
|
{{layout/zone-navigation}}
|
||||||
|
|
||||||
{{layout/zone-navigation}}
|
{{#layout/zone-sidebar}}
|
||||||
|
<div class="sidebar-menu">
|
||||||
|
<div class="avatar-large">{{session.user.initials}}</div>
|
||||||
|
</div>
|
||||||
|
{{/layout/zone-sidebar}}
|
||||||
|
|
||||||
{{#layout/zone-sidebar}}
|
{{#layout/zone-content}}
|
||||||
{{back-to-home}}
|
{{user-profile model=model save=(action 'save')}}
|
||||||
<div class="sidebar-menu">
|
{{/layout/zone-content}}
|
||||||
<div class="avatar-large">{{session.user.initials}}</div>
|
|
||||||
</div>
|
|
||||||
{{/layout/zone-sidebar}}
|
|
||||||
|
|
||||||
{{#layout/zone-content}}
|
|
||||||
{{user-profile model=model save=(action 'save')}}
|
|
||||||
{{/layout/zone-content}}
|
|
||||||
|
|
||||||
{{/layout/zone-container}}
|
|
||||||
|
|
|
@ -1,22 +1,18 @@
|
||||||
{{#layout/zone-container}}
|
{{layout/zone-navigation}}
|
||||||
|
|
||||||
{{layout/zone-navigation}}
|
|
||||||
|
|
||||||
|
{{#layout/zone-sidebar}}
|
||||||
<div class="page-search">
|
<div class="page-search">
|
||||||
|
<div class="input-control">
|
||||||
<div id="zone-header" class="zone-header">
|
{{focus-input type="text" value=filter placeholder='search'}}
|
||||||
<div class="input-control pull-left width-60">
|
<p>#tags, keywords, "some phrase"</p>
|
||||||
<label>Search</label>
|
<p>keyword AND keyword</p>
|
||||||
{{focus-input class="input" type="text" value=filter placeholder='#tags, keywords, "some phrase", keyword AND keyword, keyword OR keyword'}}
|
<p>keyword OR keyword</p>
|
||||||
</div>
|
|
||||||
<div class="actions pull-right hidden-xs hidden-sm">
|
|
||||||
{{layout/button-home}}
|
|
||||||
</div>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{search/search-results results=results}}
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
{{/layout/zone-sidebar}}
|
||||||
|
|
||||||
{{/layout/zone-container}}
|
{{#layout/zone-content}}
|
||||||
|
<div class="page-search">
|
||||||
|
{{search/search-results results=results}}
|
||||||
|
</div>
|
||||||
|
{{/layout/zone-content}}
|
||||||
|
|
|
@ -1,6 +1,5 @@
|
||||||
<div class=" page-setup container-fluid padding-100 background-color-primary">
|
<div class=" page-setup container-fluid padding-100 background-color-primary">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
<div class="col-lg-3 col-md-3 col-sm-3">
|
<div class="col-lg-3 col-md-3 col-sm-3">
|
||||||
<div>
|
<div>
|
||||||
<img src="/assets/img/setup/logo.png" alt="Documize" class="no-select no-outline margin-top-20" />
|
<img src="/assets/img/setup/logo.png" alt="Documize" class="no-select no-outline margin-top-20" />
|
||||||
|
@ -10,6 +9,5 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{documize-setup model=model save=(action 'save')}}
|
{{documize-setup model=model save=(action 'save')}}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -22,22 +22,6 @@ export default Ember.Route.extend(ApplicationRouteMixin, {
|
||||||
session: service(),
|
session: service(),
|
||||||
|
|
||||||
beforeModel(transition) {
|
beforeModel(transition) {
|
||||||
// start TODO: ugly hack
|
|
||||||
let MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
|
|
||||||
let observer = new MutationObserver(function(/*mutations, observer*/) {
|
|
||||||
// fired when a mutation occurs
|
|
||||||
// console.log(mutations, observer);
|
|
||||||
$("#zone-sidebar").css('height', $(document).height() - $("#zone-navigation").height());
|
|
||||||
});
|
|
||||||
|
|
||||||
observer.observe(document, {
|
|
||||||
subtree: true,
|
|
||||||
attributes: false,
|
|
||||||
childList: true,
|
|
||||||
characterData: true
|
|
||||||
});
|
|
||||||
// end TODO: ugly hack
|
|
||||||
|
|
||||||
return this.get('appMeta').boot(transition.targetName).then(data => {
|
return this.get('appMeta').boot(transition.targetName).then(data => {
|
||||||
if (this.get('session.session.authenticator') !== "authenticator:documize" && data.allowAnonymousAccess) {
|
if (this.get('session.session.authenticator') !== "authenticator:documize" && data.allowAnonymousAccess) {
|
||||||
return this.get('session').authenticate('authenticator:anonymous', data);
|
return this.get('session').authenticate('authenticator:anonymous', data);
|
||||||
|
|
|
@ -1,21 +0,0 @@
|
||||||
.space-button {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.space-name {
|
|
||||||
max-width: 90%;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.back-to-home-button {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.back-to-home-name {
|
|
||||||
max-width: 90%;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
|
@ -74,7 +74,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 150px;
|
top: 150px;
|
||||||
right: -18px;
|
right: -18px;
|
||||||
z-index: 888;
|
z-index: 999;
|
||||||
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
|
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
|
||||||
-moz-animation: fadein 1s; /* Firefox < 16 */
|
-moz-animation: fadein 1s; /* Firefox < 16 */
|
||||||
-ms-animation: fadein 1s; /* Internet Explorer */
|
-ms-animation: fadein 1s; /* Internet Explorer */
|
||||||
|
|
|
@ -1,66 +1,60 @@
|
||||||
.zone-container {
|
|
||||||
min-height: 500px; //ensure dropdowns render in viewport
|
|
||||||
}
|
|
||||||
|
|
||||||
.zone-navigation {
|
.zone-navigation {
|
||||||
background-color: $color-primary;
|
position: fixed;
|
||||||
color: $color-white;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: 100%;
|
padding: 0;
|
||||||
font-size: 1rem;
|
width: 60px;
|
||||||
padding: 10px 40px 10px 40px;
|
min-height: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: $color-primary;
|
||||||
|
z-index: 999;
|
||||||
|
overflow-x: hidden;
|
||||||
|
|
||||||
.content {
|
> .bottom-zone,
|
||||||
> .title {
|
> .top-zone {
|
||||||
padding-left: 15px;
|
position: absolute;
|
||||||
font-size: 1rem;
|
padding: 0;
|
||||||
display: inline-block;
|
width: 100%;
|
||||||
vertical-align: middle;
|
|
||||||
color: $color-white;
|
> li {
|
||||||
text-decoration: none;
|
cursor: pointer;
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px 0;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
> .name {
|
|
||||||
padding-right: 15px;
|
.selected {
|
||||||
font-size: 1rem;
|
background-color: $color-link;
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
> .login {
|
|
||||||
padding: 0;
|
|
||||||
font-size: 1rem;
|
|
||||||
display: inline-block;
|
|
||||||
> a {
|
> a {
|
||||||
color: $color-white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> .search {
|
|
||||||
padding-left: 15px;
|
|
||||||
font-size: 1rem;
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin-top: 5px;
|
|
||||||
> a {
|
|
||||||
color: $color-white;
|
|
||||||
text-decoration: none;
|
|
||||||
> .material-icons {
|
> .material-icons {
|
||||||
font-size: 1.5rem;
|
opacity: 1;
|
||||||
|
color: $color-white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-button {
|
> .top-zone {
|
||||||
display: inline-block;
|
top: 0;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
> .bottom-zone {
|
||||||
|
bottom: 0;
|
||||||
|
// padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.filled-tool {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 35px;
|
width: 35px;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
line-height: 35px;
|
line-height: 35px;
|
||||||
|
margin: 0 0 0 12px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
transition: .3s;
|
transition: 0.3s;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
background-color: $color-white;
|
background-color: $color-white;
|
||||||
|
@ -89,25 +83,44 @@
|
||||||
font-family: open_sansregular;
|
font-family: open_sansregular;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon-tool {
|
||||||
|
position: relative;
|
||||||
|
vertical-align: middle;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 2rem;
|
||||||
|
@include ease-in;
|
||||||
|
opacity: 0.5;
|
||||||
|
color: $color-white;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
opacity: 1;
|
||||||
|
color: $color-white;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.zone-header {
|
.zone-header {
|
||||||
background-color: $color-header;
|
background-color: $color-header;
|
||||||
padding: 30px 40px 30px 40px;
|
padding: 30px 40px;
|
||||||
|
|
||||||
> .info {
|
> .info {
|
||||||
padding: 20px 0 20px 0;
|
padding: 20px 0;
|
||||||
|
|
||||||
> .title {
|
> .title {
|
||||||
color: $color-off-black;
|
color: $color-off-black;
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .message {
|
> .message {
|
||||||
color: $color-gray;
|
color: $color-gray;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
margin: 10px 0 0 5px;
|
margin: 10px 0 0 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
> .actions {
|
> .actions {
|
||||||
padding: 20px 0 20px 0;
|
padding: 20px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -115,20 +128,27 @@
|
||||||
background-color: $color-header;
|
background-color: $color-header;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
padding: 40px 40px 0 40px;
|
padding: 35px 40px 0;
|
||||||
float: left;
|
position: fixed;
|
||||||
|
margin: 0;
|
||||||
|
z-index: 888;
|
||||||
|
margin-left: 60px;
|
||||||
|
|
||||||
|
.zone-sidebar-title {
|
||||||
|
color: $color-primary;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
|
||||||
|
> .material-icons {
|
||||||
|
font-size: 1rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.zone-content {
|
.zone-content {
|
||||||
padding: 30px 40px 30px 40px;
|
min-height: 500px; //ensure dropdowns render in viewport
|
||||||
float: left;
|
padding: 30px 40px 30px 100px;
|
||||||
}
|
z-index: 777;
|
||||||
|
|
||||||
.copyright {
|
|
||||||
margin-top: 50px;
|
|
||||||
text-align: center;
|
|
||||||
> a {
|
|
||||||
font-size: 0.8rem;
|
|
||||||
color: $color-gray;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,14 +3,14 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 150px;
|
top: 150px;
|
||||||
right: -18px;
|
right: -18px;
|
||||||
z-index: 999;
|
z-index: 888;
|
||||||
}
|
}
|
||||||
|
|
||||||
.scroll-space-tool {
|
.scroll-space-tool {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 150px;
|
top: 150px;
|
||||||
right: -18px;
|
right: -18px;
|
||||||
z-index: 888;
|
z-index: 999;
|
||||||
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
|
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
|
||||||
-moz-animation: fadein 1s; /* Firefox < 16 */
|
-moz-animation: fadein 1s; /* Firefox < 16 */
|
||||||
-ms-animation: fadein 1s; /* Internet Explorer */
|
-ms-animation: fadein 1s; /* Internet Explorer */
|
||||||
|
@ -179,13 +179,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.start-document {
|
.start-document {
|
||||||
> .space-name {
|
|
||||||
color: $color-primary;
|
|
||||||
font-size: 1.3rem;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .import-document-button {
|
> .import-document-button {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
|
|
@ -1,30 +1,14 @@
|
||||||
.page-search {
|
.page-search {
|
||||||
|
|
||||||
> .zone-header {
|
|
||||||
background-color: $color-header;
|
|
||||||
padding: 0 40px 0 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-control {
|
.input-control {
|
||||||
padding: 20px 0;
|
> input {
|
||||||
margin-bottom: 0;
|
background-color: $color-header;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-control input {
|
|
||||||
background-color: $color-header;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-control input:focus {
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-results {
|
.search-results {
|
||||||
margin: 50px 0;
|
|
||||||
padding: 0 40px 0 40px;
|
|
||||||
|
|
||||||
.heading {
|
.heading {
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
color: $color-blue;
|
color: $color-off-black;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .list {
|
> .list {
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
.drop-element {
|
.drop-element {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: none;
|
display: none;
|
||||||
z-index: 1;
|
z-index: 999;
|
||||||
|
|
||||||
&:after, &:before {
|
&:after, &:before {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
// https://github.com/HubSpot/tooltip
|
// https://github.com/HubSpot/tooltip
|
||||||
|
|
||||||
.tooltip-element {
|
.tooltip-element {
|
||||||
|
z-index: 999;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
&:after, &:before {
|
&:after, &:before {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
|
@ -1,6 +1,5 @@
|
||||||
{{#link-to 'application' }}
|
{{#link-to 'application' }}
|
||||||
<div class="regular-button button-white back-to-home-button">
|
<div class="zone-sidebar-title">
|
||||||
<i class="material-icons">arrow_back</i>
|
<i class="material-icons">arrow_back</i> HOME
|
||||||
<div class="name back-to-home-name">home</div>
|
|
||||||
</div>
|
</div>
|
||||||
{{/link-to}}
|
{{/link-to}}
|
||||||
|
|
|
@ -1,6 +1,5 @@
|
||||||
{{#link-to 'folders.folder' folder.id folder.slug}}
|
{{#link-to 'folders.folder' folder.id folder.slug}}
|
||||||
<div class="regular-button button-white space-button">
|
<div class="zone-sidebar-title">
|
||||||
<i class="material-icons">arrow_back</i>
|
<i class="material-icons">arrow_back</i> {{folder.name}}
|
||||||
<div class="name space-name">{{folder.name}}</div>
|
|
||||||
</div>
|
</div>
|
||||||
{{/link-to}}
|
{{/link-to}}
|
||||||
|
|
|
@ -26,8 +26,11 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="folders-list">
|
<div class="folders-list">
|
||||||
{{#if showingList}}
|
<div class="zone-sidebar-title">
|
||||||
|
{{appMeta.title}}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{{#if showingList}}
|
||||||
{{#if session.isEditor}}
|
{{#if session.isEditor}}
|
||||||
<div id="add-space-button" class="regular-button button-white">
|
<div id="add-space-button" class="regular-button button-white">
|
||||||
<i class="material-icons">add</i>
|
<i class="material-icons">add</i>
|
||||||
|
@ -89,7 +92,3 @@
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="copyright hidden-xs hidden-sm">
|
|
||||||
<a href="https://documize.com?ref=app-footer" target="_blank">Copyright © 2016 Documize Inc.</a>
|
|
||||||
</div>
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<div class="start-document">
|
<div class="start-document">
|
||||||
<p class="space-name">{{folder.name}}</p>
|
<div class="zone-sidebar-title">{{folder.name}}</div>
|
||||||
|
|
||||||
<div id="import-document-button" class="import-document-button">
|
<div id="import-document-button" class="import-document-button">
|
||||||
Drag-drop .doc, .docx, .txt, .md, .markdown<br/>
|
Drag-drop .doc, .docx, .txt, .md, .markdown<br/>
|
||||||
|
|
|
@ -1,3 +1,3 @@
|
||||||
<div id="zone-content" class="zone-content col-lg-9 col-md-9 col-sm-9">
|
<div id="zone-content" class="zone-content col-lg-offset-3 col-md-offset-3 col-sm-offset-3 col-lg-9 col-md-9 col-sm-9">
|
||||||
{{yield}}
|
{{yield}}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,38 +1,71 @@
|
||||||
<div id="zone-navigation" class="zone-navigation">
|
<div id="zone-navigation" class="zone-navigation">
|
||||||
<div class="pull-left content">
|
<ul class="top-zone">
|
||||||
{{#if session.authenticated}}
|
{{#if session.authenticated}}
|
||||||
<div id="accounts-button" class="header-button">
|
<li>
|
||||||
<i class="material-icons">apps</i>
|
<div id="accounts-button" class="filled-tool">
|
||||||
</div>
|
<i class="material-icons">apps</i>
|
||||||
{{else}}
|
</div>
|
||||||
{{#link-to 'application' class='title'}}
|
</li>
|
||||||
<div class="header-button" title=appMeta.title>
|
{{else}}
|
||||||
<i class="material-icons">apps</i>
|
<li>
|
||||||
</div>
|
{{#link-to 'application' class='title'}}
|
||||||
{{/link-to}}
|
<div class="filled-tool" title={{appMeta.title}}>
|
||||||
{{/if}}
|
<i class="material-icons">apps</i>
|
||||||
{{#link-to 'application' class='title'}}
|
</div>
|
||||||
{{appMeta.title}}
|
{{/link-to}}
|
||||||
{{/link-to}}
|
</li>
|
||||||
</div>
|
{{/if}}
|
||||||
|
<li>
|
||||||
|
{{#link-to 'search'}}
|
||||||
|
<i class="material-icons icon-tool">language</i>
|
||||||
|
{{/link-to}}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
{{#link-to 'search'}}
|
||||||
|
<i class="material-icons icon-tool">people_outline</i>
|
||||||
|
{{/link-to}}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
{{#link-to 'search'}}
|
||||||
|
<i class="material-icons icon-tool">person_outline</i>
|
||||||
|
{{/link-to}}
|
||||||
|
</li>
|
||||||
|
<li class="{{if view.search 'selected'}}">
|
||||||
|
{{#link-to 'search'}}
|
||||||
|
<i class="material-icons icon-tool">search</i>
|
||||||
|
{{/link-to}}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="pull-right hidden-xs hidden-sm content">
|
<ul class="bottom-zone">
|
||||||
{{#if session.authenticated}}
|
{{#if session.session.content.authenticated.user.admin}}
|
||||||
<div class="name">{{session.user.fullname}}</div>
|
<li class="{{if view.settings 'selected'}}">
|
||||||
<div id="user-button" class="header-button">
|
{{#link-to 'customize.general'}}
|
||||||
<i class="initials">{{session.user.initials}}</i>
|
<i class="material-icons icon-tool">tune</i>
|
||||||
</div>
|
{{/link-to}}
|
||||||
{{else}}
|
</li>
|
||||||
<div class="login">
|
{{/if}}
|
||||||
{{#link-to 'auth.login'}}Login{{/link-to}}
|
{{#if session.authenticated}}
|
||||||
</div>
|
<li>
|
||||||
{{/if}}
|
{{#link-to 'auth.logout'}}
|
||||||
<div class="search">
|
<i class="material-icons icon-tool">exit_to_app</i>
|
||||||
{{#link-to 'search'}}
|
{{/link-to}}
|
||||||
<i class="material-icons">search</i>
|
</li>
|
||||||
{{/link-to}}
|
<li class="{{if view.profile 'selected'}}">
|
||||||
</div>
|
{{#link-to 'profile'}}
|
||||||
</div>
|
<div class="filled-tool">
|
||||||
|
<i class="initials">{{session.user.initials}}</i>
|
||||||
|
</div>
|
||||||
|
{{/link-to}}
|
||||||
|
</li>
|
||||||
|
{{else}}
|
||||||
|
<li>
|
||||||
|
{{#link-to 'auth.login'}}
|
||||||
|
<i class="material-icons icon-tool">lock_open</i>
|
||||||
|
{{/link-to}}
|
||||||
|
</li>
|
||||||
|
{{/if}}
|
||||||
|
</ul>
|
||||||
|
|
||||||
{{#if session.authenticated}}
|
{{#if session.authenticated}}
|
||||||
{{#dropdown-menu target="accounts-button" position="bottom left" open="click" }}
|
{{#dropdown-menu target="accounts-button" position="bottom left" open="click" }}
|
||||||
|
@ -44,23 +77,5 @@
|
||||||
<li class="item"><a href="https://documize.com/welcome">Add team...</a></li>
|
<li class="item"><a href="https://documize.com/welcome">Add team...</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
{{/dropdown-menu}}
|
{{/dropdown-menu}}
|
||||||
|
|
||||||
{{#dropdown-menu target="user-button" position="bottom right" open="click" }}
|
|
||||||
<ul class="menu">
|
|
||||||
<li class="item">
|
|
||||||
{{#link-to 'profile'}}Profile{{/link-to}}
|
|
||||||
</li>
|
|
||||||
{{#if session.session.content.authenticated.user.admin}}
|
|
||||||
<li class="item">
|
|
||||||
{{#link-to 'customize.general'}}Settings{{/link-to}}
|
|
||||||
</li>
|
|
||||||
{{/if}}
|
|
||||||
<li class="divider"></li>
|
|
||||||
<li class="item">
|
|
||||||
{{#link-to 'auth.logout'}}Logout{{/link-to}}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
{{/dropdown-menu}}
|
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<div class="clearfix"></div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue