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

Update document view to use new UI framework

Browse source 
1. Sidebar contains ToC & attachments.
2. Document meta moved up before content (to frame  context).
3. Per section toolbar re-designed.

Co-Authored-By: Harvey Kandola <harvey@documize.com>
This commit is contained in:
sauls8t 2018-12-19 18:36:45 +00:00
parent 3d2060ca60
commit 93253be0f2
27 changed files with 528 additions and 553 deletions
Download patch file Download diff file Expand all files Collapse all files

92
gui/app/templates/components/document/document-toolbar.hbs Normal file
View file

@ -0,0 +1,92 @@
<div class="no-print">
{{#if session.authenticated}}
{{#if permissions.documentEdit}}
{{#link-to "document.settings" space.id space.slug document.id document.slug class="button-icon-gray align-middle"}}
<i class="material-icons">settings</i>
{{#attach-tooltip showDelay=1000}}Settings &mdash; meta, lifecycle, workflow{{/attach-tooltip}}
{{/link-to}}
<div class="button-icon-gap" />
{{/if}}
{{#if permissions.documentAdd}}
<div id="document-template-button" class="button-icon-gray align-middle">
<i class="material-icons" data-toggle="modal" data-target="#document-template-modal" data-backdrop="static">content_copy</i>
{{#attach-tooltip showDelay=1000}}Save as template{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
{{/if}}
{{/if}}
<div id="document-print-button" class="button-icon-gray align-middle" {{action "onPrintDocument"}}>
<i class="material-icons">print</i>
{{#attach-tooltip showDelay=1000}}Print{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
<div id="space-export-button" class="button-icon-danger align-middle" {{action "onExport"}}>
<i class="material-icons">import_export</i>
{{#attach-tooltip showDelay=1000}}Export as HTML{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
{{#if pinState.isPinned}}
<div id="document-pin-button" class="button-icon-gold align-middle" {{action "onUnpin"}}>
<i class="material-icons">star</i>
{{#attach-tooltip showDelay=1000}}Remove bookmark{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
{{else if session.authenticated}}
<div id="document-pin-button" class="button-icon-gray align-middle" {{action "onPin"}}>
<i class="material-icons">star</i>
{{#attach-tooltip showDelay=1000}}Add bookmark{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
{{/if}}
{{#if permissions.documentDelete}}
<div id="document-delete-button" class="button-icon-danger align-middle">
<i class="material-icons" data-toggle="modal" data-target="#document-delete-modal" data-backdrop="static">delete</i>
{{#attach-tooltip showDelay=1000}}Delete{{/attach-tooltip}}
</div>
{{/if}}
</div>
<div id="document-template-modal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">Save as Template</div>
<div class="modal-body">
<form onsubmit={{action "onSaveTemplate"}}>
<div class="form-group">
<label for="new-template-name">Name</label>
{{input id="new-template-name" value=saveTemplate.name type="email" class="form-control mousetrap" placeholder="Template name"}}
<small class="form-text text-muted">Good template name conveys document type</small>
</div>
<div class="form-group">
<label for="new-template-desc">Description</label>
{{textarea id="new-template-desc" value=saveTemplate.description class="form-control" rows="5"}}
<small class="form-text text-muted">Explain use case for this template</small>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success" onclick={{action "onSaveTemplate"}}>Save</button>
</div>
</div>
</div>
</div>
<div id="document-delete-modal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">Delete Document</div>
<div class="modal-body">
<p>Are you sure you want to delete this document?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger" onclick={{action "onDocumentDelete"}}>Delete</button>
</div>
</div>
</div>
</div>