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

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

@ -1,47 +1,46 @@
<div id="section-editor-{{pageId}}">
<div class="row">
<div class="col-8 section-editor">
{{#if blockMode}}
<div class="form-group">
{{focus-input id="page-id-{{pageId}}" value=pageTitle 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">
{{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=pageTitle 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-4">
<div class="float-right">
{{#if busy}}
<img src="/assets/img/busy-gray.gif" class="busy-indicator">
{{/if}}
{{#if contentLinkerButton}}
<div class="btn btn-primary" id="section-editor-link-button-{{pageId}}" {{action "onShowLinkModal"}}>
Link
{{#attach-tooltip showDelay=1000}}Insert Link{{/attach-tooltip}}
</div>
{{/if}}
{{#if previewButton}}
<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>
<div class="btn btn-outline-secondary" id="section-editor-cancel-button-{{pageId}}" {{action "onCancel"}}>Cancel</div>
<div class="grid-container-8-2">
<div class="grid-cell-1 grid-cell-width-100">
<div class="section-editor">
<form>
{{#if blockMode}}
<div class="form-group">
{{focus-input id="page-id-{{pageId}}" value=pageTitle placeholder="Enter name"
class=(if hasNameError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap")}}
</div>
<div class="form-group">
{{textarea id="page-excerpt-{{pageId}}" 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>
{{else}}
<div class="form-group">
{{focus-input type="text" id=pageId value=pageTitle class=(if hasNameError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder="Enter name"}}
</div>
{{/if}}
</form>
</div>
</div>
</div>
<div class="row">
<div class="col section-editor">
<div class="canvas rounded mt-5">
{{yield}}
</div>
</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-toolbar dark=false light=true raised=true large=true bordered=true}}
{{#if contentLinkerButton}}
{{ui/ui-toolbar-icon icon=constants.Icon.Link color=constants.Color.Gray
tooltip="Insert Link" onClick=(action "onShowLinkModal")}}
{{/if}}
{{#if previewButton}}
{{ui/ui-toolbar-icon icon=constants.Icon.Preview color=constants.Color.Gray
tooltip="Preview changes" onClick=(action "onPreview")}}
{{/if}}
{{ui/ui-toolbar-icon icon=constants.Icon.Tick color=constants.Color.Green tooltip="Save changes" onClick=(action "onAction")}}
{{ui/ui-toolbar-icon icon=constants.Icon.Cross color=constants.Color.Red tooltip="Cancel editing" onClick=(action "onCancel")}}
{{/ui/ui-toolbar}}
</div>
</div>
<div class="section-editor">
<div class="canvas">
{{yield}}
</div>
</div>
</div>
@ -53,8 +52,8 @@
<p>You have made changes to the section - 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>