Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-02 03:55:24 +02:00
Code Releases Activity

Streamline document meta view and editing experience

Browse source 
Meta data:

1. Condensed layout.
2. Unified editing.

Co-Authored-By: Saul S <sauls8t@users.noreply.github.com>
This commit is contained in:
McMatts 2018-06-15 14:25:05 +01:00
parent f70d4b33a3
commit 27fde0dac8
26 changed files with 2389 additions and 1956 deletions
Download patch file Download diff file Expand all files Collapse all files

147
gui/app/templates/components/document/document-meta.hbs
View file

@ -1,119 +1,42 @@
<div class="view-document">
<div class="document-customfields">
{{#if (eq document.lifecycle constants.Lifecycle.Live)}}
<div id="document-lifecycle-popover" class="document-lifecycle-live text-uppercase">{{document.lifecycleLabel}}</div>
{{/if}}
{{#if (eq document.lifecycle constants.Lifecycle.Draft)}}
<div id="document-lifecycle-popover" class="document-lifecycle-draft text-uppercase">{{document.lifecycleLabel}}</div>
{{/if}}
<div class="row {{if (eq selectedCategories.length 0) 'd-print-none'}}">
<div class="col-12 col-sm-3 heading">Categories</div>
<div class="col-12 col-sm-9 value">
{{#each selectedCategories as |cat|}}
{{#link-to 'folder' folder.id folder.slug (query-params category=cat.id)}}
{{cat.category}}
{{/link-to}}
&nbsp;
{{else}}
{{#if canAddCategory}}
{{#if canSelectCategory}}
<a href="#" class="d-print-none" {{action 'onShowCategoryModal'}}>&lt;select&gt;</a>
{{else}}
{{#link-to 'folder.category' folder.id folder.slug class='d-print-none'}}&lt;manage&gt;{{/link-to}}
{{/if}}
{{/if}}
{{/each}}
{{#if canSelectCategory}}
<div class="action-button button-icon-gray button-icon-small align-middle d-print-none" {{action 'onShowCategoryModal'}}>
<i class="material-icons align-middle">edit</i>
</div>
{{/if}}
</div>
</div>
<div class="d-block d-sm-none margin-top-20" />
<div class="d-sm-inline-block margin-left-20" />
<div class="row {{if (eq tagz.length 0) 'd-print-none'}}">
<div class="col-12 col-sm-3 heading">Tags</div>
<div class="col-12 col-sm-9 value">
{{#each tagz as |t index|}}
{{#link-to 'search' (query-params filter=t matchTag=true matchDoc=false matchContent=false matchFile=false)}}
{{concat '#' t}}
{{/link-to}}&nbsp;&nbsp;
{{/each}}
{{#if permissions.documentEdit}}
<div class="action-button button-icon-gray button-icon-small align-middle d-print-none" data-toggle="modal" data-target="#document-tags-modal" data-backdrop="static">
<i class="material-icons align-middle">edit</i>
</div>
{{/if}}
</div>
</div>
{{#if (eq document.protection constants.ProtectionType.None)}}
<div id="document-protection-popover" class="document-protection-unlocked text-uppercase">OPEN</div>
{{/if}}
{{#if (eq document.protection constants.ProtectionType.Review)}}
<div id="document-protection-popover" class="document-protection-review text-uppercase">PROTECTED</div>
{{/if}}
{{#if (eq document.protection constants.ProtectionType.Lock)}}
<div id="document-protection-popover" class="document-protection-locked text-uppercase">LOCKED</div>
{{/if}}
<div class="row d-print-none">
<div class="col-12 col-sm-3 heading">Change Control</div>
<div class="col-12 col-sm-9 value-static">
<span>{{changeControlMsg}}</span>
</div>
</div>
{{#if (eq document.protection constants.ProtectionType.Review)}}
<div class="row d-print-none">
<div class="col-12 col-sm-3 heading">Approval Process</div>
<div class="col-12 col-sm-9 value-static">
<span>{{approvalMsg}}</span>
</div>
</div>
{{#if userChanges}}
<div class="row d-print-none">
<div class="col-12 col-sm-3 heading">Your Contributions</div>
<div class="col-12 col-sm-9 value-static">
<span>{{contributorMsg}}</span>
</div>
</div>
{{/if}}
{{#if isApprover}}
<div class="row d-print-none">
<div class="col-12 col-sm-3 heading">Approver Status</div>
<div class="col-12 col-sm-9 value-static">
<span>{{approverMsg}}</span>
</div>
</div>
{{/if}}
{{/if}}
{{document/view-attachment document=document permissions=permissions}}
<div class="d-block d-sm-none margin-top-20" />
<div class="d-sm-inline-block margin-left-20" />
{{#each selectedCategories as |cat|}}
<div class="document-category" data-toggle="tooltip" data-placement="top" title="Category">
{{cat.category}}
</div>
{{/each}}
<div class="d-block d-sm-none margin-top-20" />
{{#each tagz as |t index|}}
<div class="document-tag" data-toggle="tooltip" data-placement="top" title="Tag">
{{concat '#' t}}
</div>
{{/each}}
<div class="document-meta">
{{document/view-attachment document=document permissions=permissions}}
</div>
{{#if permissions.documentEdit}}
{{#ui/ui-dialog title="Document Categories" confirmCaption="Select" buttonType="btn-success" show=showCategoryModal onAction=(action 'onSaveCategory')}}
<p>Select who can view documents within category</p>
{{ui/ui-list-picker items=categories nameField='category' singleSelect=false}}
{{/ui/ui-dialog}}
<div id="document-tags-modal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">Document Tags</div>
<div class="modal-body">
<form onsubmit={{action 'onAddTag'}}>
<div class="form-group">
<label for="add-tag-field">Specify up to three tags per document</label>
{{#each tagzEdit as |t|}}
<div class="m-3 text-secondary">
<div class="button-icon-danger button-icon-small align-middle" {{action 'onRemoveTag' t}}>
<i class="material-icons">clear</i>
</div>
{{concat '#' t}}
</div>
{{/each}}
{{focus-input type='text' id="add-tag-field" class="form-control mousetrap" placeholder="Tag name" value=newTag}}
<small class="form-text text-success">Press ENTER to add tag</small>
<small class="form-text text-muted">Lowercase, characters, numbers, hyphens only</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 'onSaveTags'}}>Save</button>
</div>
</div>
</div>
</div>
{{/if}}
<div class="margin-top-70" />