+ error: function(data) {
+ element.data('images', []);
+ pn.val(1);
+ pn.change();
+ $('img', element).hide();
+ }
+ });
+ }
+
+ if (url) {
+ updateGallery(url);
+ }
+}
+
+
+function transform(editor) {
+ $.blockUI({message: 'Ładowanie...'});
+ setTimeout(function() {
+ xml2html({
+ xml: editor.getCode(),
+ success: function(element) {
+ $('#html-view').html(element);
+ $.unblockUI();
+ }, error: function(text) {
+ $('#html-view').html('<p class="error">Wystąpił błąd:</p><pre>' + text + '</pre>');
+ $.unblockUI();
+ }
+ });
+ }, 200);
+};
+
+
+function reverseTransform(editor, cont) {
+ var serializer = new XMLSerializer();
+ if ($('#html-view .error').length > 0) {
+ return;
+ }
+ $.blockUI({message: 'Ładowanie...'});
+ setTimeout(function() {
+ html2xml({
+ xml: serializer.serializeToString($('#html-view div').get(0)),
+ success: function(text) {
+ editor.setCode(text);
+ $.unblockUI();
+ if (cont) {
+ cont();
+ }
+ }, error: function(text) {
+ $('#source-editor').html('<p>Wystąpił błąd:</p><pre>' + text + '</pre>');
+ $.unblockUI();
+ }
+ });
+ }, 200);
+}
+
+
+// =============
+// = HTML View =
+// =============
+function html(element) {
+ var element = $(element);
+
+ function selectTheme(themeId)
+ {
+ var selection = window.getSelection();
+ selection.removeAllRanges();
+
+ var range = document.createRange();
+ var s = $(".motyw[theme-class='"+themeId+"']")[0];
+ var e = $(".end[theme-class='"+themeId+"']")[0];
+
+ if(s && e) {
+ range.setStartAfter(s);
+ range.setEndBefore(e);
+ selection.addRange(range);
+ }
+ };
+
+ function verifyTagInsertPoint(node) {
+ if(node.nodeType == 3) { // Text Node
+ node = node.parentNode;
+ }
+
+ if (node.nodeType != 1) {
+ return false;
+ }
+
+ console.log('Selection point:', node);
+
+ node = $(node);
+ var xtype = node.attr('x-node');
+
+ if (!xtype || (xtype.search(':') >= 0) ||
+ xtype == 'motyw' || xtype == 'begin' || xtype == 'end') {
+ return false;
+ }
+
+ // don't allow themes inside annotations
+ if( node.is('*[x-annotation-box] *') )
+ return false;
+
+ return true;
+ }
+
+ function addAnnotation()
+ {
+ var selection = window.getSelection();
+ var n = selection.rangeCount;
+
+ console.log("Range count:", n);
+ if (n == 0) {
+ window.alert("Nie zaznaczono żadnego obszaru");
+ return false;
+ }
+
+ // for now allow only 1 range
+ if (n > 1) {
+ window.alert("Zaznacz jeden obszar");
+ return false;
+ }
+
+ // remember the selected range
+ var range = selection.getRangeAt(0);
+
+ if (!verifyTagInsertPoint(range.endContainer)) {
+ window.alert("Nie można wstawić w to miejsce przypisu.");
+ return false;
+ }
+
+ var text = range.toString();
+ var tag = $('<span></span>');
+ range.collapse(false);
+ range.insertNode(tag[0]);
+
+ xml2html({
+ xml: '<pr><slowo_obce>'+text+'</slowo_obce> --- </pr>',
+ success: function(text) {
+ var t = $(text);
+ tag.replaceWith(t);
+ openForEdit(t);
+ },
+ error: function() {
+ tag.remove();
+ alert('Błąd przy dodawaniu przypisu:' + errors);
+ }
+ })
+ }
+
+ function addTheme()
+ {
+ var selection = window.getSelection();
+ var n = selection.rangeCount;
+
+ console.log("Range count:", n);
+ if(n == 0) {
+ window.alert("Nie zaznaczono żadnego obszaru");
+ return false;
+ }
+
+ // for now allow only 1 range
+ if(n > 1) {
+ window.alert("Zaznacz jeden obszar");
+ return false;
+ }
+
+ // remember the selected range
+ var range = selection.getRangeAt(0);
+ console.log(range.startContainer, range.startOffset, range.endContainer, range.endOffset);
+
+ // verify if the start/end points make even sense -
+ // they must be inside a x-node (otherwise they will be discarded)
+ // and the x-node must be a main text
+ if (!verifyTagInsertPoint(range.startContainer)) {
+ window.alert("Motyw nie może się zaczynać w tym miejscu.");
+ return false;
+ }
+
+ if (!verifyTagInsertPoint(range.endContainer)) {
+ window.alert("Motyw nie może się kończyć w tym miejscu.");
+ return false;
+ }
+
+ var date = (new Date()).getTime();
+ var random = Math.floor(4000000000*Math.random());
+ var id = (''+date) + '-' + (''+random);
+
+ var spoint = document.createRange();
+ var epoint = document.createRange();
+
+ spoint.setStart(range.startContainer, range.startOffset);
+ epoint.setStart(range.endContainer, range.endOffset);
+
+ console.log('spoint', spoint.startContainer, spoint.startOffset, spoint.endContainer, spoint.endOffset);
+ console.log('epoint', epoint.startContainer, epoint.startOffset, epoint.endContainer, epoint.endOffset);
+
+ var mtag, btag, etag, errors;
+
+ // insert theme-ref