1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-25 08:09:43 +02:00

WIP document view

This commit is contained in:
Harvey Kandola 2017-12-04 14:47:44 +00:00
parent 2d7e3c2904
commit 60fb4e5008
11 changed files with 139 additions and 134 deletions

View file

@ -1,25 +1,21 @@
{{#unless editMode}}
<div class="document-heading {{if permissions.documentEdit 'cursor-pointer'}}" onclick={{if permissions.documentEdit (action 'toggleEdit')}}>
<h1 class="doc-title">{{document.name}}</h1>
<div class="doc-excerpt">{{document.excerpt}}</div>
<div class="view-document">
<div class="document-heading {{if permissions.documentEdit 'cursor-pointer'}}" onclick={{if permissions.documentEdit (action 'toggleEdit')}}>
<h1 class="doc-title">{{document.name}}</h1>
<div class="doc-excerpt">{{document.excerpt}}</div>
</div>
</div>
{{else}}
<form {{action "onSave" on="submit"}}>
<div class="edit-document-heading">
<div class="input-inline input-transparent edit-doc-title">
{{focus-input id="document-name" type="text" value=docName class=(if hasNameError 'error-inline') placeholder="Name" autocomplete="off"}}
<form class="view-document" {{action "onSave" on="submit"}}>
<div class="document-heading-edit">
<div class="form-group">
{{focus-input id="document-name" type="text" value=docName class=(if hasNameError 'form-control mousetrap is-invalid' 'form-control mousetrap') placeholder="Title" autocomplete="off"}}
</div>
<div class="input-inline input-transparent edit-doc-excerpt">
{{input id="document-excerpt" type="text" value=docExcerpt class=(if hasExcerptError 'error-inline') placeholder="Excerpt" autocomplete="off"}}
</div>
<div>
<button type="submit" class="round-button-mono" {{action 'onSave'}}>
<i class="material-icons color-green">check</i>
</button>
<div class="round-button-mono" {{action 'onCancel'}}>
<i class="material-icons color-gray">close</i>
</div>
<div class="form-group">
{{input id="document-excerpt" type="text" value=docExcerpt class=(if hasExcerptError 'form-control mousetrap is-invalid' 'form-control mousetrap') placeholder="Excerpt" autocomplete="off"}}
</div>
<button type="submit" class="btn btn-outline-secondary" {{action "onCancel"}}>Cancel</button>
<button type="submit" class="btn btn-success" {{action "onSave"}}>Save</button>
</div>
</form>
{{/unless}}

View file

@ -1,40 +1,37 @@
<div class="back-to-space document-space">
<div class="caption">Space</div>
{{#link-to 'folder' folder.id folder.slug}}
<div class="regular-button button-nav">
<i class="material-icons">arrow_back</i>
<div class="name">{{folder.name}}</div>
</div>
{{/link-to}}
</div>
<div class="document-category">
<div class="caption">Category</div>
{{#each selectedCategories as |cat|}}
<div class="regular-button button-blue">{{cat.category}}</div>
{{else}}
{{#if canAddCategory}}
{{#unless canSelectCategory}}
{{#link-to 'folder.settings.category' folder.id folder.slug class='non-printable'}}Manage{{/link-to}}
{{/unless}}
{{else}}
<p>&nbsp;</p>
{{/if}}
{{/each}}
{{#if canSelectCategory}}
<div class="regular-button button-white" id="document-category-button">
<i class="material-icons">add</i>
</div>
{{#dropdown-dialog target="document-category-button" position="bottom right" button="set" color="flat-green" onAction=(action 'onSave')}}
<p class="heading">Set document categories</p>
<div class="document-category-dialog">
{{ui/ui-list-picker items=categories nameField='category'}}
{{#if canAddCategory}}
{{#link-to 'folder.settings.category' folder.id folder.slug}}Manage{{/link-to}}
{{/if}}
<div class="view-document">
<div class="document-customfields">
<div class="row">
<div class="col-2 heading">
Categories
</div>
{{/dropdown-dialog}}
{{/if}}
<div class="col-10 value">
{{#each selectedCategories as |cat|}}
{{cat.category}}{{#unless cat.lastObject}}, {{/unless}}
{{/each}}
</div>
</div>
</div>
</div>
{{#if canAddCategory}}
{{#unless canSelectCategory}}
{{#link-to 'folder.category' folder.id folder.slug class='non-printable'}}Manage{{/link-to}}
{{/unless}}
{{else}}
<p>&nbsp;</p>
{{/if}}
{{#if canSelectCategory}}
<div class="regular-button button-white" id="document-category-button">
<i class="material-icons">add</i>
</div>
{{#dropdown-dialog target="document-category-button" position="bottom right" button="set" color="flat-green" onAction=(action 'onSave')}}
<p class="heading">Set document categories</p>
<div class="document-category-dialog">
{{ui/ui-list-picker items=categories nameField='category'}}
{{#if canAddCategory}}
{{#link-to 'folder.category' folder.id folder.slug}}Manage{{/link-to}}
{{/if}}
</div>
{{/dropdown-dialog}}
{{/if}}