1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-02 20:15:26 +02:00

sticky form headers, category improvements, dropdown improvements

This commit is contained in:
Harvey Kandola 2017-10-11 16:05:24 -04:00
parent 785d12191e
commit 1e3f8e51f0
18 changed files with 787 additions and 686 deletions

View file

@ -1,42 +1,44 @@
<div class="document-attachments non-printable">
<h2>Attachments</h2>
{{#if hasAttachments}}
<ul class="list">
{{#each files key="id" as |a index|}}
<li class="item">
<img class="icon" src="/assets/img/attachments/{{document/file-icon a.extension}}" />
<a href="{{ appMeta.endpoint }}/public/attachments/{{ appMeta.orgId }}/{{ a.id }}">
<span class="file">{{ a.filename }}</span>
</a>
{{#if permissions.documentEdit}}
<div class="action round-button-mono">
<i class="material-icons color-gray delete-attachment-{{a.id}}" title="Delete" {{action 'onConfirmDelete' a.id a.filename}}>delete</i>
</div>
{{/if}}
</li>
{{/each}}
</ul>
{{/if}}
{{#if permissions.documentEdit}}
<div class="upload-document-files">
<div class="chip chip-action">
<span id="upload-document-files" class="chip-text">+ attachment</span>
{{#if canShow}}
<div class="document-attachments non-printable">
<h2>Attachments</h2>
{{#if hasAttachments}}
<ul class="list">
{{#each files key="id" as |a index|}}
<li class="item">
<img class="icon" src="/assets/img/attachments/{{document/file-icon a.extension}}" />
<a href="{{ appMeta.endpoint }}/public/attachments/{{ appMeta.orgId }}/{{ a.id }}">
<span class="file">{{ a.filename }}</span>
</a>
{{#if permissions.documentEdit}}
<div class="action round-button-mono">
<i class="material-icons color-gray delete-attachment-{{a.id}}" title="Delete" {{action 'onConfirmDelete' a.id a.filename}}>delete</i>
</div>
{{/if}}
</li>
{{/each}}
</ul>
{{/if}}
{{#if permissions.documentEdit}}
<div class="upload-document-files">
<div class="chip chip-action">
<span id="upload-document-files" class="chip-text">+ attachment</span>
</div>
</div>
{{/if}}
</div>
<div class="dropdown-dialog delete-attachment-dialog">
<div class="content">
<p>Are you sure you want to delete <span class="bold">{{deleteAttachment.name}}?</span></p>
</div>
<div class="actions">
<div class="flat-button" {{action 'onCancel'}}>
cancel
</div>
<div class="flat-button flat-red" {{action 'onDelete'}}>
delete
</div>
</div>
{{/if}}
</div>
<div class="dropdown-dialog delete-attachment-dialog">
<div class="content">
<p>Are you sure you want to delete <span class="bold">{{deleteAttachment.name}}?</span></p>
<div class="clearfix"></div>
</div>
<div class="actions">
<div class="flat-button" {{action 'onCancel'}}>
cancel
</div>
<div class="flat-button flat-red" {{action 'onDelete'}}>
delete
</div>
</div>
<div class="clearfix"></div>
</div>
{{/if}}

View file

@ -27,12 +27,14 @@
<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 left" button="set" color="flat-green" onAction=(action 'onSave')}}
{{#dropdown-dialog target="document-category-button" position="bottom right" button="set" color="flat-green" onAction=(action 'onSave')}}
<p class="heading">Set document categories</p>
{{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="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>
{{/dropdown-dialog}}
{{/if}}
</div>

View file

@ -1,4 +1,4 @@
<div id="{{contentId}}" class="dropdown-dialog">
<div id="{{contentId}}" class="dropdown-dialog {{cssClass}}">
<form class="form" {{action 'onAction' on="submit"}}>
<div class="content">
{{yield}}

View file

@ -1,9 +1,15 @@
<div class="space-settings">
<div class="panel">
<div class="form-header">
<div class="title">Permissions</div>
<div class="tip">Define who can do what in this space</div>
<div class="form-header-sticky">
<div class="left-zone">
<div class="title">Permissions</div>
<div class="tip">Define who can do what in this space</div>
</div>
<div class="right-zone">
<div class="regular-button button-blue" {{action 'setPermissions'}}>GRANT</div>
</div>
</div>
<div class="clearfix" />
<div class="input-control">
<div class="permissions-table">
{{#each permissions as |permission|}}
@ -40,6 +46,5 @@
{{/each}}
</div>
</div>
<div class="regular-button button-blue" {{action 'setPermissions'}}>GRANT</div>
</div>
</div>

View file

@ -3,7 +3,7 @@
<div class="space-heading {{if permissions.spaceOwner 'cursor-pointer'}}" onclick={{if permissions.spaceOwner (action 'toggleEdit')}}>
<h1 class="space-name">{{folder.name}}</h1>
<div class="space-summary">
This space contains {{documents.length}} {{if (eq rootDocCount.length 1) 'document' 'documents'}}
This space contains {{documents.length}} {{if (eq documents.length 1) 'document' 'documents'}}
{{if (eq categories.length 1) (concat 'and ' categories.length ' category')}}
{{if (gt categories.length 1) (concat 'and ' categories.length ' categories')}}
</div>

View file

@ -19,7 +19,7 @@
{{#if (gt categories.length 0)}}
<div class="space-filter">
<div class="caption">Space</div>
<div class="regular-button button-nav {{if spaceSelected 'selected'}}" {{action 'onDocumentFilter' 'space' folder.id}}>
<div class="regular-button {{if spaceSelected 'button-blue' 'button-nav'}}" {{action 'onDocumentFilter' 'space' folder.id}}>
<div class="name">all ({{documents.length}})</div>
</div>
</div>
@ -27,13 +27,13 @@
<div class="category-filter">
<div class="caption">Category</div>
{{#if (gt rootDocCount 0)}}
<div class="regular-button button-blue {{if uncategorizedSelected 'selected'}}" {{action 'onDocumentFilter' 'uncategorized' folder.id}}>
<div class="regular-button {{if uncategorizedSelected 'button-blue' 'button-gray'}}" {{action 'onDocumentFilter' 'uncategorized' folder.id}}>
<div class="name">uncategorized ({{rootDocCount}})</div>
</div>
<div class="button-gap"/>
{{/if}}
{{#each categories as |cat index|}}
<div class="regular-button button-blue {{if cat.selected 'selected'}}" {{action 'onDocumentFilter' 'category' cat.id}}>
<div class="regular-button {{if cat.selected 'button-blue' 'button-gray'}}" {{action 'onDocumentFilter' 'category' cat.id}}>
{{cat.category}} ({{cat.docCount}})
</div>
<div class="button-gap"/>