(function() {
  var moduleName = 'blank-modal-extension';
  var template = '<div style="width: 100%; height: 100%; background-color: white"><h1>Hello world</h1></div>';

  function onChangeModuleActivity(node, isActive) {
    if (isActive) {
      $(node).show();
    } else {
      $(node).hide();
    }
  }

  // system changeable calls
  (function () {
    var node;
    var templateName = 'main.html';
    var $templateCache = angular.element(document.body).injector().get('$templateCache');
    $templateCache.put('modules/' + moduleName + '/' + templateName, template);

    app.module({
      name: moduleName,
      options: {
        type: 'modal',
        modalTemplateUrl: templateName
      },
      setModuleActivity: function (isActive) {
        onChangeModuleActivity(node, isActive)
      },
      onModalInit: function (_node) {
        node = _node;
        $(node).hide();
      }
    }).then(function () {
      app.startModules([moduleName]);
    });
  })();
})();