X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/12e7b7cbf07c8633f3093df7b4898156cca768f6..0128515732e28982f0fafe28dbd5df19258ec670:/project/static/js/editor.js diff --git a/project/static/js/editor.js b/project/static/js/editor.js index 7b145626..3b750cab 100644 --- a/project/static/js/editor.js +++ b/project/static/js/editor.js @@ -106,6 +106,8 @@ Panel.prototype.saveInfo = function() { function Editor() { this.rootDiv = $('#panels'); + this.popupQueue = []; + this.autosaveTimer = null; } Editor.prototype.setupUI = function() { @@ -113,7 +115,7 @@ Editor.prototype.setupUI = function() { var self = this; self.rootDiv.makeHorizPanel({}); // TODO: this probably doesn't belong into jQuery - self.rootDiv.css('top', ($('#header').outerHeight() ) + 'px'); + // self.rootDiv.css('top', ($('#header').outerHeight() ) + 'px'); $('#panels > *.panel-wrap').each(function() { var panelWrap = $(this); @@ -198,22 +200,26 @@ Editor.prototype.savePanelOptions = function() { $.cookie('options', $.toJSON(self.options), { expires: 7, path: '/'}); } -Editor.prototype.saveToBranch = function() { +Editor.prototype.saveToBranch = function(msg) +{ var changed_panel = $('.panel-wrap.changed'); var self = this; $.log('Saving to local branch - panel:', changed_panel); + if(!msg) msg = "Zapis z edytora platformy."; + if( changed_panel.length == 0) { $.log('Nothing to save.'); - return; /* no changes */ + return true; /* no changes */ } if( changed_panel.length > 1) { alert('Błąd: więcej niż jeden panel został zmodyfikowany. Nie można zapisać.'); - return; + return false; } saveInfo = changed_panel.data('ctrl').saveInfo(); + $.extend(saveInfo.postData, {'commit_message': msg}); $.ajax({ url: saveInfo.url, @@ -225,19 +231,38 @@ Editor.prototype.saveToBranch = function() { self.refreshPanels(changed_panel); $('#toolbar-button-save').attr('disabled', 'disabled'); $('#toolbar-button-commit').removeAttr('disabled'); + if(self.autosaveTimer) + clearTimeout(self.autosaveTimer); + + self.showPopup('save-successful'); } }, error: function(rq, tstat, err) { - $.log('save error', rq, tstat, err); + self.showPopup('save-error'); }, type: 'POST', data: saveInfo.postData }); + + return true; }; +Editor.prototype.autoSave = function() +{ + this.autosaveTimer = null; + // first check if there is anything to save + $.log('Autosave'); + this.saveToBranch("Automatyczny zapis z edytora platformy."); +} + Editor.prototype.onContentChanged = function(event, data) { + var self = this; + $('#toolbar-button-save').removeAttr('disabled'); $('#toolbar-button-commit').attr('disabled', 'disabled'); + + if(this.autosaveTimer) return; + this.autosaveTimer = setTimeout( function() { self.autoSave(); }, 300000 ); }; Editor.prototype.refreshPanels = function(goodPanel) { @@ -256,9 +281,11 @@ Editor.prototype.refreshPanels = function(goodPanel) { Editor.prototype.sendPullRequest = function () { - if( $('.panel-wrap.changed').length != 0) + if( $('.panel-wrap.changed').length != 0) alert("There are unsaved changes - can't make a pull request."); + this.showPopup('not-implemented'); +/* $.ajax({ url: '/pull-request', dataType: 'json', @@ -270,9 +297,36 @@ Editor.prototype.sendPullRequest = function () { }, type: 'POST', data: {} - }); + }); */ } +Editor.prototype.showPopup = function(name) +{ + var self = this; + self.popupQueue.push(name) + + if( self.popupQueue.length > 1) + return; + + $('#message-box > #' + name).fadeIn(); + + self._nextPopup = function() { + var elem = self.popupQueue.pop() + if(elem) { + elem = $('#message-box > #' + elem); + elem.fadeOut(300, function() { + if( self.popupQueue.length > 0) + $('#message-box > #' + self.popupQueue[0]).fadeIn(); + setTimeout(self._nextPopup, 1700); + }); + + } + } + + setTimeout(self._nextPopup, 2000); +} + + $(function() { editor = new Editor();