aboutsummaryrefslogtreecommitdiff
path: root/node_modules/tools/template/template-creator.js
blob: faf0352049448f3cc6d3a266386455afacf554de (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
/* <copyright>
 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
 (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 </copyright> */
/**
    @module montage/tools/template/template-creator
    @requires montage/ui/template
*/

exports = typeof exports !== "undefined" ? exports : {};

var Montage = require("montage/core/core").Montage;
var Template = require("montage/ui/template").Template;

/**
    @class module:montage/tools/template/template-creator.TemplateCreator
    @extends module:montage/ui/template.Template
*/
var TemplateCreator = exports.TemplateCreator = Montage.create(Template, /** @lends module:montage/tools/template/template-creator.TemplateCreator# */ {
    initWithDocument: {
        value: function(doc, montageJsPath) {
            return this.initWithHeadAndBodyElements(doc.head, doc.body, montageJsPath);
        }
    },
    
    initWithBodyElement: {
        value: function(body, montageJsPath) {
            return this.initWithHeadAndBodyElements(null, body, montageJsPath);
        }
    },
    
    initWithHeadAndBodyElements: {
        value: function(head, body, montageJsPath) {
            var serializer = this.serializer,
                objects = {},
                components = {},
                componentsChildComponents = {},
                componentsElements = {},
                doc,
                script,
                self = this;
            
            this._componentNamesIndex = {};
            this._objectNamesIndex = {};
            doc = this._document = document.implementation.createHTMLDocument("");
            
            function copyNode(sourceNode, targetNode, isRootNode) {
                var childNodes = sourceNode.childNodes,
                    childNode,
                    targetChildNode,
                    label,
                    script,
                    component = isRootNode ? null : sourceNode.controller;
                    
                if (component) {
                    label = self._generateLabelForComponent(component, Object.keys(components));
                    componentsElements[label] = component._element;
                    component._element = targetNode;
                    components[label] = component;
                    componentsChildComponents[label] = component.childComponents;
                    component._element.setAttribute('data-ninja-node', 'true');
                    delete component.childComponents;
                } else {
                    for (var i = 0; (childNode = childNodes[i]); i++) {
                        targetChildNode = targetNode.appendChild(childNode.cloneNode(false));
                        copyNode(childNode, targetChildNode);
                    }
                }
            }
            
            if (head) {
                doc.head.innerHTML = head.innerHTML;
            }
            if (montageJsPath) {
               script = doc.createElement("script");
               script.setAttribute("src", montageJsPath);
               doc.head.appendChild(script);
               doc.head.insertBefore(doc.createTextNode("\n    "), script);
            }
            
            // try to make things look nice...
            var html = doc.documentElement;
            html.insertBefore(doc.createTextNode("\n"), doc.head);
            html.insertBefore(doc.createTextNode("\n"), doc.body);
            html.appendChild(doc.createTextNode("\n"));
            if (!head) {
                // the first child is the title
                doc.head.insertBefore(doc.createTextNode("\n    "), doc.head.firstChild);
            }
            
            copyNode(body, this._document.body, true);
            this._ownerSerialization = serializer.serialize(components);
            for (var label in components) {
                components[label].childComponents = componentsChildComponents[label];
                components[label]._element = componentsElements[label];
            }
            components = componentsChildComponents = null;
            this._externalObjects = serializer.getExternalObjects();
            
            return this;
        }
    },
    
    _componentNamesIndex: {
        value: null
    },

    _generateLabelForComponent: {value: function(component, labels) {
        var componentInfo = Montage.getInfoForObject(component),
            componentLabel = componentInfo.label || component.identifier,
            componentName,
            index;

        if (componentLabel) {
            return componentLabel;
        } else {
            componentName = componentInfo.objectName.toLowerCase();
            do {
                index = this._componentNamesIndex[componentName] || 1;
                this._componentNamesIndex[componentName] = index + 1;
            } while (labels.indexOf(componentName+index) >= 0);

            return componentName + index;
        }
    }},
});