Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Update undo/redo arrows to represent if they are active

Browse Source 
[MAILPOET-1976]
This commit is contained in:
Ján Mikláš
2019-05-29 16:20:14 +02:00
committed by M. Shull
parent b64ba9f9b1
commit 04155ab412
1 changed files with 32 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
assets/js/src/newsletter_editor/components/history.js
View File

@@ -1,4 +1,5 @@
import App from 'newsletter_editor/App'; import App from 'newsletter_editor/App';
import jQuery from 'jquery';
import Marionette from 'backbone.marionette'; import Marionette from 'backbone.marionette';
var Module = {}; var Module = {};
@@ -6,6 +7,11 @@ var Module = {};
Module.HistoryView = Marionette.View.extend({ Module.HistoryView = Marionette.View.extend({
MAX_HISTORY_STATES: 25, MAX_HISTORY_STATES: 25,
elements: {
redo: null,
undo: null,
},
model: { model: {
states: [], // from newest states: [], // from newest
currentStateIndex: 0, currentStateIndex: 0,
@@ -19,6 +25,12 @@ Module.HistoryView = Marionette.View.extend({
App.getChannel().on('afterEditorSave', this.setCurrentState, this); App.getChannel().on('afterEditorSave', this.setCurrentState, this);
}, },
onAttach: function onRender() {
this.elements.redo = jQuery('#mailpoet-history-arrow-redo');
this.elements.undo = jQuery('#mailpoet-history-arrow-undo');
this.updateArrowsUI();
},
setCurrentState: function setCurrentState(json) { setCurrentState: function setCurrentState(json) {
if (!json || !json.body) { if (!json || !json.body) {
return; return;
@@ -29,6 +41,26 @@ Module.HistoryView = Marionette.View.extend({
this.model.states.unshift(json.body); this.model.states.unshift(json.body);
this.model.currentStateIndex = 0; this.model.currentStateIndex = 0;
this.model.states.length = Math.min(this.model.states.length, this.MAX_HISTORY_STATES); this.model.states.length = Math.min(this.model.states.length, this.MAX_HISTORY_STATES);
this.updateArrowsUI();
},
canUndo: function canUndo() {
return this.model.currentStateIndex < (this.model.states.length - 1)
},
canRedo: function canRedo() {
return this.model.currentStateIndex !== 0;
},
updateArrowsUI: function updateArrowsUI() {
this.elements.undo.addClass('mailpoet_history_arrow_inactive');
this.elements.redo.addClass('mailpoet_history_arrow_inactive');
if (this.canUndo()) {
this.elements.undo.removeClass('mailpoet_history_arrow_inactive');
};
if (this.canRedo()) {
this.elements.redo.removeClass('mailpoet_history_arrow_inactive');
};
}, },
}); });