Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 15:49:44 +02:00
Code Releases Activity

detecte non-block mode and hide messaging

Browse source
This commit is contained in:
Harvey Kandola 2017-01-24 10:15:16 -08:00
parent 03402d9e4d
commit 17b01c2de4
3 changed files with 44 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

12
app/app/components/document/page-wizard.js
View file

@ -12,16 +12,20 @@
import Ember from 'ember';
import NotifierMixin from '../../mixins/notifier';
const {
computed,
} = Ember;
export default Ember.Component.extend(NotifierMixin, {
display: 'section', // which CSS to use
hasTemplates: false,
hasBlocks: false,
blockMode: false,
didReceiveAttrs() {
let blocks = this.get('blocks');
let blockMode = is.not.undefined(blocks);
this.set('blockMode', blockMode);
if (!blockMode) {
return;
}
this.set('hasBlocks', blocks.get('length') > 0);

2
app/app/pods/document/wizard/template.hbs
View file

@ -1 +1 @@
{{document/page-wizard display='tab' document=model.document folder=model.folder sections=model.sections onCancel=(action 'onCancel') onAction=(action 'onAddSection')}}
{{document/page-wizard display='tab' document=model.document folder=model.folder sections=model.sections onCancel=(action 'onCancel') onAddSection=(action 'onAddSection')}}

68
app/app/templates/components/document/page-wizard.hbs
View file

@ -19,41 +19,43 @@
</li>
{{/each}}
</ul>
{{#if hasBlocks}}
<div class="divider"></div>
<div class="template-caption">Reusable content</div>
<ul class="list">
{{#each blocks as |block|}}
<li class="item min-height">
<div class="icon">
<img class="img" src="/assets/img/section-saved.png" srcset="/assets/img/section-saved@2x.png" {{action 'onInsertBlock' block}}/>
<div class="actions">
{{#link-to 'document.block' folder.id folder.slug document.id document.slug block.id}}
<i class="material-icons">mode_edit</i>
{{/link-to}}
<i class="material-icons" id={{block.deleteId}}>delete</i>
{{#if blockMode}}
{{#if hasBlocks}}
<div class="divider"></div>
<div class="template-caption">Reusable content</div>
<ul class="list">
{{#each blocks as |block|}}
<li class="item min-height">
<div class="icon">
<img class="img" src="/assets/img/section-saved.png" srcset="/assets/img/section-saved@2x.png" {{action 'onInsertBlock' block}}/>
<div class="actions">
{{#link-to 'document.block' folder.id folder.slug document.id document.slug block.id}}
<i class="material-icons">mode_edit</i>
{{/link-to}}
<i class="material-icons" id={{block.deleteId}}>delete</i>
</div>
</div>
</div>
<div class="details" {{action 'onInsertBlock' block}}>
<div class='title'>
{{block.title}}
<div class="details" {{action 'onInsertBlock' block}}>
<div class='title'>
{{block.title}}
</div>
<div class='desc'>{{block.excerpt}}</div>
<div class='desc'>By {{block.firstname}} {{block.lastname}}, {{time-ago block.created}} (used: {{ block.used }})</div>
</div>
<div class='desc'>{{block.excerpt}}</div>
<div class='desc'>By {{block.firstname}} {{block.lastname}}, {{time-ago block.created}} (used: {{ block.used }})</div>
</div>
<div class="clearfix" />
{{#dropdown-dialog target=block.deleteId position="bottom left" button="Delete" color="flat-red" onAction=(action 'onDeleteBlock' block.id)}}
<p>
Are you sure you want to delete block<br/>
<span class="bold">{{block.title}}?</span>
</p>
{{/dropdown-dialog}}
</li>
{{/each}}
</ul>
{{else}}
<div class="divider"></div>
<div class="template-caption">Reusable content appears below</div>
<div class="clearfix" />
{{#dropdown-dialog target=block.deleteId position="bottom left" button="Delete" color="flat-red" onAction=(action 'onDeleteBlock' block.id)}}
<p>
Are you sure you want to delete block<br/>
<span class="bold">{{block.title}}?</span>
</p>
{{/dropdown-dialog}}
</li>
{{/each}}
</ul>
{{else}}
<div class="divider"></div>
<div class="template-caption">Reusable content appears below</div>
{{/if}}
{{/if}}
</div>
</div>