Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-25 16:19:46 +02:00
Code Releases Activity

space empty state new document

Browse source
This commit is contained in:
Harvey Kandola 2017-03-24 18:57:08 +00:00
parent 2ea782aaed
commit de4eb2e507
4 changed files with 57 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/app/components/folder/documents-list.js
View file

@ -82,7 +82,12 @@ export default Ember.Component.extend({
this.set('docId', docId); this.set('docId', docId);
$("#new-document-wizard").insertAfter(`#document-${docId}`); if (docId === '') {
$("#new-document-wizard").insertAfter('#wizard-placeholder');
} else {
$("#new-document-wizard").insertAfter(`#document-${docId}`);
}
$("#new-document-wizard").velocity("transition.slideDownIn", { duration: 300, complete: $("#new-document-wizard").velocity("transition.slideDownIn", { duration: 300, complete:
function() { function() {
$("#new-document-name").focus(); $("#new-document-name").focus();

8
app/app/styles/view/folder/document.scss
View file

@ -22,7 +22,7 @@
} }
.documents-list { .documents-list {
> .document { .document-item {
@include content-container(); @include content-container();
margin: 0; margin: 0;
position: relative; position: relative;
@ -82,17 +82,17 @@
} }
} }
> .wizard-item { .wizard-item {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
> .no-wizard-item { .no-wizard-item {
margin: 50px 0; margin: 50px 0;
padding: 0; padding: 0;
} }
> .selected-card { .selected-card {
background-color: $color-card-active !important; background-color: $color-card-active !important;
> .checkbox { > .checkbox {

2
app/app/styles/view/folder/wizard.scss
View file

@ -49,7 +49,7 @@
.new-document-wizard { .new-document-wizard {
@include border-radius(2px); @include border-radius(2px);
margin: 30px 0 30px 0; margin: 0 0 30px 0;
padding: 30px; padding: 30px;
border: 1px solid $color-stroke; border: 1px solid $color-stroke;
background-color: $color-off-white; background-color: $color-off-white;

76
app/app/templates/components/folder/documents-list.hbs
View file

@ -1,39 +1,55 @@
<ul class="documents-list"> <div class="documents-list">
{{#each documents key="id" as |document|}} {{#each documents key="id" as |document|}}
<li id="document-{{document.id}}" class="document {{if document.selected "selected-card"}}"> <div id="document-{{document.id}}">
{{#link-to 'document.index' folder.id folder.slug document.id document.slug class="link"}} <div class="document-item {{if document.selected "selected-card"}}">
<div class="title">{{ document.name }}</div> {{#link-to 'document.index' folder.id folder.slug document.id document.slug class="link"}}
<div class="snippet">{{ document.excerpt }}</div> <div class="title">{{ document.name }}</div>
<div class="chips">{{folder/document-tags documentTags=document.tags}}</div> <div class="snippet">{{ document.excerpt }}</div>
{{/link-to}} <div class="chips">{{folder/document-tags documentTags=document.tags}}</div>
<div class="checkbox" {{action 'selectDocument' document.id}}> {{/link-to}}
{{#if session.authenticated}} <div class="checkbox" {{action 'selectDocument' document.id}}>
{{#if document.selected}} {{#if session.authenticated}}
<i class="material-icons">check_box</i> {{#if document.selected}}
{{else}} <i class="material-icons">check_box</i>
<i class="material-icons">check_box_outline_blank</i> {{else}}
<i class="material-icons">check_box_outline_blank</i>
{{/if}}
{{/if}} {{/if}}
{{/if}}
</div>
</li>
{{#if canCreate}}
<li class="wizard-item start-document" {{action 'onShowDocumentWizard' document.id}}>
<div class="start-button">
<div class="round-button round-button-small button-green">
<i class="material-icons">add</i>
</div>
<div class="label">document</div>
</div> </div>
</li> </div>
{{else}} {{#if canCreate}}
<li class="no-wizard-item" /> <div class="wizard-item start-document" {{action 'onShowDocumentWizard' document.id}}>
{{/if}} <div class="start-button">
<div class="round-button round-button-small button-green">
<i class="material-icons">add</i>
</div>
<div class="label">document</div>
</div>
</div>
{{else}}
<div class="no-wizard-item" />
{{/if}}
</div>
{{/each}} {{/each}}
</ul> </div>
<div id="wizard-placeholder" class="hide margin-top-50" />
{{folder/start-document folder=folder isEditor=isEditor onImport=(action 'onImport') onHideDocumentWizard=(action 'onHideDocumentWizard')}} {{folder/start-document folder=folder isEditor=isEditor onImport=(action 'onImport') onHideDocumentWizard=(action 'onHideDocumentWizard')}}
{{#if emptyState}} {{#if emptyState}}
<div class="regular-button button-red" {{action 'onDelete'}}>delete</div> {{#if canCreate}}
<div class="start-document start-document-empty-state" {{action 'onShowDocumentWizard' ''}}>
<div class="start-button">
<div class="round-button round-button-small button-green">
<i class="material-icons">add</i>
</div>
<div class="label">document</div>
</div>
</div>
{{/if}}
{{/if}}
<div id="wizard-placeholder" class="hide" />
{{#if emptyState}}
<div class="regular-button button-red margin-top-50" {{action 'onDelete'}}>delete space</div>
{{/if}} {{/if}}