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

Update Space view to use new layout

This commit is contained in:
McMatts 2018-12-17 13:39:13 +00:00
parent 0cc83c13c8
commit d5b5e015d1
18 changed files with 474 additions and 330 deletions

View file

@ -2,44 +2,41 @@
<ul class="documents">
{{#each documents key="id" as |document|}}
<li class="document {{if document.selected "selected"}}" id="document-{{document.id}}">
{{#link-to "document.index" space.id space.slug document.id document.slug}}
<div class="title">{{ document.name }}</div>
<div class="snippet">{{ document.excerpt }}</div>
{{folder/document-tags documentTags=document.tags}}
{{#if (not-eq document.lifecycle constants.Lifecycle.Live)}}
<button type="button" class="mt-3 btn btn-warning text-uppercase bold-700">{{document.lifecycleLabel}}</button>
{{/if}}
{{#link-to "document.index" space.id space.slug document.id document.slug class="info"}}
<div class="name">{{ document.name }}</div>
<div class="desc">{{ document.excerpt }}</div>
{{/link-to}}
<div class="meta">
<div class="lifecycle">
<div class="{{if (eq document.lifecycle constants.Lifecycle.Draft) 'draft'}}
{{if (eq document.lifecycle constants.Lifecycle.Live) 'live'}}
{{if (eq document.lifecycle constants.Lifecycle.Archived) 'archived'}}">
{{document.lifecycleLabel}}
</div>
</div>
{{folder/document-tags documentTags=document.tags}}
</div>
{{#if hasDocumentActions}}
<div class="checkbox" {{action "selectDocument" document.id}}>
{{#if document.selected}}
<i class="material-icons">check_box</i>
<i class="dicon {{constants.Icon.CheckboxChecked}}"/>
{{else}}
<i class="material-icons">check_box_outline_blank</i>
<i class="dicon {{constants.Icon.Checkbox}}"/>
{{/if}}
</div>
{{#if document.selected}}
<div class="actions">
<div class="move-documents-button button-icon-green button-icon-small align-middle" {{action "onExport"}}>
<i class="material-icons">import_export</i>
{{#attach-tooltip showDelay=1000}}Export as HTML{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
{{#if permissions.documentMove}}
<div class="move-documents-button button-icon-green button-icon-small align-middle" {{action "onShowMoveDocuments"}}>
<i class="material-icons">compare_arrows</i>
{{#attach-tooltip showDelay=1000}}Move{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
{{/if}}
{{#if permissions.documentDelete}}
<div class="delete-documents-button button-icon-red button-icon-small align-middle" {{action "onShowDeleteDocuments"}}>
{{#attach-tooltip showDelay=1000}}Delete{{/attach-tooltip}}
<i class="material-icons">delete</i>
</div>
{{/if}}
{{#ui/ui-toolbar dark=false light=true raised=true large=false bordered=true}}
{{ui/ui-toolbar-icon icon=constants.Icon.Export color=constants.Color.Gray tooltip="Export content" onClick=(action "onExport")}}
{{#if permissions.documentMove}}
{{ui/ui-toolbar-icon icon=constants.Icon.Export2 color=constants.Color.Gray tooltip="Move to another space" onClick=(action "onShowMoveDocuments")}}
{{/if}}
{{#if permissions.documentDelete}}
{{ui/ui-toolbar-icon icon=constants.Icon.Delete color=constants.Color.Red tooltip="Delete" onClick=(action "onShowDeleteDocuments")}}
{{/if}}
{{/ui/ui-toolbar}}
</div>
{{/if}}
{{/if}}