How to use the angular-ui-router.default function in angular-ui-router

'use strict';

import {EXECUTION_DETAILS_SECTION_SERVICE} from 'core/delivery/details/executionDetailsSection.service';

let angular = require('angular');

module.exports = angular
  .module('spinnaker.core.pipeline.stage.tagImage.gce.executionDetails.controller', [
    require('angular-ui-router').default,
    EXECUTION_DETAILS_SECTION_SERVICE,
    require('core/delivery/details/executionDetailsSectionNav.directive.js'),
  ])
  .controller('gceTagImageExecutionDetailsCtrl', function ($scope, $stateParams, manualJudgmentService,
                                                           executionDetailsSectionService) {

    $scope.configSections = ['tagImageConfig', 'taskStatus'];

    let initialized = () => {
      $scope.detailsSection = $stateParams.details;
    };

    let initialize = () => executionDetailsSectionService.synchronizeSection($scope.configSections, initialized);

    initialize();

'use strict';

const angular = require('angular');
import _ from 'lodash';

import { CLUSTER_FILTER_SERVICE, URL_BUILDER_SERVICE } from '@spinnaker/core';

module.exports = angular.module('spinnaker.titus.pipeline.stage.cloneServerGroup.executionDetails.controller', [
  require('angular-ui-router').default,
  CLUSTER_FILTER_SERVICE,
  URL_BUILDER_SERVICE
])
  .controller('titusCloneServerGroupExecutionDetailsCtrl', function ($scope, $stateParams, executionDetailsSectionService,
                                                                   urlBuilderService, clusterFilterService) {

    $scope.configSections = ['cloneServerGroupConfig', 'taskStatus'];

    let initialized = () => {
      $scope.detailsSection = $stateParams.details;

      let context = $scope.stage.context || {},
        results = [];

      function addDeployedArtifacts(key) {
        let deployedArtifacts = _.find(resultObjects, key);

'use strict';

const angular = require('angular');

import {RECENT_HISTORY_SERVICE} from 'core/history/recentHistory.service';

import './newapplication.less';
import './application.less';

module.exports = angular.module('spinnaker.application.controller', [
  require('angular-ui-router').default,
  RECENT_HISTORY_SERVICE,
  require('../presentation/refresher/componentRefresher.directive.js'),
])
  .controller('ApplicationCtrl', function($scope, $state, app, recentHistoryService, $uibModal) {
    $scope.application = app;
    $scope.insightTarget = app;
    $scope.refreshTooltipTemplate = require('./applicationRefresh.tooltip.html');
    if (app.notFound) {
      recentHistoryService.removeLastItem('applications');
      return;
    }

    app.enableAutoRefresh($scope);

    this.pageApplicationOwner = () => {
      $uibModal.open({

'use strict';

const angular = require('angular');
import _ from 'lodash';

import {
  ACCOUNT_SERVICE,
  CLUSTER_TARGET_BUILDER,
  CONFIRMATION_MODAL_SERVICE,
  SERVER_GROUP_READER,
  SERVER_GROUP_WARNING_MESSAGE_SERVICE,
  SERVER_GROUP_WRITER
} from '@spinnaker/core';

module.exports = angular.module('spinnaker.serverGroup.details.titus.controller', [
  require('angular-ui-router').default,
  ACCOUNT_SERVICE,
  require('../configure/ServerGroupCommandBuilder.js'),
  SERVER_GROUP_WARNING_MESSAGE_SERVICE,
  SERVER_GROUP_READER,
  CONFIRMATION_MODAL_SERVICE,
  SERVER_GROUP_WRITER,
  require('./resize/resizeServerGroup.controller'),
  CLUSTER_TARGET_BUILDER
])
  .controller('titusServerGroupDetailsCtrl', function ($scope, $state, $templateCache, $interpolate, app, serverGroup,
                                                       titusServerGroupCommandBuilder, serverGroupReader, $uibModal,
                                                       confirmationModalService, serverGroupWriter, clusterTargetBuilder,
                                                       serverGroupWarningMessageService, accountService) {

    let application = app;
    this.application = app;

'use strict';

import {EXECUTION_DETAILS_SECTION_SERVICE} from 'core/delivery/details/executionDetailsSection.service';

let angular = require('angular');

module.exports = angular.module('spinnaker.core.pipeline.stage.shrinkCluster.kubernetes.executionDetails.controller', [
    require('angular-ui-router').default,
    EXECUTION_DETAILS_SECTION_SERVICE,
    require('core/delivery/details/executionDetailsSectionNav.directive.js'),
])
  .controller('kubernetesShrinkClusterExecutionDetailsCtrl', function ($scope, $stateParams, executionDetailsSectionService) {

    $scope.configSections = ['shrinkClusterConfig', 'taskStatus'];

    let initialized = () => {
      $scope.detailsSection = $stateParams.details;
    };

    let initialize = () => executionDetailsSectionService.synchronizeSection($scope.configSections, initialized);

    initialize();

    $scope.$on('$stateChangeSuccess', initialize);

application.attributes.legacyUdf = true;
    }
    extend(this, $controller('EditApplicationController', {
      $window: $window,
      $state: $state,
      $uibModalInstance: $uibModalInstance,
      application: application,
      applicationWriter: applicationWriter,
      accountService: accountService,
    }));
  }
}

export const NETFLIX_EDIT_APPLICATION_MODAL_CONTROLLER = 'spinnaker.netflix.application.edit.modal.controller';
module(NETFLIX_EDIT_APPLICATION_MODAL_CONTROLLER, [
  require('angular-ui-router').default,
  APPLICATION_WRITE_SERVICE,
  ACCOUNT_SERVICE,
  PAGER_DUTY_SELECT_FIELD_COMPONENT,
  PAGER_DUTY_TAG_COMPONENT,
])
  .controller('netflixEditApplicationController', NetflixEditApplicationModalController);

class EnableAsgExecutionDetailsCtrl extends BaseExecutionDetailsCtrl {
  constructor ($scope: IExecutionDetailsScope,
               $stateParams: StateParams,
               executionDetailsSectionService: ExecutionDetailsSectionService) {
    'ngInject';
    super($scope, $stateParams, executionDetailsSectionService);

    super.setScopeConfigSections(['enableServerGroupConfig', 'taskStatus']);
  }
}

export const ENABLE_ASG_EXECUTION_DETAILS_CTRL = 'spinnaker.core.pipeline.stage.enableAsg.executionDetails.controller';

module(ENABLE_ASG_EXECUTION_DETAILS_CTRL, [
  require('angular-ui-router').default,
  EXECUTION_DETAILS_SECTION_SERVICE,
]).controller('enableAsgExecutionDetailsCtrl', EnableAsgExecutionDetailsCtrl);

}

class FastPropertyPods implements IComponentOptions {
  public templateUrl: string = require('./fastPropertyPods.html');
  public controller: any = FastPropertyPodsController;
  public controllerAs = 'fpPod';
  public bindings: any = {
    properties: '<',
    groupedBy: '=?'
  };
}

export const FAST_PROPERTY_PODS = 'spinnaker.netflix.globalFastProperty.pods.component';

module(FAST_PROPERTY_PODS, [
  require('angular-ui-router').default,
])
  .component('fastPropertyPods', new FastPropertyPods());

'use strict';

const angular = require('angular');

import {EXECUTION_DETAILS_SECTION_SERVICE} from 'core/delivery/details/executionDetailsSection.service';
import {MANUAL_JUDGMENT_COMPONENT} from './manualJudgment.component';

module.exports = angular
    .module('spinnaker.core.pipeline.stage.manualJudgment.executionDetails.controller', [
    require('angular-ui-router').default,
    MANUAL_JUDGMENT_COMPONENT,
    EXECUTION_DETAILS_SECTION_SERVICE,
  ])
  .controller('ManualJudgmentExecutionDetailsCtrl', function ($scope, $stateParams, manualJudgmentService,
                                                              executionDetailsSectionService) {

    $scope.configSections = ['manualJudgment', 'taskStatus'];

    let initialized = () => {
      $scope.detailsSection = $stateParams.details;
    };

    $scope.viewState = {
      submitting: false,
      judgmentDecision: null,
      judgmentInput: null,

'use strict';

import {EXECUTION_DETAILS_SECTION_SERVICE} from 'core/delivery/details/executionDetailsSection.service';

let angular = require('angular');

module.exports = angular.module('spinnaker.netflix.pipeline.stage.quickPatchAsg.executionDetails.controller', [
  require('angular-ui-router').default,
  EXECUTION_DETAILS_SECTION_SERVICE,
  require('core/delivery/details/executionDetailsSectionNav.directive.js'),
])
  .controller('QuickPatchAsgExecutionDetailsCtrl', function ($scope, $stateParams, executionDetailsSectionService) {

    $scope.configSections = ['quickPatchServerGroupConfig'];

    let initialized = () => {
      $scope.detailsSection = $stateParams.details;
    };

    let initialize = () => executionDetailsSectionService.synchronizeSection($scope.configSections, initialized);

    initialize();

    $scope.$on('$stateChangeSuccess', initialize);