Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-21 22:29:41 +02:00
Code Releases Activity

gui/editors: toggle Preview/Edit button

Browse source 
When hitting "Preview" on a previewable section (e.g. one with
markdown), the tooltip and icon of the preview-button still show
"Preview". With this change, both the text and the button will be
switched accordingly.
This commit is contained in:
Maximilian Bosch 2020-10-31 21:18:20 +01:00
parent 73e8c7a278
commit 9ed8f79315
No known key found for this signature in database
GPG key ID: 091DBF4D1FC46B8E
3 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
gui/app/components/section/base-editor-inline.js
View file

@ -27,6 +27,10 @@ export default Component.extend(Modals, Notifier, {
return `page-editor-${page.id}`; return `page-editor-${page.id}`;
}), }),
previewText: 'Preview', previewText: 'Preview',
previewIcon: computed('previewIcon', function () {
let constants = this.get('constants');
return constants.Icon.Preview;
}),
pageTitle: '', pageTitle: '',
didReceiveAttrs() { didReceiveAttrs() {
@ -102,8 +106,10 @@ export default Component.extend(Modals, Notifier, {
}, },
onPreview() { onPreview() {
let constants = this.get('constants');
let pt = this.get('previewText'); let pt = this.get('previewText');
this.set('previewText', pt === 'Preview' ? 'Edit Mode' : 'Preview'); this.set('previewText', pt === 'Preview' ? 'Edit Mode' : 'Preview');
this.set('previewIcon', pt === 'Preview' ? constants.Icon.Edit : constants.Icon.Preview);
return this.get('onPreview')(); return this.get('onPreview')();
}, },

1
gui/app/components/ui/ui-toolbar-icon.js
View file

@ -39,6 +39,7 @@ export default Component.extend({
click(e) { click(e) {
if (!_.isUndefined(this.onClick)) { if (!_.isUndefined(this.onClick)) {
this.onClick(e); this.onClick(e);
this.notifyPropertyChange('calcClass');
return; return;
} }

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

@ -29,8 +29,8 @@
tooltip="Insert Link" onClick=(action "onShowLinkModal")}} tooltip="Insert Link" onClick=(action "onShowLinkModal")}}
{{/if}} {{/if}}
{{#if previewButton}} {{#if previewButton}}
{{ui/ui-toolbar-icon icon=constants.Icon.Preview color=constants.Color.Gray {{ui/ui-toolbar-icon icon=previewIcon color=constants.Color.Gray
tooltip="Preview changes" onClick=(action "onPreview")}} tooltip=previewText onClick=(action "onPreview")}}
{{/if}} {{/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.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-icon icon=constants.Icon.Cross color=constants.Color.Red tooltip="Cancel editing" onClick=(action "onCancel")}}