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

[WIP] refactoring start document UX

Browse source
This commit is contained in:
Harvey Kandola 2017-11-22 17:27:09 +00:00
parent aee9345886
commit 18fc5db8c6
13 changed files with 145 additions and 198 deletions
Download patch file Download diff file Expand all files Collapse all files

5
gui/app/templates/components/folder/space-view.hbs
View file

@ -1,4 +1,4 @@
{{folder/space-heading space=space permissions=permissions}}
{{folder/space-heading space=space permissions=permissions }}
{{#if hasCategories}}
<div class="clearfix">
@ -33,6 +33,3 @@
{{folder/documents-list documents=filteredDocs spaces=spaces space=space
templates=templates permissions=permissions
onDeleteDocument=(action 'onDeleteDocument') onMoveDocument=(action 'onMoveDocument')}}
{{folder/start-document folder=space templates=templates permissions=permissions
onImport=(action 'onImport') onHideStartDocument=(action 'onHideStartDocument')}}

69
gui/app/templates/components/folder/start-document.hbs
View file

@ -1,48 +1,39 @@
<div id="new-document-wizard" class="new-document-wizard">
<div class="input-control pull-left width-80">
<label>Document Name</label>
<div class="tip">Provide a concise name for the new document</div>
{{focus-input type="text" id="new-document-name" value=newDocumentName class=(if newDocumentNameMissing 'document-name error-inline' 'document-name mousetrap') autocomplete="off"}}
</div>
<div class="round-button-mono pull-right" {{action 'onHideStartDocument'}}>
<i class="material-icons color-gray">close</i>
</div>
<div class="clearfix" />
<div class="import-zone">
<div id="import-document-button" class="import-document-button">
Click to select or drag-drop files <br/>(doc, docx, md, markdown)
</div>
<div class="input-control">
<label>Select Template</label>
<div class="tip">Start a blank document or pick a template</div>
<div class="list-wrapper">
<ul class="template-list">
{{#each savedTemplates key="id" as |template|}}
<li class="item">
{{#if permissions.documentTemplate}}
{{#unless template.locked}}
<div class="template-actions">
<i class="material-icons" {{action 'editTemplate' template}}>mode_edit</i>
</div>
{{/unless}}
{{/if}}
<div class="details" {{action 'startDocument' template}}>
<div class='title'>{{template.title}}</div>
<div class='desc'>{{template.description}}</div>
</div>
</li>
{{/each}}
</ul>
<div class="import-status">
{{#each importStatus as |status|}}
<p>{{status}}</p>
{{/each}}
</div>
</div>
<div id="import-document-button" class="import-document-button">
Alternatively, click to select or drag-drop files <br/>(doc, docx, md, markdown)
</div>
<div class="import-status">
{{#each importStatus as |status|}}
<p>{{status}}</p>
{{/each}}
<div class="fresh-zone">
<div class="form-group">
<label for="new-document-name">Or start new document</label>
{{input type='text' id="new-document-name" class="form-control mousetrap" placeholder="Provide document name" value=newDocumentName class=(if newDocumentNameMissing 'document-name is-invalid' 'document-name mousetrap') autocomplete="off"}}
</div>
<ul class="template-list">
{{#each savedTemplates key="id" as |template|}}
<li class="item">
{{#if permissions.documentTemplate}}
{{#unless template.locked}}
<div class="template-actions">
<i class="material-icons" {{action 'editTemplate' template}}>mode_edit</i>
</div>
{{/unless}}
{{/if}}
<div class="details text-truncate" {{action 'startDocument' template}}>
<div class='title text-truncate'>{{template.title}}</div>
<div class='desc text-truncate'>{{template.description}}</div>
</div>
</li>
{{/each}}
</ul>
</div>
</div>