terriajs/lib/Core/loadView.js

Geospatial data visualization platform.

'use strict';

/*global require*/
var getElement = require('terriajs-cesium/Source/Widgets/getElement');
var knockout = require('terriajs-cesium/Source/ThirdParty/knockout');

var createFragmentFromTemplate = require('./createFragmentFromTemplate');

var loadView = function(htmlString, container, viewModel) {
    container = getElement(container);

    var fragment = createFragmentFromTemplate(htmlString);

    // Sadly, fragment.childNodes doesn't have a slice function.
    // This code could be replaced with Array.prototype.slice.call(fragment.childNodes)
    // but that seems slightly error prone.
    var nodes = [];

    var i;
    for (i = 0; i < fragment.childNodes.length; ++i) {
        nodes.push(fragment.childNodes[i]);
    }

    container.appendChild(fragment);

    for (i = 0; i < nodes.length; ++i) {
        var node = nodes[i];
        if (node.nodeType === 1 || node.nodeType === 8) {
            knockout.applyBindings(viewModel, node);
        }
    }

    return nodes;
};

module.exports = loadView;