src/wlxml/extensions/list/list.js

   1 define(function(require) {
   2
   3 'use strict';
   4
   5
   6 var wlxml = require('wlxml/wlxml'),
   7     extension = {documentTransformations: [], classMethods: {}};
   8
   9
  10 extension.classMethods['list'] = {
  11     itemIndex: function(listItem) {
  12         var toret = -1;
  13         this.contents('.item').some(function(item, index) {
  14             if(item.sameNode(listItem)) {
  15                 toret = index;
  16                 return true; // break
  17             }
  18         });
  19         return toret;
  20     },
  21     getItem: function(index) {
  22         return this.contents('.item')[index];
  23     }
  24 }
  25
  26 extension.documentMethods = {
  27     areItemsOfSameList: function(params) {
  28         return params.node1.parent().sameNode(params.node2.parent()) && params.node2.parent().is('list');
  29     }
  30 }
  31
  32 extension.documentTransformations.push({
  33     name: 'createList',
  34     impl: function(params) {
  35         var parent = params.node1.parent(),
  36             parentContents = parent.contents(),
  37             nodeIndexes = [params.node1.getIndex(), params.node2.getIndex()].sort(),
  38             nodesToWrap = [],
  39             listNode = params.node1.document.createDocumentNode({tagName: 'div', attrs: {'class': 'list'}}),
  40             node, i;
  41
  42         for(i = nodeIndexes[0]; i <= nodeIndexes[1]; i++) {
  43             node = parentContents[i];
  44             if(node.nodeType === Node.TEXT_NODE) {
  45                 node = node.wrapWith({tagName: 'div', attrs: {'class': 'item'}}); //t
  46             } else {
  47                 node.setClass('item'); //t
  48             }
  49             nodesToWrap.push(node);
  50         }
  51
  52         var toInsert;
  53         if(parent.is('list') && parent.object.itemIndex(nodesToWrap[0]) > 0) { // object api
  54             // var prevItem = parent.object.getItem(parent.object.itemIndex(nodesToWrap[0])-1); // object api
  55             // prevItem.append(listNode); //t
  56             toInsert = listNode.wrapWith({tagName: 'div', attrs: {'class': 'item'}});
  57         } else {
  58             //nodesToWrap[0].before(listNode); //t
  59             toInsert = listNode;
  60         }
  61
  62         params.node1.before(toInsert);
  63
  64         nodesToWrap.forEach(function(node) {
  65             listNode.append(node); //t
  66         });
  67     },
  68     getChangeRoot: function() {
  69         return this.args.node1.parent();
  70     },
  71     isAllowed: function() {
  72         return this.args.node1.parent().sameNode(this.args.node2.parent());
  73     }
  74 });
  75
  76 extension.documentTransformations.push({
  77     name: 'extractItems',
  78     impl: function(params) {
  79         params = _.extend({}, {merge: true}, params);
  80         var list = params.item1.parent(),
  81             indexes = [params.item1.getIndex(), params.item2.getIndex()].sort(),
  82             precedingItems = [],
  83             extractedItems = [],
  84             succeedingItems = [],
  85             items = list.contents(), // lub list.object.items()
  86             listIsNested = list.parent().is('item'),
  87             i;
  88
  89         items.forEach(function(item, idx) {
  90             if(idx < indexes[0]) {
  91                 precedingItems.push(item);
  92             }
  93             else if(idx >= indexes[0] && idx <= indexes[1]) {
  94                 extractedItems.push(item);
  95             }
  96             else {
  97                 succeedingItems.push(item);
  98             }
  99         });
 100
 101         var reference = listIsNested ? list.parent() : list;
 102         if(succeedingItems.length === 0) {
 103             var reference_orig = reference;
 104             extractedItems.forEach(function(item) {
 105                 reference.after(item); //t
 106                 reference = item;
 107                 if(!listIsNested) {
 108                     item.setClass(null); //t
 109                 }
 110             });
 111             if(precedingItems.length === 0)
 112                 reference_orig.detach(); //t
 113         } else if(precedingItems.length === 0) {
 114             extractedItems.forEach(function(item) {
 115                 reference.before(item); //t
 116                 if(!listIsNested) {
 117                     item.setClass(null); //t
 118                 }
 119             });
 120         } else {
 121             extractedItems.forEach(function(item) {
 122                 reference.after(item); //t
 123                 if(!listIsNested)
 124                     item.setClass(null); //t
 125                 reference = item;
 126             });
 127             var secondList = params.item1.document.createDocumentNode({tagName: 'div', attrs: {'class':'list'}}),
 128                 toAdd = secondList;
 129
 130             if(listIsNested) {
 131                 toAdd = secondList.wrapWith({tagName: 'div', attrs: {'class':'item'}});
 132             }
 133             succeedingItems.forEach(function(item) {
 134                 secondList.append(item);
 135             });
 136
 137             reference.after(toAdd);
 138         }
 139         if(!params.merge && listIsNested) {
 140             return this.transform('extractItems', {item1: extractedItems[0], item2: extractedItems[extractedItems.length-1]});
 141         }
 142         return true;
 143     },
 144     isAllowed: function() {
 145         var parent = this.args.nodel1.parent();
 146         return parent.is('list') && parent.sameNode(this.args.node2.parent());
 147     }
 148 });
 149
 150 wlxml.registerExtension(extension);
 151
 152 });