+++ /dev/null
-// Serializuje XML, wstawiając odpowiednie ilości białych znaków między elementami
-function serialize(element) {
- if (element.nodeType == 3) { // tekst
- return [$.trim(element.nodeValue)];
- } else if (element.nodeType != 1) { // pomijamy węzły nie będące elementami XML ani tekstem
- return [];
- }
-
- var result = [];
- var hasContent = false;
-
- result.push('<');
- result.push(element.tagName);
-
- // Mozilla nie uważa deklaracji namespace za atrybuty
- var ns = element.tagName.indexOf(':');
- if (ns != -1 && $.browser.mozilla) {
- result.push(' xmlns:');
- result.push(element.tagName.substring(0, ns));
- result.push('="');
- result.push(element.namespaceURI);
- result.push('"');
- }
-
- if (element.attributes) {
- for (var i=0; i < element.attributes.length; i++) {
- var attr = element.attributes[i];
- result.push(' ');
- result.push(attr.name);
- result.push('="');
- result.push(attr.value);
- result.push('"');
- hasContent = true;
- }
- }
-
- if (element.childNodes.length == 0) {
- result.push(' />');
- } else {
- result.push('>');
-
- for (var i=0; i < element.childNodes.length; i++) {
- result = result.concat(serialize(element.childNodes[i]));
- }
-
- result.push('</');
- result.push(element.tagName);
- result.push('>');
- }
-
- if (element.tagName == 'akap' || element.tagName == 'akap_dialog' || element.tagName == 'akap_cd') {
- result.push('\n\n\n');
- } else if (element.tagName == 'rdf:RDF') {
- result.push('\n\n\n\n\n');
- } else if (element.tagName.indexOf('dc:') != -1) {
- result.push('\n');
- }
-
- return result;
-};
-
-
-// Teraz nieużywane
-function highlight(colour) {
- var range, sel;
- if (window.getSelection) {
- // Non-IE case
- sel = window.getSelection();
- if (sel.getRangeAt) {
- range = sel.getRangeAt(0);
- }
- document.designMode = "on";
- if (range) {
- sel.removeAllRanges();
- sel.addRange(range);
- }
- // Use HiliteColor since some browsers apply BackColor to the whole block
- if ( !document.execCommand("HiliteColor", false, colour) ) {
- document.execCommand("BackColor", false, colour);
- }
- document.designMode = "off";
- } else if (document.selection && document.selection.createRange) {
- // IE case
- range = document.selection.createRange();
- range.execCommand("BackColor", false, colour);
- }
-}
-
-// function unselectThemes(themeId) {
-// $('.Apple-style-span').each(function() {
-// $(this).after($(this).html());
-// $(this).remove();
-// });
-// }
-
-function gallery(element) {
- var element = $(element);
- var imageDimensions = {};
-
- function changePage(pageNumber) {
- $('img', element).attr('src', element.data('images')[pageNumber - 1]);
- }
-
- function normalizeNumber(pageNumber) {
- // Numer strony musi być pomiędzy 1 a najwyższym numerem
- var pageCount = element.data('images').length;
- pageNumber = parseInt(pageNumber, 10);
-
- if (!pageNumber || pageNumber == NaN || pageNumber == Infinity || pageNumber == -Infinity) {
- return 1;
- } else if (pageNumber < 1) {
- return 1;
- } else if (pageNumber > pageCount) {
- return pageCount;
- } else {
- return pageNumber;
- }
- }
-
- $.ajax({
- url: '/gallery/sample',
- type: 'GET',
- dataType: 'json',
-
- success: function(data) {
- element.data('images', data);
- var pn = $('.page-number', element);
- pn.change(function(event) {
- console.log('change!', $(this).val());
- event.preventDefault();
- var n = normalizeNumber(pn.val());
- pn.val(n);
- changePage(n);
- });
- $('.previous-page', element).click(function() {
- pn.val(normalizeNumber(pn.val()) - 1);
- pn.change();
- });
- $('.next-page', element).click(function() {
- pn.val(normalizeNumber(pn.val()) + 1);
- pn.change();
- });
-
-
- var image = $('img', element).attr('unselectable', 'on');
- var origin = {};
- var imageOrigin = {};
- var zoomFactor = 1;
-
- $('.zoom-in', element).click(function() {
- zoomFactor = Math.min(2, zoomFactor + 0.2);
- zoom();
- });
- $('.zoom-out', element).click(function() {
- zoomFactor = Math.max(0.2, zoomFactor - 0.2);
- zoom();
- });
-
- $('img', element).load(function() {
- image.css({width: null, height: null});
- imageDimensions = {
- width: $(this).width() * zoomFactor,
- height: $(this).height() * zoomFactor,
- originWidth: $(this).width(),
- originHeight: $(this).height(),
- galleryWidth: $(this).parent().width(),
- galleryHeight: $(this).parent().height()
- };
- console.log('load', imageDimensions)
- var position = normalizePosition(
- image.position().left,
- image.position().top,
- imageDimensions.galleryWidth,
- imageDimensions.galleryHeight,
- imageDimensions.width,
- imageDimensions.height
- );
- image.css({left: position.x, top: position.y, width: $(this).width() * zoomFactor, height: $(this).height() * zoomFactor});
- });
-
- $(window).resize(function() {
- imageDimensions.galleryWidth = image.parent().width();
- imageDimensions.galleryHeight = image.parent().height();
- });
-
- function bounds(galleryWidth, galleryHeight, imageWidth, imageHeight) {
- return {
- maxX: 0,
- maxY: 0,
- minX: galleryWidth - imageWidth,
- minY: galleryHeight - imageHeight
- }
- }
-
- function normalizePosition(x, y, galleryWidth, galleryHeight, imageWidth, imageHeight) {
- var b = bounds(galleryWidth, galleryHeight, imageWidth, imageHeight);
- return {
- x: Math.min(b.maxX, Math.max(b.minX, x)),
- y: Math.min(b.maxY, Math.max(b.minY, y))
- }
- }
-
- function onMouseMove(event) {
- var position = normalizePosition(
- event.clientX - origin.x + imageOrigin.left,
- event.clientY - origin.y + imageOrigin.top,
- imageDimensions.galleryWidth,
- imageDimensions.galleryHeight,
- imageDimensions.width,
- imageDimensions.height
- );
- image.css({position: 'absolute', top: position.y, left: position.x});
- return false;
- }
-
- function setZoom(factor) {
- zoomFactor = factor;
- }
-
- function zoom() {
- imageDimensions.width = imageDimensions.originWidth * zoomFactor;
- imageDimensions.height = imageDimensions.originHeight * zoomFactor;
- var position = normalizePosition(
- image.position().left,
- image.position().top,
- imageDimensions.galleryWidth,
- imageDimensions.galleryHeight,
- imageDimensions.width,
- imageDimensions.height
- );
- console.log(image.position(), imageDimensions, position);
- image.css({width: imageDimensions.width, height: imageDimensions.height,
- left: position.x, top: position.y});
-
- }
-
- window.setZoom = setZoom;
-
- function onMouseUp(event) {
- $(document)
- .unbind('mousemove.gallery')
- .unbind('mouseup.gallery');
- return false;
- }
-
- image.bind('mousedown', function(event) {
- origin = {
- x: event.clientX,
- y: event.clientY
- };
- imageOrigin = image.position();
- $(document)
- .bind('mousemove.gallery', onMouseMove)
- .bind('mouseup.gallery', onMouseUp);
- return false;
- });
- }
- });
-}
-
-
-function html(element) {
- var element = $(element);
-
- function selectTheme(themeId)
- {
- var selection = window.getSelection();
-
- // remove current selection
- selection.removeAllRanges();
-
- var range = document.createRange();
- var s = $(".motyw[theme-class='"+themeId+"']")[0];
- var e = $(".end[theme-class='"+themeId+"']")[0];
- // console.log('Selecting range:', themeId, range, s, e);
-
- if(s && e) {
- range.setStartAfter(s);
- range.setEndBefore(e);
- selection.addRange(range);
- // highlight('yellow');
- // selection.removeAllRanges();
- }
- };
-
- var button = $('<button class="edit-button">Edytuj</button>');
- $(element).bind('mousemove', function(event) {
- var editable = $(event.target).closest('*[x-editable]');
- $('.active[x-editable]', element).not(editable).removeClass('active').children('.edit-button').remove();
- if (!editable.hasClass('active')) {
- editable.addClass('active').append(button);
- }
- });
-
- $('.motyw').live('click', function() {
- selectTheme($(this).attr('theme-class'));
- });
-}
-
-
-$(function() {
- gallery('#sidebar');
- html('#html-view');
-
- CodeMirror.fromTextArea('id_text', {
- parserfile: 'parsexml.js',
- path: "/static/js/lib/codemirror/",
- stylesheet: "/static/css/xmlcolors.css",
- parserConfig: {
- useHTMLKludges: false
- },
- iframeClass: 'xml-iframe',
- textWrapping: true,
- tabMode: 'spaces',
- indentUnit: 0,
- initCallback: function(editor) {
-
- function createXSLT(xsl) {
- var p = new XSLTProcessor();
- p.importStylesheet(xsl);
- return p;
- }
-
- function transform() {
- $.ajax({
- url: '/static/xsl/wl2html_client.xsl',
- dataType: 'xml',
- success: function(data) {
- var doc = null;
- var parser = new DOMParser();
- var serializer = new XMLSerializer();
- var htmlXSL = createXSLT(data);
-
- doc = editor.getCode().replace(/\/\s+/g, '<br />');
- doc = parser.parseFromString(doc, 'text/xml');
- console.log('xml', doc);
- doc = htmlXSL.transformToFragment(doc, document);
- console.log('after transform', doc);
- $('#html-view').html(doc.firstChild);
- },
- error: function() {alert('Error loading XSL!')}
- });
- };
-
- function reverseTransform () {
- $.ajax({
- url: '/static/xsl/html2wl_client.xsl',
- dataType: 'xml',
- success: function(data) {
- var doc = null;
- var parser = new DOMParser();
- var serializer = new XMLSerializer();
- var xsl = createXSLT(data);
-
- doc = serializer.serializeToString($('#html-view div').get(0))
- doc = parser.parseFromString(doc, 'text/xml');
- console.log('xml',doc, doc.documentElement);
- // TODO: Sprawdzenie błędów
- doc = xsl.transformToDocument(doc);
- console.log('after transform', doc, doc.documentElement);
- doc = serialize(doc.documentElement).join('');
- // doc = serializer.serializeToString(doc.documentElement)
- editor.setCode(doc);
- },
- error: function() {alert('Error loading XSL!')}
- });
- };
-
- $('#save-button').click(function(event) {
- event.preventDefault();
- console.log(editor.getCode(), $('form input[name=text]').get(0));
- $('form textarea[name=text]').val(editor.getCode());
- $('form').ajaxSubmit(function() {
- alert('Udało się!');
- });
- });
-
- $('#simple-view-tab').click(function() {
- if ($(this).hasClass('active')) {
- return;
- }
- $(this).addClass('active');
- $('#source-view-tab').removeClass('active');
- $('#source-editor').hide();
- $('#simple-editor').show();
- transform();
- });
-
- $('#source-view-tab').click(function() {
- if ($(this).hasClass('active')) {
- return;
- }
- $(this).addClass('active');
- $('#simple-view-tab').removeClass('active');
- $('#simple-editor').hide();
- $('#source-editor').show();
- reverseTransform();
- });
-
- $('.toolbar button').click(function(event) {
- event.preventDefault();
- var params = eval("(" + $(this).attr('ui:action-params') + ")");
- scriptletCenter.scriptlets[$(this).attr('ui:action')](editor, params);
- });
-
- $('.toolbar select').change(function() {
- var slug = $(this).val();
-
- $('.toolbar-buttons-container').hide().filter('[data-group=' + slug + ']').show();
- $(window).resize();
- });
-
- $('.toolbar-buttons-container').hide();
- $('.toolbar select').change();
-
- $('#simple-view-tab').click();
- }
- });
-
- $(window).resize(function() {
- $('iframe').height($(window).height() - $('#tabs').outerHeight() - $('#source-editor .toolbar').outerHeight());
- });
-
- $(window).resize();
-
- $('.vsplitbar').click(function() {
- if ($('#sidebar').width() == 0) {
- $('#sidebar').width(480).css({right: 0}).show();
- $('#source-editor, #simple-editor').css({right: 495});
- $('.vsplitbar').css({right: 480})
- // $('#splitter').trigger('resize', [$(window).width() - 480]);
- } else {
- $('#sidebar').width(0).hide();
- $('#source-editor, #simple-editor').css({right: 15});
- $('.vsplitbar').css({right: 0});
- // $('#splitter').trigger('resize', [$(window).width()]);
- }
- $(window).resize();
- });
-
-
-});
fnp / redakcja.git / blobdiff