deployImageDialog.js

'use strict';

(function() {
  angular.module('openshiftConsole').component('deployImageDialog', {
    controller: [
      '$scope',
      '$routeParams',
      'DataService',
      DeployImageDialog
    ],
    controllerAs: '$ctrl',
    bindings: {
      project: '<', //handle create project optionally
      context: '<',
      onDialogClosed: '&'
    },
    templateUrl: 'views/directives/deploy-image-dialog.html'
  });

  function DeployImageDialog($scope, $routeParams, DataService) {
    var ctrl = this;

    ctrl.$onInit = function() {
      ctrl.loginBaseUrl = DataService.openshiftAPIBaseUrl();
      ctrl.currentStep = "Image";
      // if on the landing page, show the project name in next-steps
      if (!$routeParams.project) {
        ctrl.showProjectName = true;
      }
    };

    ctrl.deployImage = function() {
      $scope.$broadcast('newAppFromDeployImage');
    };

    $scope.$on('deployImageNewAppCreated', function(event, message) {
      ctrl.selectedProject = message.project;
      ctrl.appName = message.appName;
      ctrl.deployImageNewAppCreated = true;
      ctrl.currentStep = "Results";
    });

    ctrl.close = function() {
      var cb = ctrl.onDialogClosed();
      if (_.isFunction(cb)) {
        cb();
      }
      ctrl.wizardDone = false;
      return true;
    };

    ctrl.stepChanged = function(step) {
      if (step.stepId === 'results') {
        ctrl.nextButtonTitle = "Close";
        ctrl.wizardDone = true;
      } else {
        ctrl.nextButtonTitle = "Deploy";
      }
    };

    ctrl.nextCallback = function (step) {
      if (step.stepId === 'image') {
        ctrl.deployImage();
        return false;  // don't actually navigate yet
      }
      else if (step.stepId === 'results') {
        ctrl.close();
        return false;
      }
      return true;
    };
  }
})();