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

[WIP] moved start-document functionality, reworked folder view

WIP -- import files still BROKEN
This commit is contained in:
Harvey Kandola 2017-09-25 19:14:33 +01:00
parent 8f80673cde
commit a0a1dd396a
20 changed files with 2820 additions and 2039 deletions

View file

@ -17,39 +17,6 @@
</div>
{{/if}}
</div>
{{#if canCreate}}
<div class="wizard-item start-document" {{action 'onShowDocumentWizard' document.id}}>
<div class="start-button">
<div class="round-button round-button-small button-green">
<i class="material-icons">add</i>
</div>
<div class="label">document</div>
</div>
</div>
{{else}}
<div class="no-wizard-item" />
{{/if}}
</div>
{{/each}}
</div>
{{folder/start-document folder=folder templates=templates permissions=permissions onImport=(action 'onImport') onHideDocumentWizard=(action 'onHideDocumentWizard')}}
{{#if emptyState}}
{{#if canCreate}}
<div class="start-document start-document-empty-state" {{action 'onShowDocumentWizard' ''}}>
<div class="start-button">
<div class="round-button round-button-small button-green">
<i class="material-icons">add</i>
</div>
<div class="label">document</div>
</div>
</div>
{{/if}}
{{/if}}
<div id="wizard-placeholder" class="hide" />
{{#if emptyState}}
<div class="regular-button button-red margin-top-50" {{action 'onDelete'}}>delete space</div>
{{/if}}

View file

@ -41,6 +41,13 @@
{{else}}
{{#if permissions.documentAdd}}
<div class="round-button button-green" id="document-add-button" data-tooltip="Create document" data-tooltip-position="top center" {{action 'onStartDocument'}}>
<i class="material-icons">add</i>
</div>
<div class="button-gap"></div>
{{/if}}
{{#if pinState.isPinned}}
<div class="round-button button-gray" id="space-unpin-button" data-tooltip="Remove favorite" data-tooltip-position="top center" {{action 'onUnpin'}}>
<i class="material-icons">favorite</i>
@ -62,7 +69,7 @@
{{#if permissions.spaceOwner}}
<div class="button-gap"></div>
<div class="round-button button-red" id="space-delete-button" data-tooltip="Delete everything" data-tooltip-position="top center">
<div class="round-button button-gray" id="space-delete-button" data-tooltip="Delete everything" data-tooltip-position="top center">
<i class="material-icons">delete</i>
</div>
{{/if}}

View file

@ -0,0 +1,17 @@
{{folder/space-heading folder=folder permissions=permissions}}
{{folder/space-toolbar folders=folders folder=folder
permissions=permissions hasSelectedDocuments=hasSelectedDocuments
onDeleteDocument=(action 'onDeleteDocument') onMoveDocument=(action 'onMoveDocument')
onDeleteSpace=(action 'onDeleteSpace') onStartDocument=(action 'onStartDocument')}}
<div class="margin-bottom-20 clearfix" />
{{#if showStartDocument}}
{{folder/start-document folder=folder templates=templates permissions=permissions
onImport=(action 'onImport') onHideStartDocument=(action 'onHideStartDocument')}}
{{else}}
{{folder/documents-list documents=documents folders=folders folder=folder
templates=templates permissions=permissions selectedDocuments=(mut selectedDocuments)
onImport=(action 'onImport')}}
{{/if}}

View file

@ -1,35 +1,42 @@
<div id="new-document-wizard" class="new-document-wizard">
<div class="input-inline input-transparent pull-left width-80">
{{input type="text" id="new-document-name" value=newDocumentName class=(if newDocumentNameMissing 'document-name error-inline' 'document-name mousetrap') placeholder="Name" autocomplete="off"}}
<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 'onHideDocumentWizard'}}>
<div class="round-button-mono pull-right" {{action 'onHideStartDocument'}}>
<i class="material-icons color-gray">close</i>
</div>
<div class="clearfix" />
<div id="import-document-button" class="import-document-button">
Drag-drop or click to select .doc, .docx, .md, .markdown files
<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>
</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 id="import-document-button" class="import-document-button">
Alternatively, click to select or drag-drop files <br/>(doc, docx, md, markdown)
</div>
</div>