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 section editors UX

Browse source
This commit is contained in:
Harvey Kandola 2017-12-08 17:24:39 +00:00
parent 35947ffbfc
commit 57b3801f87
21 changed files with 210 additions and 308 deletions
Download patch file Download diff file Expand all files Collapse all files

18
gui/app/templates/components/section/base-editor-inline.hbs
View file

@ -1,24 +1,22 @@
<div id="section-editor-{{pageId}}" class="{{if blockMode 'sectiopn-editor-fullscreen'}}">
<div id="section-editor-{{pageId}}">
<div class="row">
<div class="col-9 section-editor">
<div class="col-8 section-editor">
{{#if blockMode}}
<div class="form-group">
<label>Name</label>
{{focus-input id="page-id-{{pageId}}" value=page.title class="form-control mousetrap"}}
{{focus-input id="page-id-{{pageId}}" value=page.title class=(if hasNameError 'form-control mousetrap form-control-lg edit-title is-invalid' 'form-control form-control-lg edit-title mousetrap') placeholder="Enter name"}}
</div>
<div class="form-group">
<label>Description</label>
{{textarea id="page-excerpt-{{pageId}}" value=page.excerpt class="form-control mousetrap" rows="3"}}
{{textarea id="page-excerpt-{{pageId}}" value=page.excerpt rows="2" class=(if hasDescError 'form-control mousetrap form-control-lg edit-title is-invalid' 'form-control form-control-lg edit-title mousetrap') placeholder="Enter description"}}
</div>
{{else}}
<div class="form-group">
{{focus-input type="text" id=pageId value=page.title class=(if hasNameError 'form-control mousetrap form-control-lg edit-title is-invalid' 'form-control form-control-lg edit-title mousetrap') placeholder="Name"}}
{{focus-input type="text" id=pageId value=page.title class=(if hasNameError 'form-control mousetrap form-control-lg edit-title is-invalid' 'form-control form-control-lg edit-title mousetrap') placeholder="Enter name"}}
</div>
{{/if}}
</div>
<div class="col-3">
<div class="col-4">
<div class="float-right">
{{#if busy}}
<img src="/assets/img/busy-gray.gif" class="busy-indicator" />
@ -29,7 +27,7 @@
{{/if}}
{{#if previewButton}}
<div class="btn btn-primary" id="section-editor-preview-button-{{pageId}}" data-toggle="tooltip" data-placement="top" title="Preview" {{action 'onPreview'}}>Preview</div>
<div class="btn btn-primary" id="section-editor-preview-button-{{pageId}}" {{action 'onPreview'}}>{{previewText}}</div>
{{/if}}
<div class="btn btn-success" {{action 'onAction'}}>Save</div>
@ -40,7 +38,7 @@
<div class="row">
<div class="col section-editor">
<div class="canvas">
<div class="canvas rounded">
{{yield}}
</div>
</div>