X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/df341bdd09208d2b0f84060454cc0000df19deba..87bd94a94dc6cc3dbf47db2bdd17761b3f400138:/src/redakcja/static/js/wiki/wikiapi.js?ds=sidebyside diff --git a/src/redakcja/static/js/wiki/wikiapi.js b/src/redakcja/static/js/wiki/wikiapi.js index 28450ce0..1bf6ebb1 100644 --- a/src/redakcja/static/js/wiki/wikiapi.js +++ b/src/redakcja/static/js/wiki/wikiapi.js @@ -1,218 +1,259 @@ (function($) { - $.wikiapi = {}; - var noop = function() { - }; - var noops = { - success: noop, - failure: noop - }; - /* - * Return absolute reverse path of given named view. (at least he have it - * hard-coded in one place) - * - * TODO: think of a way, not to hard-code it here ;) - * - */ - function reverse() { - var vname = arguments[0]; - var base_path = "/editor"; - - if (vname == "ajax_document_text") { - var path = "/text/" + arguments[1] + '/'; - - if (arguments[2] !== undefined) - path += arguments[2] + '/'; - - return base_path + path; - } + $.wikiapi = {}; + var noop = function() { + }; + var noops = { + success: noop, + failure: noop + }; + /* + * Return absolute reverse path of given named view. (at least he have it + * hard-coded in one place) + * + * TODO: think of a way, not to hard-code it here ;) + * + */ + function reverse() { + var vname = arguments[0]; + var base_path = "/editor"; + + if (vname == "ajax_document_text") { + var path = "/text/" + arguments[1] + '/'; + + if (arguments[2] !== undefined) + path += arguments[2] + '/'; + + return base_path + path; + } if (vname == "ajax_document_revert") { return base_path + "/revert/" + arguments[1] + '/'; } - if (vname == "ajax_document_history") { - - return base_path + "/history/" + arguments[1] + '/'; - } - - if (vname == "ajax_document_gallery") { + if (vname == "ajax_document_history") { + return base_path + "/history/" + arguments[1] + '/'; + } - return base_path + "/gallery/" + arguments[1] + '/'; - } + if (vname == "ajax_document_gallery") { + return base_path + "/gallery/" + arguments[1] + '/'; + } - if (vname == "ajax_document_diff") - return base_path + "/diff/" + arguments[1] + '/'; + if (vname == "ajax_document_diff") + return base_path + "/diff/" + arguments[1] + '/'; if (vname == "ajax_document_rev") return base_path + "/rev/" + arguments[1] + '/'; - if (vname == "ajax_document_pubmark") - return base_path + "/pubmark/" + arguments[1] + '/'; - - if (vname == "ajax_cover_preview") - return "/cover/preview/"; - - console.log("Couldn't reverse match:", vname); - return "/404.html"; - }; - - /* - * Document Abstraction - */ - function WikiDocument(element_id) { - var meta = $('#' + element_id); - this.id = meta.attr('data-chunk-id'); - - this.revision = $("*[data-key='revision']", meta).text(); - this.readonly = !!$("*[data-key='readonly']", meta).text(); - - this.galleryLink = $("*[data-key='gallery']", meta).text(); - this.galleryStart = parseInt($("*[data-key='gallery-start']", meta).text()); - - var diff = $("*[data-key='diff']", meta).text(); - if (diff) { - diff = diff.split(','); - if (diff.length == 2 && diff[0] < diff[1]) - this.diff = diff; - else if (diff.length == 1) { - diff = parseInt(diff); - if (diff != NaN) - this.diff = [diff - 1, diff]; - } + if (vname == "ajax_document_pubmark") + return base_path + "/pubmark/" + arguments[1] + '/'; + + if (vname == "ajax_cover_preview") + return "/cover/preview/"; + + console.log("Couldn't reverse match:", vname); + return "/404.html"; + }; + class Api { + static csrf = $('input[name="csrfmiddlewaretoken"]').val(); + + // TODO: Add waiting marker, error reporting. + static post(url, data) { + data['csrfmiddlewaretoken'] = this.csrf; + $.ajax({ + url: url, + type: "POST", + data: data + }); + } + + static get(url, callback) { + $.ajax({ + url: url, + type: "GET", + success: function(data) { + callback(data); + }, + }); + } + + static setGallery(id, gallery) { + this.post( + '/editor/set-gallery/' + id + '/', + {gallery: gallery} + ) + } + static setGalleryStart(id, start) { + this.post( + '/editor/set-gallery-start/' + id + '/', + {start: start} + ) + } + + static openGalleryEdit(bookSlug) { + window.open( + '/documents/book/' + bookSlug + '/gallery/', + '_blank' + ).focus(); + } + + static withGalleryList(callback) { + this.get( + '/editor/galleries/', + callback + ); + } + } + + /* + * Document Abstraction + */ + class WikiDocument { + constructor(element_id) { + var meta = $('#' + element_id); + this.id = meta.attr('data-chunk-id'); + + this.revision = $("*[data-key='revision']", meta).text(); + this.readonly = !!$("*[data-key='readonly']", meta).text(); + + this.bookSlug = $("*[data-key='book-slug']", meta).text(); + this.galleryLink = $("*[data-key='gallery']", meta).text(); + this.galleryStart = parseInt($("*[data-key='gallery-start']", meta).text()); + this.fullUri = $("*[data-key='full-uri']", meta).text(); + + this.galleryImages = []; + this.text = null; + this.has_local_changes = false; + this.active = true; + this._lock = -1; + this._context_lock = -1; + this._lock_count = 0; + }; + + triggerDocumentChanged() { + $(document).trigger('wlapi_document_changed', this); + } + + /* + * Fetch text of this document. + */ + fetch(params) { + params = $.extend({}, noops, params); + var self = this; + $.ajax({ + method: "GET", + url: reverse("ajax_document_text", self.id), + data: {"revision": self.revision}, + dataType: 'json', + success: function(data) { + var changed = false; + + if (self.text === null || self.revision !== data.revision) { + self.text = data.text; + $.wiki.undo.push(data.text); + self.revision = data.revision; + self.gallery = data.gallery; + changed = true; + self.triggerDocumentChanged(); + }; + + self.has_local_changes = false; + params['success'](self, changed); + }, + error: function() { + params['failure'](self, "Nie udaÅo siÄ wczytaÄ treÅci dokumentu."); + } + }); + } + + /* + * Fetch history of this document. + */ + fetchHistory(params) { + /* this doesn't modify anything, so no locks */ + params = $.extend({}, noops, params); + var self = this; + $.ajax({ + method: "GET", + url: reverse("ajax_document_history", self.id) + "?before=" + params.before, + dataType: 'json', + success: function(data) { + params['success'](self, data); + }, + error: function() { + params['failure'](self, "Nie udaÅo siÄ wczytaÄ historii dokumentu."); + } + }); } - this.galleryImages = []; - this.text = null; - this.has_local_changes = false; - this._lock = -1; - this._context_lock = -1; - this._lock_count = 0; - }; - - WikiDocument.prototype.triggerDocumentChanged = function() { - $(document).trigger('wlapi_document_changed', this); - }; - /* - * Fetch text of this document. - */ - WikiDocument.prototype.fetch = function(params) { - params = $.extend({}, noops, params); - var self = this; - $.ajax({ - method: "GET", - url: reverse("ajax_document_text", self.id), - data: {"revision": self.revision}, - dataType: 'json', - success: function(data) { - var changed = false; - - if (self.text === null || self.revision !== data.revision) { - self.text = data.text; - self.revision = data.revision; - self.gallery = data.gallery; - changed = true; - self.triggerDocumentChanged(); - }; - - self.has_local_changes = false; - params['success'](self, changed); - }, - error: function() { - params['failure'](self, "Nie udaÅo siÄ wczytaÄ treÅci dokumentu."); - } - }); - }; - /* - * Fetch history of this document. - * - * from - First revision to fetch (default = 0) upto - Last revision to - * fetch (default = tip) - * - */ - WikiDocument.prototype.fetchHistory = function(params) { - /* this doesn't modify anything, so no locks */ - params = $.extend({}, noops, params); - var self = this; - $.ajax({ - method: "GET", - url: reverse("ajax_document_history", self.id), - dataType: 'json', - data: { - "from": params['from'], - "upto": params['upto'] - }, - success: function(data) { - params['success'](self, data); - }, - error: function() { - params['failure'](self, "Nie udaÅo siÄ wczytaÄ historii dokumentu."); - } - }); - }; - WikiDocument.prototype.fetchDiff = function(params) { - /* this doesn't modify anything, so no locks */ - var self = this; - params = $.extend({ - 'from': self.revision, - 'to': self.revision - }, noops, params); - $.ajax({ - method: "GET", - url: reverse("ajax_document_diff", self.id), - dataType: 'html', - data: { - "from": params['from'], - "to": params['to'] - }, - success: function(data) { - params['success'](self, data); - }, - error: function() { - params['failure'](self, "Nie udaÅo siÄ wczytaÄ porównania wersji."); - } - }); - }; - - WikiDocument.prototype.checkRevision = function(params) { - /* this doesn't modify anything, so no locks */ - var self = this; - $.ajax({ - method: "GET", - url: reverse("ajax_document_rev", self.id), - dataType: 'text', - success: function(data) { - if (data == '') { - if (params.error) - params.error(); + fetchDiff(params) { + /* this doesn't modify anything, so no locks */ + var self = this; + params = $.extend({ + 'from': self.revision, + 'to': self.revision + }, noops, params); + $.ajax({ + method: "GET", + url: reverse("ajax_document_diff", self.id), + dataType: 'html', + data: { + "from": params['from'], + "to": params['to'] + }, + success: function(data) { + params['success'](self, data); + }, + error: function() { + params['failure'](self, "Nie udaÅo siÄ wczytaÄ porównania wersji."); + } + }); + } + + checkRevision(params) { + /* this doesn't modify anything, so no locks */ + var self = this; + let active = self.active; + self.active = false; + $.ajax({ + method: "GET", + url: reverse("ajax_document_rev", self.id), + data: { + 'a': active, + }, + dataType: 'text', + success: function(data) { + if (data == '') { + if (params.error) + params.error(); + } + else if (data != self.revision) + params.outdated(); } - else if (data != self.revision) - params.outdated(); - } - }); - }; + }); + } - /* - * Fetch gallery - */ - WikiDocument.prototype.refreshGallery = function(params) { - params = $.extend({}, noops, params); - var self = this; - if (!self.galleryLink) { - params['failure'](self, 'Brak galerii.'); - return; - } - $.ajax({ - method: "GET", - url: reverse("ajax_document_gallery", self.galleryLink), - dataType: 'json', - // data: {}, - success: function(data) { - self.galleryImages = data; - params['success'](self, data); - }, - error: function(xhr) { - switch (xhr.status) { + /* + * Fetch gallery + */ + refreshGallery(params) { + params = $.extend({}, noops, params); + var self = this; + if (!self.galleryLink) { + params['failure'](self, 'Brak galerii.'); + return; + } + $.ajax({ + method: "GET", + url: reverse("ajax_document_gallery", self.galleryLink), + dataType: 'json', + // data: {}, + success: function(data) { + self.galleryImages = data; + params['success'](self, data); + }, + error: function(xhr) { + switch (xhr.status) { case 403: var msg = 'Galerie dostÄpne tylko dla zalogowanych użytkowników.'; break; @@ -220,226 +261,252 @@ var msg = "Nie znaleziono galerii o nazwie: '" + self.galleryLink + "'."; default: var msg = "Nie udaÅo siÄ wczytaÄ galerii o nazwie: '" + self.galleryLink + "'."; - } - self.galleryImages = []; - params['failure'](self, msg); - } - }); - }; - - /* - * Set document's text - */ - WikiDocument.prototype.setText = function(text) { - return this.setDocumentProperty('text', text); - }; - - /* - * Set document's gallery link - */ - WikiDocument.prototype.setGalleryLink = function(gallery) { - return this.setDocumentProperty('galleryLink', gallery); - }; - - /* - * Set document's property - */ - WikiDocument.prototype.setDocumentProperty = function(property, value) { - if(this[property] !== value) { - this[property] = value; - this.has_local_changes = true; - } - }; - - /* - * Save text back to the server - */ - WikiDocument.prototype.save = function(params) { - params = $.extend({}, noops, params); - var self = this; - - if (!self.has_local_changes) { - console.log("Abort: no changes."); - return params['success'](self, false, "Nie ma zmian do zapisania."); - }; - - // Serialize form to dictionary - var data = {}; - $.each(params['form'].serializeArray(), function() { - data[this.name] = this.value; - }); - - data['textsave-text'] = self.text; - - $.ajax({ - url: reverse("ajax_document_text", self.id), - type: "POST", - dataType: "json", - data: data, - success: function(data) { - var changed = false; - - $('#header').removeClass('saving'); - - if (data.text) { - self.text = data.text; - self.revision = data.revision; - self.gallery = data.gallery; - changed = true; - self.triggerDocumentChanged(); - }; - - params['success'](self, changed, ((changed && "UdaÅo siÄ zapisaÄ :)") || "Twoja wersja i serwera jest identyczna")); - }, - error: function(xhr) { - if ($('#header').hasClass('saving')) { - $('#header').removeClass('saving'); - $.blockUI({ - message: "
Nie udaÅo siÄ zapisaÄ zmian.
Nie udaÅo siÄ zapisaÄ - bÅÄ d serwera.
" - }); - }; - } - - } - }); + self.galleryImages = []; + params['failure'](self, msg); + } + }); + } - $('#save-hide').click(function(){ - $('#header').addClass('saving'); - $.unblockUI(); - $.wiki.blocking.unblock(); - }); - }; /* end of save() */ + setGallery(gallery) { + this.galleryLink = gallery; + Api.setGallery(this.id, gallery); + } - WikiDocument.prototype.revertToVersion = function(params) { - var self = this; - params = $.extend({}, noops, params); + setGalleryStart(start) { + this.galleryStart = start; + Api.setGalleryStart(this.id, start); + } - if (params.revision >= this.revision) { - params.failure(self, 'ProszÄ wybraÄ rewizjÄ starszÄ niż aktualna.'); - return; + openGalleryEdit(start) { + Api.openGalleryEdit(this.bookSlug); } - // Serialize form to dictionary - var data = {}; - $.each(params['form'].serializeArray(), function() { - data[this.name] = this.value; - }); - - $.ajax({ - url: reverse("ajax_document_revert", self.id), - type: "POST", - dataType: "json", - data: data, - success: function(data) { - if (data.text) { - self.text = data.text; - self.revision = data.revision; - self.gallery = data.gallery; - self.triggerDocumentChanged(); - - params.success(self, "UdaÅo siÄ przywróciÄ wersjÄ :)"); - } - else { - params.failure(self, "Przywracana wersja identyczna z aktualnÄ . Anulowano przywracanie."); - } - }, - error: function(xhr) { - params.failure(self, "Nie udaÅo siÄ przywróciÄ wersji - bÅÄ d serwera."); + withGalleryList(callback) { + Api.withGalleryList(callback); + } + + /* + * Set document's text + */ + setText(text, silent=false) { + if (text == this.text) return; + if (!silent) { + $.wiki.undo.push(text); } - }); - }; + this.text = text; + this.has_local_changes = true; + } + + undo() { + let ctx = $.wiki.exitContext(); + this.setText( + $.wiki.undo.undo(), + true + ); + $.wiki.enterContext(ctx); + } + redo() { + let ctx = $.wiki.exitContext(); + this.setText( + $.wiki.undo.redo(), + true + ); + $.wiki.enterContext(ctx); + } + + /* + * Save text back to the server + */ + save(params) { + params = $.extend({}, noops, params); + var self = this; + + if (!self.has_local_changes) { + console.log("Abort: no changes."); + return params['success'](self, false, "Nie ma zmian do zapisania."); + }; + + // Serialize form to dictionary + var data = {}; + $.each(params['form'].serializeArray(), function() { + data[this.name] = this.value; + }); + + data['textsave-text'] = self.text; + + $.ajax({ + url: reverse("ajax_document_text", self.id), + type: "POST", + dataType: "json", + data: data, + success: function(data) { + var changed = false; + + $('#header').removeClass('saving'); - WikiDocument.prototype.pubmark = function(params) { - params = $.extend({}, noops, params); - var self = this; - var data = { - "pubmark-id": self.id, - }; - - /* unpack form */ - $.each(params.form.serializeArray(), function() { - data[this.name] = this.value; - }); - - $.ajax({ - url: reverse("ajax_document_pubmark", self.id), - type: "POST", - dataType: "json", - data: data, - success: function(data) { - params.success(self, data.message); - }, - error: function(xhr) { - if (xhr.status == 403 || xhr.status == 401) { - params.failure(self, { - "__all__": ["Nie masz uprawnieÅ lub nie jesteÅ zalogowany."] - }); - } - else { - try { - params.failure(self, $.parseJSON(xhr.responseText)); - } - catch (e) { - params.failure(self, { - "__all__": ["Nie udaÅo siÄ - bÅÄ d serwera."] - }); - }; - }; - } - }); - }; - - WikiDocument.prototype.refreshCover = function(params) { - var self = this; - var data = { - xml: self.text // TODO: send just DC - }; - $.ajax({ - url: reverse("ajax_cover_preview"), - type: "POST", - data: data, - success: function(data) { - params.success(data); - }, - error: function(xhr) { - // params.failure("Nie udaÅo siÄ odÅwieżyÄ okÅadki - bÅÄ d serwera."); + if (data.text) { + self.text = data.text; + self.revision = data.revision; + self.gallery = data.gallery; + changed = true; + self.triggerDocumentChanged(); + }; + + params['success'](self, changed, ((changed && "UdaÅo siÄ zapisaÄ :)") || "Twoja wersja i serwera jest identyczna")); + }, + error: function(xhr) { + if ($('#header').hasClass('saving')) { + $('#header').removeClass('saving'); + $.blockUI({ + message: "Nie udaÅo siÄ zapisaÄ zmian.
Nie udaÅo siÄ zapisaÄ - bÅÄ d serwera.
" + }); + }; + } + } + }); + + $('#save-hide').click(function(){ + $('#header').addClass('saving'); + $.unblockUI(); + $.wiki.blocking.unblock(); + }); + } /* end of save() */ + + revertToVersion(params) { + var self = this; + params = $.extend({}, noops, params); + + if (params.revision >= this.revision) { + params.failure(self, 'ProszÄ wybraÄ rewizjÄ starszÄ niż aktualna.'); + return; } - }); - }; + // Serialize form to dictionary + var data = {}; + $.each(params['form'].serializeArray(), function() { + data[this.name] = this.value; + }); + + $.ajax({ + url: reverse("ajax_document_revert", self.id), + type: "POST", + dataType: "json", + data: data, + success: function(data) { + if (data.text) { + self.text = data.text; + self.revision = data.revision; + self.gallery = data.gallery; + self.triggerDocumentChanged(); + + params.success(self, "UdaÅo siÄ przywróciÄ wersjÄ :)"); + } + else { + params.failure(self, "Przywracana wersja identyczna z aktualnÄ . Anulowano przywracanie."); + } + }, + error: function(xhr) { + params.failure(self, "Nie udaÅo siÄ przywróciÄ wersji - bÅÄ d serwera."); + } + }); + } - WikiDocument.prototype.getLength = function(params) { - params = $.extend({}, noops, params); - var xml = this.text.replace(/\/(\s+)/g, '