1
0
Fork 0
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:
Harvey Kandola 2016-11-04 15:33:56 -07:00
parent 822dba64f9
commit b7392b52d2
26 changed files with 281 additions and 332 deletions

View file

@ -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");

View file

@ -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);

View file

@ -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: {

View file

@ -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);

View file

@ -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}}

View file

@ -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")}}

View file

@ -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}}

View file

@ -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}}

View file

@ -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}}

View file

@ -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}}

View file

@ -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}}

View file

@ -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>

View file

@ -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);

View file

@ -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;
}

View file

@ -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 */

View file

@ -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;
}
} }

View file

@ -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;

View file

@ -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 {

View file

@ -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;

View file

@ -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;

View file

@ -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>&nbsp;HOME
<div class="name back-to-home-name">home</div>
</div> </div>
{{/link-to}} {{/link-to}}

View file

@ -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>&nbsp;{{folder.name}}
<div class="name space-name">{{folder.name}}</div>
</div> </div>
{{/link-to}} {{/link-to}}

View file

@ -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&nbsp;&copy;&nbsp;2016 Documize Inc.</a>
</div>

View file

@ -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/>

View file

@ -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>

View file

@ -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>