modules/documentCanvas/transformations.js

   1 define(['libs/jquery-1.9.1.min'], function($) {\r
   2 \r
   3     'use strict';\r
   4 \r
   5     var transformations = {};\r
   6 \r
   7     transformations.fromXML = {\r
   8         getHTMLTree: function(xml) {\r
   9             var inner = $(xml).clone();\r
  10             var toret = $('<div></div>');\r
  11             toret.append(inner);\r
  12             \r
  13             var toBlock = ['div', 'section', 'header'];\r
  14             var toInline = ['aside', 'span'];\r
  15             \r
  16             var transform = function(tags, replacingTagName) {\r
  17                 tags.forEach(function(tagName) {\r
  18                     tagName = tagName.toLowerCase();\r
  19                     console.log('running ' + tagName);\r
  20                     toret.find(tagName).replaceWith(function() {\r
  21                         var currentTag = $(this);\r
  22                         if(currentTag.attr('wlxml-tag'))\r
  23                             return;\r
  24                         var toret = $('<' + replacingTagName + '>').attr('wlxml-tag', tagName);\r
  25                         toret.attr('id', 'xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {var r = Math.random()*16|0,v=c=='x'?r:r&0x3|0x8;return v.toString(16);}));\r
  26                         for(var i = 0; i < this.attributes.length; i++) {\r
  27                             var attr = this.attributes.item(i);\r
  28                             var value = attr.name === 'class' ? attr.value.replace(/\./g, '-') : attr.value;\r
  29                             toret.attr('wlxml-' + attr.name, value)\r
  30                         }\r
  31                         toret.append(currentTag.contents());\r
  32                         return toret;\r
  33                     });\r
  34                 });\r
  35             }\r
  36             \r
  37             transform(toBlock, 'div');\r
  38             transform(toInline, 'span');\r
  39 \r
  40             return toret.children();\r
  41         },\r
  42         getMetaData: function(xml) {\r
  43             var toret = {};\r
  44             $(xml).find('metadata').children().each(function() {\r
  45                 var node = $(this);\r
  46                 toret[this.nodeName.split(':')[1].toLowerCase()] = node.text();\r
  47             })\r
  48             return toret;\r
  49         },\r
  50         getDocumentDescription: function(xml) {\r
  51             return {\r
  52                 HTMLTree: this.getHTMLTree(xml),\r
  53                 metadata: this.getMetaData(xml)\r
  54             }\r
  55         }\r
  56     }\r
  57 \r
  58     transformations.toXML = {\r
  59         getXML: function(body) {\r
  60             \r
  61             var inner = $(body);\r
  62             var toret = $('<div></div>');\r
  63             toret.append(inner);\r
  64             \r
  65             toret.find('div, span').replaceWith(function() {\r
  66                 var div = $(this);\r
  67                 var tagName = div.attr('wlxml-tag');\r
  68                 var toret = $('<'+tagName+'>');\r
  69                                    \r
  70                 for(var i = 0; i < this.attributes.length; i++) {\r
  71                     var attr = this.attributes.item(i);\r
  72                     var split = attr.name.split('-')\r
  73                     console.log(split);\r
  74                     if(split[0] !== 'wlxml' || (split.length > 1 && split[1] === 'tag')) \r
  75                         continue;\r
  76                     var wlxmlName = split.splice(1).join('-');\r
  77                     var value = wlxmlName === 'class' ? attr.value.replace(/-/g, '.') : attr.value;\r
  78                     console.log(name + ': ' + value);\r
  79                     toret.attr(wlxmlName, value);\r
  80                 }\r
  81                     \r
  82                 toret.append(div.contents());\r
  83                 return toret;\r
  84             });\r
  85 \r
  86             return vkbeautify.xml(toret.html());\r
  87         }\r
  88     }\r
  89 \r
  90     return transformations;\r
  91 \r
  92 });