terriajs/lib/Core/loadView.js

Geospatial data visualization platform.

"use strict";

var getElement = require("terriajs-cesium/Source/Widgets/getElement").default;
var knockout = require("terriajs-cesium/Source/ThirdParty/knockout").default;

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;