1bf6ebb1712cb75d2d36b07bdb1444d547402a17
[redakcja.git] / src / redakcja / static / js / wiki / wikiapi.js
1 (function($) {
2     $.wikiapi = {};
3     var noop = function() {
4     };
5     var noops = {
6         success: noop,
7         failure: noop
8     };
9     /*
10      * Return absolute reverse path of given named view. (at least he have it
11      * hard-coded in one place)
12      *
13      * TODO: think of a way, not to hard-code it here ;)
14      *
15      */
16     function reverse() {
17         var vname = arguments[0];
18         var base_path = "/editor";
19
20         if (vname == "ajax_document_text") {
21             var path = "/text/" + arguments[1] + '/';
22
23             if (arguments[2] !== undefined)
24                 path += arguments[2] + '/';
25
26             return base_path + path;
27         }
28
29         if (vname == "ajax_document_revert") {
30             return base_path + "/revert/" + arguments[1] + '/';
31         }
32
33
34         if (vname == "ajax_document_history") {
35             return base_path + "/history/" + arguments[1] + '/';
36         }
37
38         if (vname == "ajax_document_gallery") {
39             return base_path + "/gallery/" + arguments[1] + '/';
40         }
41
42         if (vname == "ajax_document_diff")
43             return base_path + "/diff/" + arguments[1] + '/';
44
45         if (vname == "ajax_document_rev")
46             return base_path + "/rev/" + arguments[1] + '/';
47
48         if (vname == "ajax_document_pubmark")
49             return base_path + "/pubmark/" + arguments[1] + '/';
50
51         if (vname == "ajax_cover_preview")
52             return "/cover/preview/";
53
54         console.log("Couldn't reverse match:", vname);
55         return "/404.html";
56     };
57     class Api {
58         static csrf = $('input[name="csrfmiddlewaretoken"]').val();
59
60         // TODO: Add waiting marker, error reporting.
61         static post(url, data) {
62             data['csrfmiddlewaretoken'] = this.csrf;
63             $.ajax({
64                 url: url,
65                 type: "POST",
66                 data: data
67             });
68         }
69
70         static get(url, callback) {
71             $.ajax({
72                 url: url,
73                 type: "GET",
74                 success: function(data) {
75                     callback(data);
76                 },
77             });
78         }
79
80         static setGallery(id, gallery) {
81             this.post(
82                 '/editor/set-gallery/' + id + '/',
83                 {gallery: gallery}
84             )
85         }
86         static setGalleryStart(id, start) {
87             this.post(
88                 '/editor/set-gallery-start/' + id + '/',
89                 {start: start}
90             )
91         }
92
93         static openGalleryEdit(bookSlug) {
94             window.open(
95                 '/documents/book/' + bookSlug + '/gallery/',
96                 '_blank'
97             ).focus();
98         }
99
100         static withGalleryList(callback) {
101             this.get(
102                 '/editor/galleries/',
103                 callback
104             );
105         }
106     }
107
108     /*
109      * Document Abstraction
110      */
111     class WikiDocument {
112         constructor(element_id) {
113             var meta = $('#' + element_id);
114             this.id = meta.attr('data-chunk-id');
115
116             this.revision = $("*[data-key='revision']", meta).text();
117             this.readonly = !!$("*[data-key='readonly']", meta).text();
118
119             this.bookSlug = $("*[data-key='book-slug']", meta).text();
120             this.galleryLink = $("*[data-key='gallery']", meta).text();
121             this.galleryStart = parseInt($("*[data-key='gallery-start']", meta).text());
122             this.fullUri = $("*[data-key='full-uri']", meta).text();
123
124             this.galleryImages = [];
125             this.text = null;
126             this.has_local_changes = false;
127             this.active = true;
128             this._lock = -1;
129             this._context_lock = -1;
130             this._lock_count = 0;
131         };
132
133         triggerDocumentChanged() {
134             $(document).trigger('wlapi_document_changed', this);
135         }
136
137         /*
138          * Fetch text of this document.
139          */
140         fetch(params) {
141             params = $.extend({}, noops, params);
142             var self = this;
143             $.ajax({
144                 method: "GET",
145                 url: reverse("ajax_document_text", self.id),
146                 data: {"revision": self.revision},
147                 dataType: 'json',
148                 success: function(data) {
149                     var changed = false;
150
151                     if (self.text === null || self.revision !== data.revision) {
152                         self.text = data.text;
153                         $.wiki.undo.push(data.text);
154                         self.revision = data.revision;
155                         self.gallery = data.gallery;
156                         changed = true;
157                         self.triggerDocumentChanged();
158                     };
159
160                     self.has_local_changes = false;
161                     params['success'](self, changed);
162                 },
163                 error: function() {
164                     params['failure'](self, "Nie udało się wczytać treści dokumentu.");
165                 }
166             });
167         }
168
169         /*
170          * Fetch history of this document.
171          */
172         fetchHistory(params) {
173             /* this doesn't modify anything, so no locks */
174             params = $.extend({}, noops, params);
175             var self = this;
176             $.ajax({
177                 method: "GET",
178                 url: reverse("ajax_document_history", self.id) + "?before=" + params.before,
179                 dataType: 'json',
180                 success: function(data) {
181                     params['success'](self, data);
182                 },
183                 error: function() {
184                     params['failure'](self, "Nie udało się wczytać historii dokumentu.");
185                 }
186             });
187         }
188
189         fetchDiff(params) {
190             /* this doesn't modify anything, so no locks */
191             var self = this;
192             params = $.extend({
193                 'from': self.revision,
194                 'to': self.revision
195             }, noops, params);
196             $.ajax({
197                 method: "GET",
198                 url: reverse("ajax_document_diff", self.id),
199                 dataType: 'html',
200                 data: {
201                     "from": params['from'],
202                     "to": params['to']
203                 },
204                 success: function(data) {
205                     params['success'](self, data);
206                 },
207                 error: function() {
208                     params['failure'](self, "Nie udało się wczytać porównania wersji.");
209                 }
210             });
211         }
212
213         checkRevision(params) {
214             /* this doesn't modify anything, so no locks */
215             var self = this;
216             let active = self.active;
217             self.active = false;
218             $.ajax({
219                 method: "GET",
220                 url: reverse("ajax_document_rev", self.id),
221                 data: {
222                     'a': active,
223                 },
224                 dataType: 'text',
225                 success: function(data) {
226                     if (data == '') {
227                         if (params.error)
228                             params.error();
229                     }
230                     else if (data != self.revision)
231                         params.outdated();
232                 }
233             });
234         }
235
236         /*
237          * Fetch gallery
238          */
239         refreshGallery(params) {
240             params = $.extend({}, noops, params);
241             var self = this;
242             if (!self.galleryLink) {
243                 params['failure'](self, 'Brak galerii.');
244                 return;
245             }
246             $.ajax({
247                 method: "GET",
248                 url: reverse("ajax_document_gallery", self.galleryLink),
249                 dataType: 'json',
250                 // data: {},
251                 success: function(data) {
252                     self.galleryImages = data;
253                     params['success'](self, data);
254                 },
255                 error: function(xhr) {
256                     switch (xhr.status) {
257                     case 403:
258                         var msg = 'Galerie dostępne tylko dla zalogowanych użytkowników.';
259                         break;
260                     case 404:
261                         var msg = "Nie znaleziono galerii o nazwie: '" + self.galleryLink + "'.";
262                     default:
263                         var msg = "Nie udało się wczytać galerii o nazwie: '" + self.galleryLink + "'.";
264                     }
265                     self.galleryImages = [];
266                     params['failure'](self, msg);
267                 }
268             });
269         }
270
271         setGallery(gallery) {
272             this.galleryLink = gallery;
273             Api.setGallery(this.id, gallery);
274         }
275
276         setGalleryStart(start) {
277             this.galleryStart = start;
278             Api.setGalleryStart(this.id, start);
279         }
280
281         openGalleryEdit(start) {
282             Api.openGalleryEdit(this.bookSlug);
283         }
284
285         withGalleryList(callback) {
286             Api.withGalleryList(callback);
287         }
288         
289         /*
290          * Set document's text
291          */
292         setText(text, silent=false) {
293             if (text == this.text) return;
294             if (!silent) {
295                 $.wiki.undo.push(text);
296             }
297             this.text = text;
298             this.has_local_changes = true;
299         }
300
301         undo() {
302             let ctx = $.wiki.exitContext();
303             this.setText(
304                 $.wiki.undo.undo(),
305                 true
306             );
307             $.wiki.enterContext(ctx);
308         }
309         redo() {
310             let ctx = $.wiki.exitContext();
311             this.setText(
312                 $.wiki.undo.redo(),
313                 true
314             );
315             $.wiki.enterContext(ctx);
316         }
317
318         /*
319          * Save text back to the server
320          */
321         save(params) {
322             params = $.extend({}, noops, params);
323             var self = this;
324
325             if (!self.has_local_changes) {
326                 console.log("Abort: no changes.");
327                 return params['success'](self, false, "Nie ma zmian do zapisania.");
328             };
329
330             // Serialize form to dictionary
331             var data = {};
332             $.each(params['form'].serializeArray(), function() {
333                 data[this.name] = this.value;
334             });
335
336             data['textsave-text'] = self.text;
337
338             $.ajax({
339                 url: reverse("ajax_document_text", self.id),
340                 type: "POST",
341                 dataType: "json",
342                 data: data,
343                 success: function(data) {
344                     var changed = false;
345
346                     $('#header').removeClass('saving');
347
348                     if (data.text) {
349                         self.text = data.text;
350                         self.revision = data.revision;
351                         self.gallery = data.gallery;
352                         changed = true;
353                         self.triggerDocumentChanged();
354                     };
355
356                     params['success'](self, changed, ((changed && "Udało się zapisać :)") || "Twoja wersja i serwera jest identyczna"));
357                 },
358                 error: function(xhr) {
359                     if ($('#header').hasClass('saving')) {
360                         $('#header').removeClass('saving');
361                         $.blockUI({
362                             message: "<p>Nie udało się zapisać zmian. <br/><button onclick='$.unblockUI()'>OK</button></p>"
363                         })
364                     }
365                     else {
366                         try {
367                             params['failure'](self, $.parseJSON(xhr.responseText));
368                         }
369                         catch (e) {
370                             params['failure'](self, {
371                                 "__message": "<p>Nie udało się zapisać - błąd serwera.</p>"
372                             });
373                         };
374                     }
375                 }
376             });
377
378             $('#save-hide').click(function(){
379                 $('#header').addClass('saving');
380                 $.unblockUI();
381                 $.wiki.blocking.unblock();
382             });
383         } /* end of save() */
384
385         revertToVersion(params) {
386             var self = this;
387             params = $.extend({}, noops, params);
388
389             if (params.revision >= this.revision) {
390                 params.failure(self, 'Proszę wybrać rewizję starszą niż aktualna.');
391                 return;
392             }
393
394             // Serialize form to dictionary
395             var data = {};
396             $.each(params['form'].serializeArray(), function() {
397                 data[this.name] = this.value;
398             });
399
400             $.ajax({
401                 url: reverse("ajax_document_revert", self.id),
402                 type: "POST",
403                 dataType: "json",
404                 data: data,
405                 success: function(data) {
406                     if (data.text) {
407                         self.text = data.text;
408                         self.revision = data.revision;
409                         self.gallery = data.gallery;
410                         self.triggerDocumentChanged();
411
412                         params.success(self, "Udało się przywrócić wersję :)");
413                     }
414                     else {
415                         params.failure(self, "Przywracana wersja identyczna z aktualną. Anulowano przywracanie.");
416                     }
417                 },
418                 error: function(xhr) {
419                     params.failure(self, "Nie udało się przywrócić wersji - błąd serwera.");
420                 }
421             });
422         }
423
424         pubmark(params) {
425             params = $.extend({}, noops, params);
426             var self = this;
427             var data = {
428                 "pubmark-id": self.id,
429             };
430
431             /* unpack form */
432             $.each(params.form.serializeArray(), function() {
433                 data[this.name] = this.value;
434             });
435
436             $.ajax({
437                 url: reverse("ajax_document_pubmark", self.id),
438                 type: "POST",
439                 dataType: "json",
440                 data: data,
441                 success: function(data) {
442                     params.success(self, data.message);
443                 },
444                 error: function(xhr) {
445                     if (xhr.status == 403 || xhr.status == 401) {
446                         params.failure(self, {
447                             "__all__": ["Nie masz uprawnień lub nie jesteś zalogowany."]
448                         });
449                     }
450                     else {
451                         try {
452                             params.failure(self, $.parseJSON(xhr.responseText));
453                         }
454                         catch (e) {
455                             params.failure(self, {
456                                 "__all__": ["Nie udało się - błąd serwera."]
457                             });
458                         };
459                     };
460                 }
461             });
462         }
463
464         refreshCover(params) {
465             var self = this;
466             var data = {
467                 xml: self.text // TODO: send just DC
468             };
469             $.ajax({
470                 url: reverse("ajax_cover_preview"),
471                 type: "POST",
472                 data: data,
473                 success: function(data) {
474                     params.success(data);
475                 },
476                 error: function(xhr) {
477                     // params.failure("Nie udało się odświeżyć okładki - błąd serwera.");
478                 }
479             });
480         }
481
482         getLength(params) {
483             params = $.extend({}, noops, params);
484             var xml = this.text.replace(/\/(\s+)/g, '<br />$1');
485             var parser = new DOMParser();
486             var doc = parser.parseFromString(xml, 'text/xml');
487             var error = $('parsererror', doc);
488
489             if (error.length > 0) {
490                 throw "Not an XML document.";
491             }
492             $.xmlns["rdf"] = "http://www.w3.org/1999/02/22-rdf-syntax-ns#";
493             $('rdf|RDF', doc).remove();
494             if (params.noFootnotes) {
495                 $('pa, pe, pr, pt', doc).remove();
496             }
497             if (params.noThemes) {
498                 $('motyw', doc).remove();
499             }
500             var text = $(doc).text();
501             text = $.trim(text.replace(/\s{2,}/g, ' '));
502             return text.length;
503         }
504
505         /* Temporary workaround for relative images. */
506         getBase() {
507             return '/media/dynamic/images/' + this.galleryLink + '/';
508         }
509     }
510
511     $.wikiapi.WikiDocument = WikiDocument;
512 })(jQuery);