modules/documentCanvas/transformations.js

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