1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 23:59:47 +02:00

document tag editor

This commit is contained in:
Harvey Kandola 2017-12-05 10:46:53 +00:00
parent 8415f11303
commit 666ab3151e
6 changed files with 122 additions and 200 deletions

View file

@ -2,13 +2,7 @@
<div class="document-customfields">
<div class="row">
<div class="col-2 heading">Categories
{{#if canSelectCategory}}
<div class="action-button button-icon-green button-icon-small align-middle" {{action 'onShowCategoryModal'}}>
<i class="material-icons align-middle">edit</i>
</div>
{{/if}}
</div>
<div class="col-2 heading">Categories</div>
<div class="col-10 value">
{{#each selectedCategories as |cat|}}
{{#link-to 'folder' folder.id folder.slug (query-params category=cat.id)}}
@ -24,6 +18,11 @@
{{/if}}
{{/if}}
{{/each}}
{{#if canSelectCategory}}
<div class="action-button button-icon-gray button-icon-small align-middle" {{action 'onShowCategoryModal'}}>
<i class="material-icons align-middle">edit</i>
</div>
{{/if}}
</div>
</div>
@ -33,6 +32,11 @@
{{#each tagz as |t index|}}
<a href="/search?tag={{t}}">{{concat '#' t}}</a>&nbsp;&nbsp;
{{/each}}
{{#if canSelectCategory}}
<div class="action-button button-icon-gray button-icon-small align-middle" data-toggle="modal" data-target="#document-tags-modal" data-backdrop="static">
<i class="material-icons align-middle">edit</i>
</div>
{{/if}}
</div>
</div>
@ -40,9 +44,37 @@
</div>
{{#if permissions.documentEdit}}
{{#ui/ui-dialog title="Set Document Cateogories" confirmCaption="Select" buttonType="btn-outline-success" show=showCategoryModal onAction=(action 'onSaveCategory')}}
{{#ui/ui-dialog title="Document Categories" confirmCaption="Select" buttonType="btn-outline-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}}
{{/if}}
<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-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-outline-success" onclick={{action 'onSaveTags'}}>Save</button>
</div>
</div>
</div>
</div>
{{/if}}

View file

@ -1,28 +0,0 @@
<div class="document-tags">
<div class="caption">Tag</div>
{{#each tagz as |t index|}}
<div class="regular-button button-gray {{unless permissions.documentEdit 'cursor-auto'}}" id="{{concat 'delete-tag-' index}}">{{concat '#' t}}</div>
{{/each}}
{{#if canAdd}}
<div class="regular-button button-white" id="document-tag-button">
<i class="material-icons">add</i>
</div>
{{#dropdown-dialog tagName="span" target="document-tag-button" position="bottom left" button="Add" color="flat-green" onAction=(action 'addTag') focusOn="add-tag-field" onOpenCallback=(action 'onTagEditor') targetOffset="20px 0"}}
<div class="input-control">
<label>Tag</label>
<div class="tip">Lowercase letters, numbers, dashes</div>
{{focus-input id="add-tag-field" value=newTag type="text"}}
</div>
{{/dropdown-dialog}}
{{/if}}
{{#if permissions.documentEdit}}
{{#each tagz as |t index|}}
{{#dropdown-dialog target=(concat 'delete-tag-' index) position="bottom left" button="Delete" color="flat-red" onAction=(action 'removeTag' t)}}
<p>Are you sure you want delete this tag?</p>
{{/dropdown-dialog}}
{{/each}}
{{/if}}
{{#if emptyState}}
<div class="none">none</div>
{{/if}}
</div>