3c1a3c000883d59e8d17887aa4b57b49e19cc0a9
[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         html2xml({
332             xml: serializer.serializeToString($('#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         html2xml({
599             xml: serializer.serializeToString($box[0]),
600             inner: 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                             $box.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     });
663
664     $('.motyw').live('click', function() {
665         selectTheme($(this).attr('theme-class'));
666     });
667     
668     $('#insert-annotation-button').click(function() {
669         addAnnotation();
670         return false;
671     });
672     
673     $('#insert-theme-button').click(function() {
674         addTheme();
675         return false;
676     });
677 }
678
679
680 $(function() {
681     gallery('#sidebar', $('#document-meta .gallery').html());
682     html('#html-view');
683     
684     CodeMirror.fromTextArea('id_text', {
685         parserfile: 'parsexml.js',
686         path: STATIC_URL + "js/lib/codemirror/",
687         stylesheet: STATIC_URL + "css/xmlcolors.css",
688         parserConfig: {
689             useHTMLKludges: false
690         },
691         iframeClass: 'xml-iframe',
692         textWrapping: true,
693                 lineNumbers: true,
694         tabMode: 'spaces',
695         indentUnit: 0,
696         initCallback: function(editor) {
697             $('#save-button').click(function(event) {
698                 event.preventDefault();
699                 $.blockUI({message: $('#save-dialog')});
700             });
701             
702             $('#save-ok').click(function() {
703                 $.blockUI({message: 'Zapisywanie...'});
704                 
705                 function doSave (argument) {
706                     var metaComment = '<!--';
707                     $('#document-meta div').each(function() {
708                         metaComment += '\n\t' + $(this).attr('class') + ': ' + $(this).html();
709                     });
710                     metaComment += '\n-->'
711
712                     var data = {
713                         name: $('#document-name').html(),
714                         text: metaComment + editor.getCode(),
715                         revision: $('#document-revision').html(),
716                         author: $('#username').html() || 'annonymous',
717                         comment: $('#komentarz').val()
718                     };
719
720                     $.ajax({
721                         url: document.location.href,
722                         type: "POST",
723                         dataType: "json",
724                         data: data,                
725                         success: function(data) {
726                             if (data.text) {
727                                 editor.setCode(data.text);
728                                 $('#document-revision').html(data.revision);
729                             } else {
730                                 alert(data.errors);
731                             }
732                             $.unblockUI();
733                         },
734                         error: function(xhr, textStatus, errorThrown) {
735                             alert('error: ' + textStatus + ' ' + errorThrown);
736                         },
737                     })
738                 }
739                 
740                 if ($('#simple-view-tab').hasClass('active')) {
741                     reverseTransform(editor, doSave);
742                 } else {
743                     doSave();
744                 }
745             });
746             
747             $('#save-cancel').click(function() {
748                 $.unblockUI();
749             });
750             
751             function changeTab(callback) {
752                 if ($('#simple-view-tab').hasClass('active')) {
753                     return;
754                 }
755                 $('#simple-view-tab').addClass('active');
756                 $('#source-view-tab').removeClass('active');
757                 $('#source-editor').hide();
758                 $('#simple-editor').show();
759                 transform(editor, callback);
760             }        
761             $('#simple-view-tab').click(function() { changeTab(); });
762             
763             $('#source-view-tab').click(function() { 
764                 if ($(this).hasClass('active')) {
765                     return;
766                 }
767                 $(this).addClass('active');
768                 $('#simple-view-tab').removeClass('active');
769                 $('#simple-editor').hide();
770                 $('#source-editor').show();
771                 reverseTransform(editor);    
772             });
773
774             $('#source-editor .toolbar button').click(function(event) {
775                 event.preventDefault();
776                 var params = eval("(" + $(this).attr('ui:action-params') + ")");
777                 scriptletCenter.scriptlets[$(this).attr('ui:action')](editor, params);
778             });                 
779
780             $('.toolbar select').change(function() {
781                 var slug = $(this).val();
782
783                 $('.toolbar-buttons-container').hide().filter('[data-group=' + slug + ']').show();
784                 $(window).resize();
785             });
786
787             $('.toolbar-buttons-container').hide();
788             $('.toolbar select').change();
789
790             changeTab(function() { $('#loading-overlay').fadeOut() }, function() { $('#loading-overlay').fadeOut() }, true)
791         }
792     });
793     
794     $(window).resize(function() {
795         $('iframe').height($(window).height() - $('#tabs').outerHeight() - $('#source-editor .toolbar').outerHeight());
796     });
797     
798     $(window).resize();
799     
800     $('.vsplitbar').click(function() {
801         if ($('#sidebar').width() == 0) {
802             $('#sidebar').width(480).css({right: 0}).show();
803             $('#source-editor, #simple-editor').css({right: 495});
804             $('.vsplitbar').css({right: 480}).addClass('active');
805         } else {
806             $('#sidebar').width(0).hide();
807             $('#source-editor, #simple-editor').css({right: 15});
808             $('.vsplitbar').css({right: 0}).removeClass('active');
809         }
810         $(window).resize();
811     });
812                 
813
814 });