Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-02 12:05:23 +02:00
Code Releases Activity

Change add-ons to use new UI framework

Browse source
This commit is contained in:
Harvey Kandola 2018-12-20 18:12:17 +00:00
parent e140caff55
commit 89957c8278
20 changed files with 301 additions and 258 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,32 +1,29 @@
<div id="section-editor-{{pageId}}">
<div class="row">
<div class="col-8 section-editor">
<div class="grid-container-6-4">
<div class="grid-cell-1 grid-cell-width-100">
<div class="section-editor">
<div class="form-group">
{{focus-input type="text" id="page-title" 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"}}
{{focus-input type="text" id="page-title" value=page.title class=(if hasNameError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder="Enter name"}}
</div>
{{#if hasExcerpt}}
<div class="form-group">
{{textarea id="page-excerpt" 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"}}
{{textarea id="page-excerpt" value=page.excerpt rows="2" class=(if hasDescError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder="Enter description"}}
</div>
{{/if}}
</div>
<div class="col-4">
<div class="float-right">
{{#if busy}}
<img src="/assets/img/busy-gray.gif" class="busy-indicator">
{{/if}}
<div class="btn btn-success" {{action "onAction"}}>{{actionLabel}}</div>
<div class="btn btn-outline-secondary" id="section-editor-cancel-button-{{pageId}}" {{action "onCancel"}}>{{cancelLabel}}</div>
</div>
</div>
</div>
<div class="row">
<div class="col section-editor">
<div class="canvas rounded">
{{yield}}
</div>
</div>
<div class="grid-cell-2 grid-cell-right">
{{#if busy}}
<img src="/assets/img/busy-gray.gif" class="busy-indicator">
{{/if}}
{{ui/ui-button color=constants.Color.Gray light=true label=cancelLabel onClick=(action "onCancel")}}
{{ui/ui-button-gap}}
{{ui/ui-button color=constants.Color.Green light=true label=actionLabel onClick=(action "onAction")}}
</div>
</div>
<div class="section-editor">
<div class="canvas">
{{yield}}
</div>
</div>
@ -38,8 +35,8 @@
<p>You have made changes - continue editing or discard changes?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Continue editing</button>
<button type="button" class="btn btn-danger" onclick={{action "onDiscard"}}>Discard changes</button>
{{ui/ui-button color=constants.Color.Gray light=true label="Continue editing" dismiss=true}}
{{ui/ui-button color=constants.Color.Red light=true label="Discard changes" onClick=(action "onDiscard")}}
</div>
</div>
</div>