mirror of
https://github.com/documize/community.git
synced 2025-07-24 15:49:44 +02:00
initial commit WIP
This commit is contained in:
Harvey Kandola
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) {
|
||||
this.set('showScrollTool', true);
|
||||
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 {
|
||||
this.set('showScrollTool', false);
|
||||
s.removeClass("stuck-tool");
|
||||
|
|
|
|||
|
|
@ -14,9 +14,14 @@ import constants from '../../utils/constants';
|
|||
import TooltipMixin from '../../mixins/tooltip';
|
||||
import NotifierMixin from '../../mixins/notifier';
|
||||
|
||||
const {
|
||||
inject: { service }
|
||||
} = Ember;
|
||||
|
||||
export default Ember.Component.extend(TooltipMixin, NotifierMixin, {
|
||||
folderService: Ember.inject.service('folder'),
|
||||
templateService: Ember.inject.service('template'),
|
||||
appMeta: service(),
|
||||
publicFolders: [],
|
||||
protectedFolders: [],
|
||||
privateFolders: [],
|
||||
|
|
@ -108,7 +113,7 @@ export default Ember.Component.extend(TooltipMixin, NotifierMixin, {
|
|||
if (windowpos >= 300) {
|
||||
this.set('showScrollTool', true);
|
||||
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 {
|
||||
this.set('showScrollTool', false);
|
||||
s.removeClass("stuck-space-tool");
|
||||
|
|
@ -123,7 +128,7 @@ export default Ember.Component.extend(TooltipMixin, NotifierMixin, {
|
|||
onImport() {
|
||||
this.attrs.onImport();
|
||||
},
|
||||
|
||||
|
||||
scrollTop() {
|
||||
this.set('showScrollTool', false);
|
||||
|
||||
|
|
|
|||
|
|
@ -21,10 +21,15 @@ export default Ember.Component.extend({
|
|||
folder: null,
|
||||
appMeta: service(),
|
||||
session: service(),
|
||||
view: {
|
||||
search: false,
|
||||
settings: false,
|
||||
profile: false
|
||||
},
|
||||
|
||||
init() {
|
||||
this._super(...arguments);
|
||||
|
||||
|
||||
if (this.get("session.authenticated")) {
|
||||
this.get("session.session.content.authenticated.user.accounts").forEach((account) => {
|
||||
// TODO: do not mutate account.active here
|
||||
|
|
@ -37,6 +42,12 @@ export default Ember.Component.extend({
|
|||
if (this.get('folder') === null) {
|
||||
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: {
|
||||
|
|
|
|||
|
|
@ -43,11 +43,10 @@ export default Ember.Component.extend({
|
|||
let phrase = 'Nothing found';
|
||||
|
||||
if (results.length > 0) {
|
||||
let places = documents.length === 1 ? "place" : "places";
|
||||
let references = results.length === 1 ? "secton" : "sections";
|
||||
let references = results.length === 1 ? "reference" : "references";
|
||||
let i = results.length;
|
||||
let j = documents.length;
|
||||
phrase = `${i} ${references} in ${j} ${places}`;
|
||||
phrase = `${i} ${references}`;
|
||||
}
|
||||
|
||||
this.set('resultPhrase', phrase);
|
||||
|
|
|
|||
|
|
@ -1,22 +1,18 @@
|
|||
{{#layout/zone-container}}
|
||||
{{layout/zone-navigation}}
|
||||
|
||||
{{layout/zone-navigation}}
|
||||
{{#layout/zone-sidebar}}
|
||||
{{back-to-home}}
|
||||
<div class="sidebar-menu">
|
||||
<ul class="options">
|
||||
{{#link-to 'customize.general' activeClass='selected' class="option" tagName="li"}}General{{/link-to}}
|
||||
{{#link-to 'customize.folders' activeClass='selected' class="option" tagName="li"}}Spaces{{/link-to}}
|
||||
{{#link-to 'customize.users' activeClass='selected' class="option" tagName="li"}}Users{{/link-to}}
|
||||
{{#if session.isGlobalAdmin}}
|
||||
{{#link-to 'customize.global' activeClass='selected' class="option" tagName="li"}}Global{{/link-to}}
|
||||
{{/if}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/layout/zone-sidebar}}
|
||||
{{#layout/zone-sidebar}}
|
||||
<div class="sidebar-menu">
|
||||
<ul class="options">
|
||||
{{#link-to 'customize.general' activeClass='selected' class="option" tagName="li"}}General{{/link-to}}
|
||||
{{#link-to 'customize.folders' activeClass='selected' class="option" tagName="li"}}Spaces{{/link-to}}
|
||||
{{#link-to 'customize.users' activeClass='selected' class="option" tagName="li"}}Users{{/link-to}}
|
||||
{{#if session.isGlobalAdmin}}
|
||||
{{#link-to 'customize.global' activeClass='selected' class="option" tagName="li"}}Global{{/link-to}}
|
||||
{{/if}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/layout/zone-sidebar}}
|
||||
|
||||
{{#layout/zone-content}}
|
||||
{{outlet}}
|
||||
{{/layout/zone-content}}
|
||||
|
||||
{{/layout/zone-container}}
|
||||
{{#layout/zone-content}}
|
||||
{{outlet}}
|
||||
{{/layout/zone-content}}
|
||||
|
|
|
|||
|
|
@ -2,4 +2,6 @@
|
|||
{{user-settings add=(action 'add')}}
|
||||
</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}}
|
||||
{{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-content}}
|
||||
{{document/document-toolbar document=model pages=pages folder=folder owner=owner isEditor=isEditor users=users onSaveTemplate=(action
|
||||
'onSaveTemplate') onDocumentChange=(action 'onDocumentChange') onAttachmentUpload=(action 'onAttachmentUpload') onDocumentDelete=(action
|
||||
'onDocumentDelete')}}
|
||||
|
||||
{{#layout/zone-content}}
|
||||
{{document/document-toolbar document=model pages=pages folder=folder owner=owner
|
||||
isEditor=isEditor users=users
|
||||
onSaveTemplate=(action 'onSaveTemplate')
|
||||
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}}
|
||||
{{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}}
|
||||
|
|
|
|||
|
|
@ -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}}
|
||||
{{folder/folders-list folders=model.folders folder=model.folder
|
||||
onImport=(action 'onImport')
|
||||
onFolderAdd=(action 'onFolderAdd')
|
||||
showDocument=(action 'showDocument')}}
|
||||
{{/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}}
|
||||
{{#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}}
|
||||
|
|
|
|||
|
|
@ -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}}
|
||||
{{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-content}}
|
||||
{{#folder/folder-settings
|
||||
tabGeneral=tabGeneral
|
||||
tabShare=tabShare
|
||||
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}}
|
||||
{{#layout/zone-content}}
|
||||
{{#folder/folder-settings
|
||||
tabGeneral=tabGeneral
|
||||
tabShare=tabShare
|
||||
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}}
|
||||
|
|
|
|||
|
|
@ -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}}
|
||||
{{back-to-home}}
|
||||
<div class="sidebar-menu">
|
||||
<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}}
|
||||
{{#layout/zone-content}}
|
||||
{{user-profile model=model save=(action 'save')}}
|
||||
{{/layout/zone-content}}
|
||||
|
|
|
|||
|
|
@ -1,22 +1,18 @@
|
|||
{{#layout/zone-container}}
|
||||
|
||||
{{layout/zone-navigation}}
|
||||
{{layout/zone-navigation}}
|
||||
|
||||
{{#layout/zone-sidebar}}
|
||||
<div class="page-search">
|
||||
|
||||
<div id="zone-header" class="zone-header">
|
||||
<div class="input-control pull-left width-60">
|
||||
<label>Search</label>
|
||||
{{focus-input class="input" type="text" value=filter placeholder='#tags, keywords, "some phrase", keyword AND keyword, keyword OR keyword'}}
|
||||
</div>
|
||||
<div class="actions pull-right hidden-xs hidden-sm">
|
||||
{{layout/button-home}}
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="input-control">
|
||||
{{focus-input type="text" value=filter placeholder='search'}}
|
||||
<p>#tags, keywords, "some phrase"</p>
|
||||
<p>keyword AND keyword</p>
|
||||
<p>keyword OR keyword</p>
|
||||
</div>
|
||||
|
||||
{{search/search-results results=results}}
|
||||
|
||||
</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="row">
|
||||
|
||||
<div class="col-lg-3 col-md-3 col-sm-3">
|
||||
<div>
|
||||
<img src="/assets/img/setup/logo.png" alt="Documize" class="no-select no-outline margin-top-20" />
|
||||
|
|
@ -10,6 +9,5 @@
|
|||
</div>
|
||||
</div>
|
||||
{{documize-setup model=model save=(action 'save')}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -22,22 +22,6 @@ export default Ember.Route.extend(ApplicationRouteMixin, {
|
|||
session: service(),
|
||||
|
||||
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 => {
|
||||
if (this.get('session.session.authenticator') !== "authenticator:documize" && data.allowAnonymousAccess) {
|
||||
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;
|
||||
top: 150px;
|
||||
right: -18px;
|
||||
z-index: 888;
|
||||
z-index: 999;
|
||||
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
|
||||
-moz-animation: fadein 1s; /* Firefox < 16 */
|
||||
-ms-animation: fadein 1s; /* Internet Explorer */
|
||||
|
|
|
|||
|
|
@ -1,66 +1,60 @@
|
|||
.zone-container {
|
||||
min-height: 500px; //ensure dropdowns render in viewport
|
||||
}
|
||||
|
||||
.zone-navigation {
|
||||
background-color: $color-primary;
|
||||
color: $color-white;
|
||||
padding: 0;
|
||||
position: fixed;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
font-size: 1rem;
|
||||
padding: 10px 40px 10px 40px;
|
||||
padding: 0;
|
||||
width: 60px;
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
background-color: $color-primary;
|
||||
z-index: 999;
|
||||
overflow-x: hidden;
|
||||
|
||||
.content {
|
||||
> .title {
|
||||
padding-left: 15px;
|
||||
font-size: 1rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: $color-white;
|
||||
text-decoration: none;
|
||||
> .bottom-zone,
|
||||
> .top-zone {
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
|
||||
> li {
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 20px 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
> .name {
|
||||
padding-right: 15px;
|
||||
font-size: 1rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
> .login {
|
||||
padding: 0;
|
||||
font-size: 1rem;
|
||||
display: inline-block;
|
||||
|
||||
.selected {
|
||||
background-color: $color-link;
|
||||
|
||||
> 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 {
|
||||
font-size: 1.5rem;
|
||||
opacity: 1;
|
||||
color: $color-white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-button {
|
||||
display: inline-block;
|
||||
> .top-zone {
|
||||
top: 0;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
> .bottom-zone {
|
||||
bottom: 0;
|
||||
// padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.filled-tool {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
margin: 0 0 0 12px;
|
||||
padding: 0;
|
||||
border-radius: 50%;
|
||||
transition: .3s;
|
||||
transition: 0.3s;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
background-color: $color-white;
|
||||
|
|
@ -89,25 +83,44 @@
|
|||
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 {
|
||||
background-color: $color-header;
|
||||
padding: 30px 40px 30px 40px;
|
||||
padding: 30px 40px;
|
||||
|
||||
> .info {
|
||||
padding: 20px 0 20px 0;
|
||||
padding: 20px 0;
|
||||
|
||||
> .title {
|
||||
color: $color-off-black;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
> .message {
|
||||
color: $color-gray;
|
||||
font-size: 1rem;
|
||||
margin: 10px 0 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
> .actions {
|
||||
padding: 20px 0 20px 0;
|
||||
padding: 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -115,20 +128,27 @@
|
|||
background-color: $color-header;
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
padding: 40px 40px 0 40px;
|
||||
float: left;
|
||||
padding: 35px 40px 0;
|
||||
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 {
|
||||
padding: 30px 40px 30px 40px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
margin-top: 50px;
|
||||
text-align: center;
|
||||
> a {
|
||||
font-size: 0.8rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
min-height: 500px; //ensure dropdowns render in viewport
|
||||
padding: 30px 40px 30px 100px;
|
||||
z-index: 777;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,14 +3,14 @@
|
|||
position: absolute;
|
||||
top: 150px;
|
||||
right: -18px;
|
||||
z-index: 999;
|
||||
z-index: 888;
|
||||
}
|
||||
|
||||
.scroll-space-tool {
|
||||
position: absolute;
|
||||
top: 150px;
|
||||
right: -18px;
|
||||
z-index: 888;
|
||||
z-index: 999;
|
||||
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
|
||||
-moz-animation: fadein 1s; /* Firefox < 16 */
|
||||
-ms-animation: fadein 1s; /* Internet Explorer */
|
||||
|
|
@ -179,13 +179,6 @@
|
|||
}
|
||||
|
||||
.start-document {
|
||||
> .space-name {
|
||||
color: $color-primary;
|
||||
font-size: 1.3rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
> .import-document-button {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
|
|
|
|||
|
|
@ -1,30 +1,14 @@
|
|||
.page-search {
|
||||
|
||||
> .zone-header {
|
||||
background-color: $color-header;
|
||||
padding: 0 40px 0 40px;
|
||||
}
|
||||
|
||||
.input-control {
|
||||
padding: 20px 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.input-control input {
|
||||
background-color: $color-header;
|
||||
}
|
||||
|
||||
.input-control input:focus {
|
||||
|
||||
> input {
|
||||
background-color: $color-header;
|
||||
}
|
||||
}
|
||||
|
||||
.search-results {
|
||||
margin: 50px 0;
|
||||
padding: 0 40px 0 40px;
|
||||
|
||||
.heading {
|
||||
font-size: 1.2rem;
|
||||
color: $color-blue;
|
||||
color: $color-off-black;
|
||||
}
|
||||
|
||||
> .list {
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
.drop-element {
|
||||
box-sizing: border-box;
|
||||
display: none;
|
||||
z-index: 1;
|
||||
z-index: 999;
|
||||
|
||||
&:after, &:before {
|
||||
box-sizing: border-box;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
// https://github.com/HubSpot/tooltip
|
||||
|
||||
.tooltip-element {
|
||||
z-index: 999;
|
||||
box-sizing: border-box;
|
||||
&:after, &:before {
|
||||
box-sizing: border-box;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
{{#link-to 'application' }}
|
||||
<div class="regular-button button-white back-to-home-button">
|
||||
<i class="material-icons">arrow_back</i>
|
||||
<div class="name back-to-home-name">home</div>
|
||||
<div class="zone-sidebar-title">
|
||||
<i class="material-icons">arrow_back</i> HOME
|
||||
</div>
|
||||
{{/link-to}}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
{{#link-to 'folders.folder' folder.id folder.slug}}
|
||||
<div class="regular-button button-white space-button">
|
||||
<i class="material-icons">arrow_back</i>
|
||||
<div class="name space-name">{{folder.name}}</div>
|
||||
<div class="zone-sidebar-title">
|
||||
<i class="material-icons">arrow_back</i> {{folder.name}}
|
||||
</div>
|
||||
{{/link-to}}
|
||||
|
|
|
|||
|
|
@ -26,8 +26,11 @@
|
|||
</div>
|
||||
|
||||
<div class="folders-list">
|
||||
{{#if showingList}}
|
||||
<div class="zone-sidebar-title">
|
||||
{{appMeta.title}}
|
||||
</div>
|
||||
|
||||
{{#if showingList}}
|
||||
{{#if session.isEditor}}
|
||||
<div id="add-space-button" class="regular-button button-white">
|
||||
<i class="material-icons">add</i>
|
||||
|
|
@ -89,7 +92,3 @@
|
|||
{{/if}}
|
||||
{{/if}}
|
||||
</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">
|
||||
<p class="space-name">{{folder.name}}</p>
|
||||
<div class="zone-sidebar-title">{{folder.name}}</div>
|
||||
|
||||
<div id="import-document-button" class="import-document-button">
|
||||
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}}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,38 +1,71 @@
|
|||
<div id="zone-navigation" class="zone-navigation">
|
||||
<div class="pull-left content">
|
||||
{{#if session.authenticated}}
|
||||
<div id="accounts-button" class="header-button">
|
||||
<i class="material-icons">apps</i>
|
||||
</div>
|
||||
{{else}}
|
||||
{{#link-to 'application' class='title'}}
|
||||
<div class="header-button" title=appMeta.title>
|
||||
<i class="material-icons">apps</i>
|
||||
</div>
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
{{#link-to 'application' class='title'}}
|
||||
{{appMeta.title}}
|
||||
{{/link-to}}
|
||||
</div>
|
||||
<ul class="top-zone">
|
||||
{{#if session.authenticated}}
|
||||
<li>
|
||||
<div id="accounts-button" class="filled-tool">
|
||||
<i class="material-icons">apps</i>
|
||||
</div>
|
||||
</li>
|
||||
{{else}}
|
||||
<li>
|
||||
{{#link-to 'application' class='title'}}
|
||||
<div class="filled-tool" title={{appMeta.title}}>
|
||||
<i class="material-icons">apps</i>
|
||||
</div>
|
||||
{{/link-to}}
|
||||
</li>
|
||||
{{/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">
|
||||
{{#if session.authenticated}}
|
||||
<div class="name">{{session.user.fullname}}</div>
|
||||
<div id="user-button" class="header-button">
|
||||
<i class="initials">{{session.user.initials}}</i>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="login">
|
||||
{{#link-to 'auth.login'}}Login{{/link-to}}
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="search">
|
||||
{{#link-to 'search'}}
|
||||
<i class="material-icons">search</i>
|
||||
{{/link-to}}
|
||||
</div>
|
||||
</div>
|
||||
<ul class="bottom-zone">
|
||||
{{#if session.session.content.authenticated.user.admin}}
|
||||
<li class="{{if view.settings 'selected'}}">
|
||||
{{#link-to 'customize.general'}}
|
||||
<i class="material-icons icon-tool">tune</i>
|
||||
{{/link-to}}
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if session.authenticated}}
|
||||
<li>
|
||||
{{#link-to 'auth.logout'}}
|
||||
<i class="material-icons icon-tool">exit_to_app</i>
|
||||
{{/link-to}}
|
||||
</li>
|
||||
<li class="{{if view.profile 'selected'}}">
|
||||
{{#link-to 'profile'}}
|
||||
<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}}
|
||||
{{#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>
|
||||
</ul>
|
||||
{{/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}}
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue