3f4d30c20d51beeefc26edc1792fd5c2dc1817a2
[redakcja.git] / platforma / static / js / main.js
1 if (!window.console) {
2     window.console = {
3         log: function() {}
4     }
5 }
6
7 THEMES = ['Alkohol', 'Ambicja', 'Anioł', 'Antysemityzm', 'Arkadia', 'Artysta', 'Bezdomność',
8 'Bezpieczeństwo', 'Bieda', 'Bijatyka', 'Błazen', 'Błądzenie', 'Błoto', 'Bogactwo', 'Bóg', 'Brat',
9 'Bunt', 'Buntownik', 'Burza', 'Car', 'Carpe diem', 'Ciemność', 'Cień', 'Cisza', 'Chciwość', 'Chleb',
10 'Chłop', 'Choroba', 'Chrystus', 'Chrzest', 'Ciało', 'Cierpienie', 'Cmentarz', 'Cnota', 'Córka', 'Cud',
11 'Czarownika', 'Czary', 'Czas', 'Czyn', 'Czyściec', 'Dama', 'Danse macabre', 'Deszcz', 'Diabeł',
12 'Dobro', 'Dom', 'Dorosłość', 'Drzewo', 'Duch', 'Dusza', 'Duma', 'Dworek', 'Dworzanin', 'Dwór',
13 'Dzieciństwo', 'Dziecko', 'Dziedzictwo', 'Dziewictwo', 'Dźwięk', 'Egzorcyzm', 'Elita', 'Emigrant',
14 'Fałsz', 'Filozof', 'Fircyk', 'Flirt', 'Głupiec', 'Głupota', 'Głód', 'Gospodarz', 'Gospodyni', 'Gość',
15 'Gotycyzm', 'Góra', 'Gra', 'Grób', 'Grzech', 'Grzeczność', 'Gwiazda', 'Handel', 'Hańba', 'Historia',
16 'Honor', 'Idealista', 'Imię', 'Interes', 'Jabłka', 'Jedzenie', 'Jesień', 'Kaleka', 'Kara', 'Karczma',
17 'Klęska', 'Kłamstwo', 'Kłótnia', 'Kobieta', 'Kobieta demoniczna', 'Kobieta "upadła"', 'Kochanek',
18 'Kochanek romantyczny', 'Kolonializm', 'Kondycja ludzka', 'Konflikt', 'Konflikt wewnętrzny', 'Koniec świata',
19 'Koń', 'Korzyść', 'Kot', 'Kradzież', 'Krew', 'Król', 'Krzywda', 'Ksiądz', 'Książka',
20 'Księżyc', 'Kuchnia', 'Kuszenie', 'Kwiaty', 'Labirynt', 'Las', 'Lato', 'Lekarz', 'Lenistwo', 'List',
21 'Liberat', 'Los', 'Lud', 'Lustro', 'Łzy', 'Małżeństwo', 'Marzenie', 'Maska', 'Maszyna', 'Matka',
22 'Matka Boska', 'Mądrość', 'Mąż', 'Melancholia', 'Mędrzec', 'Mężczyzna', 'Miasto', 'Mieszczanin',
23 'Miłosierdzie', 'Miłość', 'Miłość niespełniona', 'Miłość platoniczna', 'Miłość romantyczna', 
24 'Miłość silniejsza niż śmierć', 'Miłość spełniona', 'Miłość tragiczna', 'Mizoginia', 'Młodość', 'Moda',
25 'Modlitwa', 'Morderstwo', 'Morze', 'Motyl', 'Mucha', 'Muzyka', 'Narodziny', 'Naród', 'Natura',
26 'Nauczyciel', 'Nauczycielka', 'Nauka', 'Niebezpieczeństwo', 'Niedziela', 'Niemiec', 'Nienawiść',
27 'Nieśmiertelność', 'Niewola', 'Noc', 'Nuda', 'Obcy', 'Obłok', 'Obowiązek', 'Obraz świata', 'Obrzędy',
28 'Obyczaje', 'Obywatel', 'Odrodzenie przez grób', 'Odwaga', 'Ofiara', 'Ogień', 'Ogród', 'Ojciec',
29 'Ojczyzna', 'Oko', 'Okręt', 'Okrucieństwo', 'Omen', 'Opieka', 'Organizm', 'Otchłań', 'Pająk', 'Pamięć',
30 'Pan', 'Panna młoda', 'Państwo', 'Patriota', 'Piekło', 'Pielgrzym', 'Pieniądz', 'Pies', 'Piętno',
31 'Pijaństwo', 'Piwnica', 'Plotka', 'Pobożność', 'Pocałunek', 'Pochlebstwo', 'Poeta', 'Poetka', 'Poezja',
32 'Podróż', 'Podstęp', 'Pogrzeb', 'Pojedynek', 'Pokora', 'Pokusa', 'Polak', 'Polityka', 'Polowanie',
33 'Polska', 'Portret', 'Porwanie', 'Poświęcenie', 'Potwór', 'Powstanie', 'Powstaniec', 'Pozory',
34 'Pozycja społeczna', 'Pożar', 'Pożądanie', 'Praca', 'Praca u podstaw', 'Praca organiczna', 'Prawda', 'Prawnik',
35 'Prometeusz', 'Proroctwo', 'Prorok', 'Próżność', 'Przebranie', 'Przeczucie', 'Przedmurze chrześcijaństwa',
36 'Przekleństwo', 'Przekupstwo', 'Przemiana', 'Przemijanie', 'Przemoc', 'Przestrzeń',
37 'Przyjaźń', 'Przyroda nieożywiona', 'Przysięga', 'Przywódca', 'Ptak', 'Pustynia', 'Pycha', 'Raj',
38 'Realista', 'Religia', 'Rewolucja', 'Robak', 'Robotnik', 'Rodzina', 'Rosja', 'Rosjanin', 'Rośliny',
39 'Rozczarowanie', 'Rozpacz', 'Rozstanie', 'Rozum', 'Ruiny', 'Rycerz', 'Rzeka', 'Salon', 'Samobójstwo',
40 'Samolubstwo', 'Samotnik', 'Samotność', 'Sarmata', 'Sąsiad', 'Sąd', 'Sąd Ostateczny', 'Sen', 'Serce',
41 'Sędzia', 'Sielanka', 'Sierota', 'Siła', 'Siostra', 'Sława', 'Słońce', 'Słowo', 'Sługa', 'Służalczość',
42 'Skąpiec', 'Sobowtór', 'Społecznik', 'Spowiedź', 'Sprawiedliwość', 'Starość', 'Strach', 'Strój',
43 'Stworzenie', 'Sumienie', 'Swaty', 'Syberia', 'Syn', 'Syn marnotrawny', 'Syzyf', 'Szaleniec',
44 'Szaleństwo', 'Szantaż', 'Szatan', 'Szczęście', 'Szkoła', 'Szlachcic', 'Szpieg', 'Sztuka', 'Ślub',
45 'Śmiech', 'Śmierć', 'Śmierć bohaterska', 'Śpiew', 'Światło', 'Świętoszek', 'Święty', 'Świt',
46 'Tajemnica', 'Taniec', 'Tchórzostwo', 'Teatr', 'Testament', 'Tęsknota', 'Theatrum mundi', 'Tłum',
47 'Trucizna', 'Trup', 'Twórczość', 'Uczeń', 'Uczta', 'Uroda', 'Umiarkowanie', 'Upadek', 'Upiór',
48 'Urzędnik', 'Vanitas', 'Walka', 'Walka klas', 'Wampir', 'Warszawa', 'Wąż', 'Wdowa', 'Wdowiec',
49 'Wesele', 'Wiatr', 'Wierność', 'Wierzenia', 'Wieś', 'Wiedza', 'Wieża Babel', 'Więzienie', 'Więzień',
50 'Wina', 'Wino', 'Wiosna', 'Wizja', 'Władza', 'Własność', 'Woda', 'Wojna', 'Wojna pokoleń', 'Wolność',
51 'Wróg', 'Wspomnienia', 'Współpraca', 'Wygnanie', 'Wyrzuty sumienia', 'Wyspa', 'Wzrok', 'Zabawa',
52 'Zabobony', 'Zamek', 'Zaręczyny', 'Zaświaty', 'Zazdrość', 'Zbawienie', 'Zbrodnia', 'Zbrodniarz',
53 'Zdrada', 'Zdrowie', 'Zemsta', 'Zesłaniec', 'Ziarno', 'Ziemia', 'Zima', 'Zło', 'Złodziej', 'Złoty wiek',
54 'Zmartwychwstanie', 'Zwątpienie', 'Zwierzęta', 'Zwycięstwo', 'Żałoba', 'Żebrak', 'Żołnierz',
55 'Żona', 'Życie jako wędrówka', 'Życie snem', 'Żyd', 'Żywioły', 'Oświadczyny']
56
57
58 // Teraz nieużywane
59 function highlight(colour) {
60     var range, sel;
61     if (window.getSelection) {
62         // Non-IE case
63         sel = window.getSelection();
64         if (sel.getRangeAt) {
65             range = sel.getRangeAt(0);
66         }
67         document.designMode = "on";
68         if (range) {
69             sel.removeAllRanges();
70             sel.addRange(range);
71         }
72         // Use HiliteColor since some browsers apply BackColor to the whole block
73         if ( !document.execCommand("HiliteColor", false, colour) ) {
74             document.execCommand("BackColor", false, colour);
75         }
76         document.designMode = "off";
77     } else if (document.selection && document.selection.createRange) {
78         // IE case
79         range = document.selection.createRange();
80         range.execCommand("BackColor", false, colour);
81     }
82 }
83
84 // function unselectThemes(themeId) {
85 //     $('.Apple-style-span').each(function() {
86 //         $(this).after($(this).html());
87 //         $(this).remove();
88 //     });
89 // }
90
91 function gallery(element, url) {    
92     var element = $(element);
93     var imageDimensions = {};
94     element.data('images', []);
95     
96     function changePage(pageNumber) {        
97         $('.gallery-image img', element).attr('src', element.data('images')[pageNumber - 1]);
98     }
99     
100     function normalizeNumber(pageNumber) {
101         // Numer strony musi być pomiędzy 1 a najwyższym numerem
102         var pageCount = element.data('images').length;
103         pageNumber = parseInt(pageNumber, 10);
104         
105         if (!pageNumber || pageNumber == NaN || pageNumber == Infinity || pageNumber == -Infinity) {
106             return 1;
107         } else if (pageNumber < 1) {
108             return 1;
109         } else if (pageNumber > pageCount) {
110             return pageCount;
111         } else {
112             return pageNumber;
113         }
114     }
115     
116     var pn = $('.page-number', element);
117     pn.change(function(event) {
118         event.preventDefault();
119         var n = normalizeNumber(pn.val());
120         pn.val(n);
121         changePage(n);
122     });
123     $('.previous-page', element).click(function() {
124         pn.val(normalizeNumber(pn.val()) - 1);
125         pn.change();
126     });
127     $('.next-page', element).click(function() {
128         pn.val(normalizeNumber(pn.val()) + 1);
129         pn.change();
130     });
131     
132     
133     var image = $('.gallery-image img', element).attr('unselectable', 'on');
134     var origin = {};
135     var imageOrigin = {};
136     var zoomFactor = 1;
137     
138     $('.zoom-in', element).click(function() {
139         zoomFactor = Math.min(2, zoomFactor + 0.2);
140         zoom();
141     });
142     $('.zoom-out', element).click(function() {
143         zoomFactor = Math.max(0.2, zoomFactor - 0.2);
144         zoom();
145     });
146     $('.change-gallery', element).click(function() {
147         $('.chosen-gallery').val($('#document-meta .gallery').html() || '/platforma/gallery/');
148         $('.gallery-image').animate({top: 60}, 200);
149         $('.chosen-gallery').focus();
150     });
151     $('.change-gallery-ok', element).click(function() {
152         if ($('#document-meta .gallery').length == 0) {
153             $('<div class="gallery"></div>').appendTo('#document-meta');
154         }
155         $('#document-meta .gallery').html($('.chosen-gallery').val());
156         updateGallery($('.chosen-gallery').val());
157         $('.gallery-image').animate({top: 30}, 200);
158     });
159     $('.change-gallery-cancel', element).click(function() {
160         $('.gallery-image').animate({top: 30}, 200);
161     });
162     
163     $('.gallery-image img', element).load(function() {
164         image.css({width: null, height: null});
165         imageDimensions = {
166             width: $(this).width() * zoomFactor,
167             height: $(this).height() * zoomFactor,
168             originWidth: $(this).width(),
169             originHeight: $(this).height(),
170             galleryWidth: $(this).parent().width(),
171             galleryHeight: $(this).parent().height()
172         };
173         
174         if (!(imageDimensions.width && imageDimensions.height)) {
175             setTimeout(function() { $('.gallery-image img', element).load(); }, 100);
176         }        
177         var position = normalizePosition(
178             image.position().left,
179             image.position().top, 
180             imageDimensions.galleryWidth,
181             imageDimensions.galleryHeight,
182             imageDimensions.width,
183             imageDimensions.height
184         );
185         image.css({left: position.x, top: position.y, width: $(this).width() * zoomFactor, height: $(this).height() * zoomFactor});
186     });
187
188     $(window).resize(function() {
189         imageDimensions.galleryWidth = image.parent().width();
190         imageDimensions.galleryHeight = image.parent().height();
191     });
192     
193     function bounds(galleryWidth, galleryHeight, imageWidth, imageHeight) {
194         return {
195             maxX: 0,
196             maxY: 0,
197             minX: galleryWidth - imageWidth,
198             minY: galleryHeight - imageHeight
199         }
200     }
201     
202     function normalizePosition(x, y, galleryWidth, galleryHeight, imageWidth, imageHeight) {
203         var b = bounds(galleryWidth, galleryHeight, imageWidth, imageHeight);
204         return {
205             x: Math.min(b.maxX, Math.max(b.minX, x)),
206             y: Math.min(b.maxY, Math.max(b.minY, y))
207         }
208     }
209     
210     function onMouseMove(event) {
211         var position = normalizePosition(
212             event.clientX - origin.x + imageOrigin.left,
213             event.clientY - origin.y + imageOrigin.top, 
214             imageDimensions.galleryWidth,
215             imageDimensions.galleryHeight,
216             imageDimensions.width,
217             imageDimensions.height
218         );
219         image.css({position: 'absolute', top: position.y, left: position.x});
220         return false;
221     }
222     
223     function setZoom(factor) {
224         zoomFactor = factor;
225     }
226     
227     function zoom() {
228         imageDimensions.width = imageDimensions.originWidth * zoomFactor;
229         imageDimensions.height = imageDimensions.originHeight * zoomFactor;
230         var position = normalizePosition(
231             image.position().left,
232             image.position().top, 
233             imageDimensions.galleryWidth,
234             imageDimensions.galleryHeight,
235             imageDimensions.width,
236             imageDimensions.height
237         );
238         image.css({width: imageDimensions.width, height: imageDimensions.height,
239             left: position.x, top: position.y});
240
241     }
242     
243     function onMouseUp(event) {
244         $(document)
245             .unbind('mousemove.gallery')
246             .unbind('mouseup.gallery');
247         return false;
248     }
249     
250     image.bind('mousedown', function(event) {
251         origin = {
252             x: event.clientX,
253             y: event.clientY
254         };
255         imageOrigin = image.position();
256         $(document)
257             .bind('mousemove.gallery', onMouseMove)
258             .bind('mouseup.gallery', onMouseUp);
259         return false;
260     });
261     
262     function updateGallery(url) {
263         $.ajax({
264             url: url,
265             type: 'GET',
266             dataType: 'json',
267
268             success: function(data) {
269                 element.data('images', data);
270                 pn.val(1);
271                 pn.change();
272                 $('.gallery-image img', element).show();
273             },
274             
275             error: function(data) {
276                 element.data('images', []);
277                 pn.val(1);
278                 pn.change();
279                 $('.gallery-image img', element).hide();
280             }
281         });
282     }
283     
284     if (url) {
285         updateGallery(url);
286     }
287 }
288
289
290 function transform(editor, callback) {
291     if (!callback) {
292         $.blockUI({message: 'Ładowanie...'});
293     }
294     setTimeout(function() {
295         xml2html({
296             xml: editor.getCode(),
297             success: function(element) {
298                 $('#html-view').html(element);
299                 $.unblockUI();
300                 if (callback) {
301                     callback();
302                 }
303             }, error: function(text) {
304                                 var message = $('<pre></pre>');
305                                 message.text(text);
306                 $('#html-view').html('<p class="error">Wystąpił błąd:</p><pre>' + 
307                                     message.html() + '</pre>');
308                                         
309                 $.unblockUI();
310                 if (callback) {
311                     callback();
312                 }
313             }
314         });
315     }, 200);
316 };
317
318
319 function reverseTransform(editor, cont, errorCont, dontBlock) {
320     var serializer = new XMLSerializer();
321     if ($('#html-view .error').length > 0) {
322         if (errorCont) {
323             errorCont();
324         }
325         return;
326     }
327     if (!dontBlock) {
328         $.blockUI({message: 'Ładowanie...'});
329     }
330     setTimeout(function() {
331         html2text({
332                         element: $('#html-view div').get(0),            
333             success: function(text) {
334                 editor.setCode(text);
335                 if (!dontBlock) {
336                     $.unblockUI();
337                 }
338                 if (cont) {
339                     cont();
340                 }
341             }, error: function(text) {
342                 $('#source-editor').html('<p>Wystąpił błąd:</p><pre>' + text + '</pre>');
343                 if (!dontBlock) {
344                     $.unblockUI();
345                 }
346                 if (errorCont) {
347                     errorCont();
348                 }
349             }
350         });
351     }, 200);
352 }
353
354
355 // =============
356 // = HTML View =
357 // =============
358 function html(element) {
359     var element = $(element);
360     
361     function selectTheme(themeId)
362     {
363         var selection = window.getSelection();
364         selection.removeAllRanges();
365
366         var range = document.createRange();
367         var s = $(".motyw[theme-class='"+themeId+"']")[0];
368         var e = $(".end[theme-class='"+themeId+"']")[0];
369
370         if(s && e) {
371             range.setStartAfter(s);
372             range.setEndBefore(e);
373             selection.addRange(range);
374         }
375     };
376     
377     function verifyTagInsertPoint(node) {
378         if(node.nodeType == 3) { // Text Node
379             node = node.parentNode;
380         }
381
382         if (node.nodeType != 1) { 
383             return false;
384         }
385
386         node = $(node);
387         var xtype = node.attr('x-node');
388
389         if (!xtype || (xtype.search(':') >= 0) ||
390             xtype == 'motyw' || xtype == 'begin' || xtype == 'end') {
391             return false;
392         }
393         
394         // don't allow themes inside annotations
395         if( node.is('*[x-annotation-box] *') )
396             return false;
397
398         return true;
399     }
400         
401         var ANNOT_ALLOWED = ['wyroznienie'];
402         
403         function html2plainText(fragment) {
404                 var text = "";
405                 
406                 $(fragment.childNodes).each(function() {
407                         if(this.nodeType == 3) // textNode
408                             text += this.nodeValue;
409                         else if (this.nodeType == 1 
410                             && $.inArray($(this).attr('x-node'), ANNOT_ALLOWED) != -1 ){
411                                 text += html2plainText(this);                           
412                         }                       
413                 });
414                 
415                 return text;            
416         }
417     
418     function addAnnotation()
419     {
420         var selection = window.getSelection();
421         var n = selection.rangeCount;
422
423         if (n == 0) {
424             window.alert("Nie zaznaczono żadnego obszaru");
425             return false;
426         }
427
428         // for now allow only 1 range
429         if (n > 1) {
430             window.alert("Zaznacz jeden obszar");
431             return false;
432         }
433
434         // remember the selected range
435         var range = selection.getRangeAt(0);
436
437         if (!verifyTagInsertPoint(range.endContainer)) {
438             window.alert("Nie można wstawić w to miejsce przypisu.");
439             return false;
440         }
441
442                 // BUG #273 - selected text can contain themes, which should be omited from
443                 // defining term
444         var text = html2plainText( range.cloneContents() ); 
445                 
446         var tag = $('<span></span>');
447         range.collapse(false);
448         range.insertNode(tag[0]);
449
450         xml2html({
451             xml: '<pr><slowo_obce>'+text+'</slowo_obce> --- </pr>',
452             success: function(text) {
453                 var t = $(text);
454                 tag.replaceWith(t);
455                 openForEdit(t);
456             },
457             error: function() {
458                 tag.remove();
459                 alert('Błąd przy dodawaniu przypisu:' + errors);                
460             }
461         })
462     }
463     
464     function addTheme()
465     {
466         var selection = window.getSelection();
467         var n = selection.rangeCount;
468
469         if(n == 0) {
470             window.alert("Nie zaznaczono żadnego obszaru");
471             return false;
472         }
473
474         // for now allow only 1 range
475         if(n > 1) {
476             window.alert("Zaznacz jeden obszar.");
477             return false;
478         }
479                  
480
481         // remember the selected range
482         var range = selection.getRangeAt(0);
483                 
484                 
485                 if( $(range.startContainer).is('.html-editarea') 
486                  || $(range.endContainer).is('.html-editarea') ) {
487                         window.alert("Motywy można oznaczać tylko na tekście nie otwartym do edycji. \n Zamknij edytowany fragment i spróbuj ponownie.");
488             return false;
489                  }               
490
491         // verify if the start/end points make even sense -
492         // they must be inside a x-node (otherwise they will be discarded)
493         // and the x-node must be a main text
494         if (!verifyTagInsertPoint(range.startContainer)) {
495             window.alert("Motyw nie może się zaczynać w tym miejscu.");
496             return false;
497         }
498
499         if (!verifyTagInsertPoint(range.endContainer)) {
500             window.alert("Motyw nie może się kończyć w tym miejscu.");
501             return false;
502         }
503
504         var date = (new Date()).getTime();
505         var random = Math.floor(4000000000*Math.random());
506         var id = (''+date) + '-' + (''+random);
507
508         var spoint = document.createRange();
509         var epoint = document.createRange();
510
511         spoint.setStart(range.startContainer, range.startOffset);
512         epoint.setStart(range.endContainer, range.endOffset);
513
514         var mtag, btag, etag, errors;
515
516         // insert theme-ref
517                 
518         xml2html({
519             xml: '<end id="e'+id+'" />',
520             success: function(text) {
521                 etag = $('<span></span>');
522                 epoint.insertNode(etag[0]);
523                 etag.replaceWith(text);
524                 xml2html({
525                     xml: '<motyw id="m'+id+'"></motyw>',
526                     success: function(text) {                                           
527                         mtag = $('<span></span>');
528                         spoint.insertNode(mtag[0]);
529                         mtag.replaceWith(text);
530                         xml2html({
531                             xml: '<begin id="b'+id+'" />',
532                             success: function(text) {
533                                 btag = $('<span></span>');
534                                 spoint.insertNode(btag[0])
535                                 btag.replaceWith(text);
536                                 selection.removeAllRanges();
537                                 openForEdit($('.motyw[theme-class=' + id + ']'));
538                             }
539                         });
540                     }
541                 });
542             }
543         });
544     }
545     
546     function openForEdit($origin)
547     {       
548         var $box = null
549     
550         // annotations overlay their sub box - not their own box //
551         if($origin.is(".annotation-inline-box")) {
552             $box = $("*[x-annotation-box]", $origin);
553         } else {
554             $box = $origin;
555         }
556         
557         var x = $box[0].offsetLeft;
558         var y = $box[0].offsetTop;
559         var w = $box.outerWidth();
560         var h = $box.innerHeight();
561     
562         if ($origin.is(".annotation-inline-box")) {
563             w = Math.max(w, 400);
564             h = Math.max(h, 60);
565         }
566         
567         // start edition on this node
568         var $overlay = $('<div class="html-editarea"><button class="accept-button">Zapisz</button><button class="delete-button">Usuń</button><textarea></textarea></div>').css({
569             position: 'absolute',
570             height: h,
571             left: x,
572             top: y,
573             width: w
574         }).appendTo($box[0].offsetParent || $box.parent()).show();
575         
576         if ($origin.is('.motyw')) {
577             $('textarea', $overlay).autocomplete(THEMES, {
578                 autoFill: true,
579                 multiple: true,
580                 selectFirst: true
581             });
582         }
583         
584         $('.delete-button', $overlay).click(function() {
585             if ($origin.is('.motyw')) {
586                 $('[theme-class=' + $origin.attr('theme-class') + ']').remove();
587             } else {
588                 $origin.remove();
589             }
590             $overlay.remove();
591             $(document).unbind('click.blur-overlay');
592             return false;
593         })
594         
595         
596         var serializer = new XMLSerializer();
597         
598         html2text({
599             element: $box[0],
600             stripOuter: true,
601             success: function(text) {
602                 $('textarea', $overlay).val($.trim(text));
603                 
604                 setTimeout(function() {
605                     $('textarea', $overlay).elastic().focus();
606                 }, 50);
607                 
608                 function save(argument) {
609                     var nodeName = $box.attr('x-node') || 'pe';
610                                         var insertedText = $('textarea', $overlay).val();
611                                         
612                                         if ($origin.is('.motyw')) {
613                                                 insertedText = insertedText.replace(/,\s*$/, '');
614                                         }
615                                         
616                     xml2html({
617                         xml: '<' + nodeName + '>' + insertedText + '</' + nodeName + '>',
618                         success: function(element) {
619                             $origin.html($(element).html());
620                             $overlay.remove();
621                         },
622                         error: function(text) {
623                             $overlay.remove();
624                             alert('Błąd! ' + text);
625                         }
626                     })
627                 }
628                 
629                 $('.accept-button', $overlay).click(function() {
630                     save();
631                 });
632                 
633                 $(document).bind('click.blur-overlay', function(event) {
634                     if ($(event.target).parents('.html-editarea').length > 0) {
635                         return;
636                     }
637                     save();
638                     
639                     $(document).unbind('click.blur-overlay');
640                 });
641                 
642             }, error: function(text) {
643                 alert('Błąd! ' + text);
644             }
645         });
646     }
647     
648     $('.edit-button').live('click', function(event) {
649         event.preventDefault();
650         openForEdit($(this).parent());
651     });
652     
653
654     
655     var button = $('<button class="edit-button">Edytuj</button>');
656     $(element).bind('mousemove', function(event) {
657         var editable = $(event.target).closest('*[x-editable]');
658         $('.active[x-editable]', element).not(editable).removeClass('active').children('.edit-button').remove();
659         if (!editable.hasClass('active')) {
660             editable.addClass('active').append(button);
661         }
662         if (editable.is('.annotation-inline-box')) {
663             $('*[x-annotation-box]', editable)
664                 .css({position: 'absolute', left: event.clientX - editable.offset().left + 5, top: event.clientY - editable.offset().top + 5})
665                 .show();
666         } else {
667             $('*[x-annotation-box]').hide();
668         }
669     });
670
671     $('.motyw').live('click', function() {
672         selectTheme($(this).attr('theme-class'));
673     });
674     
675     $('#insert-annotation-button').click(function() {
676         addAnnotation();
677         return false;
678     });
679     
680     $('#insert-theme-button').click(function() {
681         addTheme();
682         return false;
683     });
684 }
685
686 /*
687  * History
688  */
689
690 function refreshHistory(callback){
691         $.blockUI({
692                 message: 'Odświeżanie historii...'
693         });
694         
695         $.ajax({
696                 url: document.location.href + '/history',
697         dataType: 'json',
698                 error: function() {
699                         $('#history-view .message-box').html('Nie udało się odświeżyć historii').show();
700                         $.unblockUI();          
701                 },
702                 success: function(data) {
703                         $('#history-view .message-box').hide();
704                         var changes_list = $('#changes-list');
705                         changes_list.html('');
706                         
707                         $.each(data, function() {
708                                 var val = this[0];
709                                 changes_list.append('<tr>'
710                                         +'<td><input type="radio" name="rev_from" value="'+val+'">'
711                                                 + '<input type="radio" name="rev_to" value="'+val+'">'
712                                         +'<td>'+ this[0]+'</td>'
713                                         +'<td>'+ this[3]+'</td>'
714                                         +'<td>'+ this[2]+'</td>'
715                                         +'<td>'+ this[1]+'</td></tr>')                  
716                         });                                                     
717                         $.unblockUI();  
718                         callback();
719                 }
720         });
721 };
722
723 function historyDiff(callback) {
724         var changelist = $('#changes-list');
725         var rev_a = $("input[name='rev_from']:checked", changelist);
726         var rev_b = $("input[name='rev_to']:checked", changelist);
727         
728         if (rev_a.length != 1 || rev_b.length != 1) {
729                 window.alert("Musisz zaznaczyć dwie wersje do porównania.");
730                 return false;
731         }
732         
733         if (rev_a.val() == rev_b.val()) {
734                 window.alert("Musisz zaznaczyć dwie różne wersje do porównania.");
735                 return false;
736         }
737                         
738         $.blockUI({
739                 message: 'Wczytywanie porównania...'
740         });
741         
742         $.ajax({
743                 url: document.location.href + '/diff/'+rev_a.val() + '/'+ rev_b.val(),
744         dataType: 'html',
745                 error: function() {
746                         $.unblockUI();
747                         window.alert('Nie udało się wykonać porównania :(.')                                        
748                 },
749                 success: function(data) {
750                         $.unblockUI();                  
751                         var diffview = $('#diff-view');                 
752                         diffview.html(data);
753                         diffview.show();                                                        
754                 }
755         });
756 }
757         
758
759 $(function() {
760     gallery('#sidebar', $('#document-meta .gallery').html());
761     html('#html-view');
762     
763     CodeMirror.fromTextArea('id_text', {
764         parserfile: 'parsexml.js',
765         path: STATIC_URL + "js/lib/codemirror/",
766         stylesheet: STATIC_URL + "css/xmlcolors.css",
767         parserConfig: {
768             useHTMLKludges: false
769         },
770         iframeClass: 'xml-iframe',              
771         textWrapping: true,
772                 lineNumbers: true, 
773                 width: "100%",
774         tabMode: 'spaces',
775         indentUnit: 0,
776         initCallback: function(editor) {
777             $('#save-button').click(function(event) {
778                 event.preventDefault();
779                 $.blockUI({message: $('#save-dialog')});
780             });
781             
782             $('#save-ok').click(function() {
783                 $.blockUI({message: 'Zapisywanie...'});
784                 
785                 function doSave (argument) {
786                     var metaComment = '<!--';
787                     $('#document-meta div').each(function() {
788                         metaComment += '\n\t' + $(this).attr('class') + ': ' + $(this).html();
789                     });
790                     metaComment += '\n-->'
791
792                     var data = {
793                         name: $('#document-name').html(),
794                         text: metaComment + editor.getCode(),
795                         revision: $('#document-revision').html(),
796                         author: $('#username').html() || 'annonymous',
797                         comment: $('#komentarz').val()
798                     };
799
800                     $.ajax({
801                         url: document.location.href,
802                         type: "POST",
803                         dataType: "json",
804                         data: data,                
805                         success: function(data) {
806                             if (data.text) {
807                                 editor.setCode(data.text);
808                                 $('#document-revision').html(data.revision);
809                             } else {
810                                 alert(data.errors);
811                             }
812                             $.unblockUI();
813                         },
814                         error: function(xhr, textStatus, errorThrown) {
815                             alert('error: ' + textStatus + ' ' + errorThrown);
816                         },
817                     })
818                 }
819                 
820                 if ($('#simple-view-tab').hasClass('active')) {
821                     reverseTransform(editor, doSave);
822                 } else {
823                     doSave();
824                 }
825             });
826             
827             $('#save-cancel').click(function() {
828                 $.unblockUI();
829             });
830                                 
831             var tabs = $('ol#tabs li');
832                         
833                         tabs.click(function(event, callback) {
834                                 tabs.removeClass('active');
835                                 $('.editor').hide();
836                                 $(this).addClass('active');
837                                 $('#' + $(this).attr('ui:related')).show();                             
838                                 $(this).trigger('wl:tabload', callback);                                                                
839                         });     
840                         
841                         
842             $('#simple-view-tab').bind('wl:tabload', function(event, callback) {
843                 transform(editor, callback);
844             });
845                         
846                         $('#source-view-tab').bind('wl:tabload', function(event, callback) {
847                 reverseTransform(editor, callback);
848             });                                 
849                         
850                         $('#history-view-tab').bind('wl:tabload', function(event, callback) {
851                                 refreshHistory(callback);                                                               
852                         }); 
853                         
854                         $('#make-diff-button').click(historyDiff);
855
856             $('#source-editor .toolbar button').click(function(event) {
857                 event.preventDefault();
858                 var params = eval("(" + $(this).attr('ui:action-params') + ")");
859                 scriptletCenter.scriptlets[$(this).attr('ui:action')](editor, params);
860             });                 
861
862             $('.toolbar select').change(function(event) {
863                 var slug = $(this).val();
864
865                 $('.toolbar-buttons-container').hide().filter('[data-group=' + slug + ']').show();
866                 $(window).resize();
867             });
868
869             $('.toolbar-buttons-container').hide();
870             $('.toolbar select').change();
871
872                         
873                         $('#simple-view-tab').trigger('click', 
874                                 function() { 
875                                         $('#loading-overlay').fadeOut();
876                                         return false; 
877                                 });            
878         }
879     });
880     
881     $(window).resize(function() {
882         $('iframe').height($(window).height() - $('#tabs').outerHeight() - $('#source-editor .toolbar').outerHeight());
883     });
884     
885     $(window).resize();
886     
887     $('.vsplitbar').click(function() {
888         if ($('#sidebar').width() == 0) {
889             $('#sidebar').width(480).css({right: 0}).show();
890             $('#source-editor, #simple-editor').css({right: 495});
891             $('.vsplitbar').css({right: 480}).addClass('active');
892         } else {
893             $('#sidebar').width(0).hide();
894             $('#source-editor, #simple-editor').css({right: 15});
895             $('.vsplitbar').css({right: 0}).removeClass('active');
896         }
897         $(window).resize();
898     });
899                 
900
901 });