@spinnaker/azure 0.0.0-main-2

package/src/pipeline/stages/bake/bakeStage.html

@@ -0,0 +1,187 @@
+<div ng-controller="azureBakeStageCtrl as bakeStageCtrl">
+  <div ng-if="viewState.loading" class="horizontal center middle">
+    <loading-spinner size="'small'"></loading-spinner>
+  </div>
+  <div ng-if="!viewState.loading">
+    <stage-config-field label="Account">
+      <account-select-field
+        component="stage"
+        field="account"
+        accounts="accounts"
+        provider="'azure'"
+        on-change="bakeStageCtrl.onChangeAccount()"
+      />
+    </stage-config-field>
+
+    <stage-config-field label="Regions">
+      <checklist items="regions" model="stage.regions" inline="true" include-select-all-button="true"></checklist>
+    </stage-config-field>
+
+    <div class="panel panel-default">
+      <div class="panel-heading">
+        <label class="col-md-3 sm-label-right"></label>
+        <div class="btn-group btn-group-xs" role="group" aria-label="Source Image">
+          <button
+            class="btn btn-default"
+            aria-pressed="true"
+            ng-click="bakeStageCtrl.showDefaultImages()"
+            ng-class="{active: defaultImagesWasChosen}"
+          >
+            Default Images
+          </button>
+          <button
+            class="btn btn-default"
+            aria-pressed="true"
+            ng-click="bakeStageCtrl.showManagedImages()"
+            ng-class="{active: managedImagesWasChosen}"
+          >
+            Managed Images
+          </button>
+          <button
+            class="btn btn-default"
+            aria-pressed="true"
+            ng-click="bakeStageCtrl.showCustomImages()"
+            ng-class="{active: customImagesWasChosen}"
+          >
+            Custom Image
+          </button>
+        </div>
+      </div>
+
+      <div class="panel-body">
+        <stage-config-field label="Base OS" ng-show="defaultImagesWasChosen">
+          <bake-stage-choose-os model="stage.baseOs" base-os-options="baseOsOptions"></bake-stage-choose-os>
+        </stage-config-field>
+
+        <stage-config-field label="Managed Image" ng-show="managedImagesWasChosen">
+          <bake-stage-choose-managed-image
+            model="stage.managedImage"
+            managed-image-options="managedImageOptions"
+            on-change="onChangeManagedImage"
+          ></bake-stage-choose-managed-image>
+        </stage-config-field>
+
+        <stage-config-field label="Publisher" ng-show="customImagesWasChosen">
+          <input type="text" class="form-control input-sm" ng-model="stage.publisher" />
+        </stage-config-field>
+        <stage-config-field label="Offer" ng-show="customImagesWasChosen">
+          <input type="text" class="form-control input-sm" ng-model="stage.offer" />
+        </stage-config-field>
+        <stage-config-field label="SKU" ng-show="customImagesWasChosen">
+          <input type="text" class="form-control input-sm" ng-model="stage.sku" />
+        </stage-config-field>
+
+        <stage-config-field label="OS Type" ng-show="customImagesWasChosen">
+          <label class="radio-inline" ng-repeat="osType in osTypeOptions">
+            <input
+              type="radio"
+              ng-model="stage.osType"
+              ng-value="osType"
+              name="osType"
+              ng-change="bakeStageCtrl.onChangeOsType(value)"
+            />
+            {{osType}}
+          </label>
+        </stage-config-field>
+
+        <stage-config-field label="Package Type" ng-show="stage.osType === 'linux'">
+          <label class="radio-inline" ng-repeat="packageType in packageTypeOptions">
+            <input type="radio" ng-model="stage.packageType" ng-value="packageType" name="packageType" />
+            {{packageType}}
+          </label>
+        </stage-config-field>
+      </div>
+    </div>
+
+    <stage-config-field label="Package" help-key="pipeline.config.bake.package">
+      <input type="text" class="form-control input-sm" ng-model="stage.package" />
+    </stage-config-field>
+
+    <stage-config-field label="Base Label">
+      <label class="radio-inline" ng-repeat="baseLabel in baseLabelOptions">
+        <input type="radio" ng-model="stage.baseLabel" ng-value="baseLabel" />
+        {{baseLabel}}
+      </label>
+    </stage-config-field>
+    <!-- Even if the roscoMode flag is false, we should show the control if rebake is set. -->
+    <stage-config-field label="Rebake" ng-if="viewState.roscoMode || stage.rebake">
+      <div class="checkbox" style="margin-bottom: 0">
+        <label>
+          <input type="checkbox" ng-model="stage.rebake" />
+          Rebake image without regard to the status of any existing bake
+        </label>
+      </div>
+    </stage-config-field>
+    <stage-config-field label="Base Name">
+      <input type="text" class="form-control input-sm" ng-model="stage.baseName" />
+    </stage-config-field>
+    <div class="form-group">
+      <div class="col-md-9 col-md-offset-1">
+        <div class="checkbox">
+          <label>
+            <input type="checkbox" ng-model="showAdvancedOptions" />
+            <strong>Show Advanced Options</strong>
+          </label>
+        </div>
+      </div>
+    </div>
+    <div ng-class="{collapse: showAdvancedOptions !== true, 'collapse.in': showAdvancedOptions === true}">
+      <stage-config-field
+        label="Template File Name"
+        help-key="pipeline.config.bake.templateFileName"
+        ng-if="bakeStageCtrl.showTemplateFileName()"
+      >
+        <input type="text" class="form-control input-sm" ng-model="stage.templateFileName" />
+      </stage-config-field>
+      <stage-config-field
+        label="Extended Attributes"
+        help-key="pipeline.config.bake.extendedAttributes"
+        ng-if="bakeStageCtrl.showExtendedAttributes()"
+      >
+        <table class="table table-condensed packed">
+          <thead>
+            <tr>
+              <th style="width: 40%">Key</th>
+              <th style="width: 60%">Value</th>
+              <th class="text-right">Actions</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr ng-repeat="(key,value) in stage.extendedAttributes">
+              <td>
+                <strong class="small">{{key}}</strong>
+              </td>
+              <td>
+                <input
+                  type="text"
+                  ng-model="stage.extendedAttributes[key]"
+                  value="{{value}}"
+                  class="form-control input-sm"
+                />
+              </td>
+              <td class="text-right">
+                <a class="small" href ng-click="bakeStageCtrl.removeExtendedAttribute(key)">Remove</a>
+              </td>
+            </tr>
+          </tbody>
+          <tfoot>
+            <tr>
+              <td colspan="7">
+                <button class="btn btn-block btn-sm add-new" ng-click="bakeStageCtrl.addExtendedAttribute()">
+                  <span class="glyphicon glyphicon-plus-sign"></span> Add Extended Attribute
+                </button>
+              </td>
+            </tr>
+          </tfoot>
+        </table>
+      </stage-config-field>
+      <stage-config-field
+        label="Var File Name"
+        help-key="pipeline.config.bake.varFileName"
+        ng-if="bakeStageCtrl.showVarFileName()"
+      >
+        <input type="text" class="form-control input-sm" ng-model="stage.varFileName" />
+      </stage-config-field>
+    </div>
+  </div>
+</div>

package/src/pipeline/stages/destroyAsg/azureDestroyAsgStage.js

@@ -0,0 +1,73 @@
+'use strict';
+
+import { module } from 'angular';
+
+import { AccountService, Registry, StageConstants } from '@spinnaker/core';
+
+export const AZURE_PIPELINE_STAGES_DESTROYASG_AZUREDESTROYASGSTAGE = 'spinnaker.azure.pipeline.stage.destroyAsgStage';
+export const name = AZURE_PIPELINE_STAGES_DESTROYASG_AZUREDESTROYASGSTAGE; // for backwards compatibility
+module(AZURE_PIPELINE_STAGES_DESTROYASG_AZUREDESTROYASGSTAGE, [])
+  .config(function () {
+    Registry.pipeline.registerStage({
+      provides: 'destroyServerGroup',
+      cloudProvider: 'azure',
+      templateUrl: require('./destroyAsgStage.html'),
+      executionStepLabelUrl: require('./destroyAsgStepLabel.html'),
+      accountExtractor: (stage) => [stage.context.credentials],
+      configAccountExtractor: (stage) => [stage.credentials],
+      validators: [
+        {
+          type: 'targetImpedance',
+          message:
+            'This pipeline will attempt to destroy a server group without deploying a new version into the same cluster.',
+        },
+        { type: 'requiredField', fieldName: 'cluster' },
+        { type: 'requiredField', fieldName: 'target' },
+        { type: 'requiredField', fieldName: 'regions' },
+        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+      ],
+    });
+  })
+  .controller('azureDestroyAsgStageCtrl', [
+    '$scope',
+    function ($scope) {
+      const ctrl = this;
+
+      const stage = $scope.stage;
+
+      $scope.state = {
+        accounts: false,
+        regionsLoaded: false,
+      };
+
+      AccountService.listAccounts('azure').then(function (accounts) {
+        $scope.accounts = accounts;
+        $scope.state.accounts = true;
+      });
+
+      ctrl.accountUpdated = function () {
+        AccountService.getAccountDetails(stage.credentials).then(function (details) {
+          stage.regions = [details.org];
+          //        stage.regions = ['eastus', 'westus'];
+        });
+      };
+
+      $scope.targets = StageConstants.TARGET_LIST;
+
+      stage.regions = stage.regions || [];
+      stage.cloudProvider = 'azure';
+
+      stage.interestingHealthProviderNames = []; // bypass the check for now; will change this later to ['azureService']
+
+      if (!stage.credentials && $scope.application.defaultCredentials.azure) {
+        stage.credentials = $scope.application.defaultCredentials.azure;
+      }
+
+      if (stage.credentials) {
+        ctrl.accountUpdated();
+      }
+      if (!stage.target) {
+        stage.target = $scope.targets[0].val;
+      }
+    },
+  ]);

package/src/pipeline/stages/destroyAsg/destroyAsgStage.html

@@ -0,0 +1,9 @@
+<div ng-controller="azureDestroyAsgStageCtrl as destroyAsgStageCtrl" class="form-horizontal">
+  <div ng-if="!pipeline.strategy">
+    <account-region-cluster-selector application="application" component="stage" accounts="accounts">
+    </account-region-cluster-selector>
+  </div>
+  <stage-config-field label="Target">
+    <target-select model="stage" options="targets"></target-select>
+  </stage-config-field>
+</div>

package/src/pipeline/stages/destroyAsg/destroyAsgStepLabel.html

@@ -0,0 +1 @@
+<span class="task-label"> Destroy Server Group: {{step.context.serverGroupName}} ({{step.context.region}}) </span>

package/src/pipeline/stages/disableAsg/azureDisableAsgStage.js

@@ -0,0 +1,65 @@
+'use strict';
+
+import { module } from 'angular';
+
+import { AccountService, Registry, StageConstants } from '@spinnaker/core';
+
+export const AZURE_PIPELINE_STAGES_DISABLEASG_AZUREDISABLEASGSTAGE = 'spinnaker.azure.pipeline.stage.disableAsgStage';
+export const name = AZURE_PIPELINE_STAGES_DISABLEASG_AZUREDISABLEASGSTAGE; // for backwards compatibility
+module(AZURE_PIPELINE_STAGES_DISABLEASG_AZUREDISABLEASGSTAGE, [])
+  .config(function () {
+    Registry.pipeline.registerStage({
+      provides: 'disableServerGroup',
+      alias: 'disableAsg',
+      cloudProvider: 'azure',
+      templateUrl: require('./disableAsgStage.html'),
+      executionStepLabelUrl: require('./disableAsgStepLabel.html'),
+      validators: [
+        {
+          type: 'targetImpedance',
+          message:
+            'This pipeline will attempt to disable a server group without deploying a new version into the same cluster.',
+        },
+        { type: 'requiredField', fieldName: 'cluster' },
+        { type: 'requiredField', fieldName: 'target' },
+        { type: 'requiredField', fieldName: 'regions' },
+        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+      ],
+    });
+  })
+  .controller('azureDisableAsgStageCtrl', [
+    '$scope',
+    function ($scope) {
+      const stage = $scope.stage;
+
+      $scope.state = {
+        accounts: false,
+        regionsLoaded: false,
+      };
+
+      AccountService.listAccounts('azure').then(function (accounts) {
+        $scope.accounts = accounts;
+        $scope.state.accounts = true;
+      });
+
+      $scope.targets = StageConstants.TARGET_LIST;
+
+      stage.regions = stage.regions || [];
+      stage.cloudProvider = 'azure';
+
+      if (stage.isNew && $scope.application.attributes.platformHealthOnly) {
+        stage.interestingHealthProviderNames = []; // bypass the check for now; will change this later to ['azureService']
+      }
+
+      if (!stage.credentials && $scope.application.defaultCredentials.azure) {
+        stage.credentials = $scope.application.defaultCredentials.azure;
+      }
+      if (!stage.regions.length && $scope.application.defaultRegions.azure) {
+        stage.regions.push($scope.application.defaultRegions.azure);
+      }
+
+      if (!stage.target) {
+        stage.target = $scope.targets[0].val;
+      }
+    },
+  ]);

package/src/pipeline/stages/disableAsg/disableAsgStage.html

@@ -0,0 +1,11 @@
+<div ng-controller="azureDisableAsgStageCtrl as disableAsgStageCtrl" class="form-horizontal">
+  <div ng-if="!pipeline.strategy">
+    <account-region-cluster-selector application="application" component="stage" accounts="accounts">
+    </account-region-cluster-selector>
+  </div>
+  <stage-config-field label="Target">
+    <target-select model="stage" options="targets"></target-select>
+  </stage-config-field>
+  <stage-platform-health-override application="application" stage="stage" platform-health-type="'azureService'">
+  </stage-platform-health-override>
+</div>

package/src/pipeline/stages/disableAsg/disableAsgStepLabel.html

@@ -0,0 +1 @@
+<span class="task-label"> Disable Server Group: {{step.context.serverGroupName}} ({{step.context.region}}) </span>

package/src/pipeline/stages/enableAsg/azureEnableAsgStage.js

@@ -0,0 +1,70 @@
+'use strict';
+
+import { module } from 'angular';
+
+import { AccountService, Registry, StageConstants } from '@spinnaker/core';
+
+export const AZURE_PIPELINE_STAGES_ENABLEASG_AZUREENABLEASGSTAGE = 'spinnaker.azure.pipeline.stage.enableAsgStage';
+export const name = AZURE_PIPELINE_STAGES_ENABLEASG_AZUREENABLEASGSTAGE; // for backwards compatibility
+module(AZURE_PIPELINE_STAGES_ENABLEASG_AZUREENABLEASGSTAGE, [])
+  .config(function () {
+    Registry.pipeline.registerStage({
+      provides: 'enableServerGroup',
+      alias: 'enableAsg',
+      cloudProvider: 'azure',
+      templateUrl: require('./enableAsgStage.html'),
+      executionStepLabelUrl: require('./enableAsgStepLabel.html'),
+      validators: [
+        { type: 'requiredField', fieldName: 'cluster' },
+        { type: 'requiredField', fieldName: 'target' },
+        { type: 'requiredField', fieldName: 'regions' },
+        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+      ],
+    });
+  })
+  .controller('azureEnableAsgStageCtrl', [
+    '$scope',
+    function ($scope) {
+      const ctrl = this;
+
+      const stage = $scope.stage;
+
+      $scope.state = {
+        accounts: false,
+        regionsLoaded: false,
+      };
+
+      AccountService.listAccounts('azure').then(function (accounts) {
+        $scope.accounts = accounts;
+        $scope.state.accounts = true;
+      });
+
+      ctrl.reset = () => {
+        ctrl.accountUpdated();
+        ctrl.resetSelectedCluster();
+      };
+
+      $scope.targets = StageConstants.TARGET_LIST;
+
+      stage.regions = stage.regions || [];
+      stage.cloudProvider = 'azure';
+
+      if (stage.isNew) {
+        // bypass the health check for now; will change this later to ['azureService'] and we will also add back the check for $scope.application.attributes.platformHealthOnly
+        stage.interestingHealthProviderNames = [];
+      }
+
+      if (!stage.credentials && $scope.application.defaultCredentials.azure) {
+        stage.credentials = $scope.application.defaultCredentials.azure;
+      }
+      if (!stage.regions.length && $scope.application.defaultRegions.azure) {
+        stage.regions.push($scope.application.defaultRegions.azure);
+      }
+
+      if (!stage.target) {
+        stage.target = $scope.targets[0].val;
+      }
+
+      $scope.$watch('stage.credentials', $scope.accountUpdated);
+    },
+  ]);

package/src/pipeline/stages/enableAsg/enableAsgStage.html

@@ -0,0 +1,11 @@
+<div ng-controller="azureEnableAsgStageCtrl as enableAsgStageCtrl" class="form-horizontal">
+  <div ng-if="!pipeline.strategy">
+    <account-region-cluster-selector application="application" component="stage" accounts="accounts">
+    </account-region-cluster-selector>
+  </div>
+  <stage-config-field label="Target">
+    <target-select model="stage" options="targets"></target-select>
+  </stage-config-field>
+  <stage-platform-health-override application="application" stage="stage" platform-health-type="'azureService'">
+  </stage-platform-health-override>
+</div>

package/src/pipeline/stages/enableAsg/enableAsgStepLabel.html

@@ -0,0 +1 @@
+<span class="task-label"> Enable Server Group: {{step.context.serverGroupName}} ({{step.context.region}}) </span>

package/src/securityGroup/clone/cloneSecurityGroup.controller.js

@@ -0,0 +1,162 @@
+'use strict';
+
+import { module } from 'angular';
+import _ from 'lodash';
+
+import { AccountService, FirewallLabels, TaskMonitor } from '@spinnaker/core';
+
+import { AZURE_SECURITYGROUP_CONFIGURE_CREATESECURITYGROUPCTRL } from '../configure/CreateSecurityGroupCtrl';
+import { AZURE_SECURITYGROUP_SECURITYGROUP_WRITE_SERVICE } from '../securityGroup.write.service';
+
+export const AZURE_SECURITYGROUP_CLONE_CLONESECURITYGROUP_CONTROLLER = 'spinnaker.azure.securityGroup.clone.controller';
+export const name = AZURE_SECURITYGROUP_CLONE_CLONESECURITYGROUP_CONTROLLER; // for backwards compatibility
+module(AZURE_SECURITYGROUP_CLONE_CLONESECURITYGROUP_CONTROLLER, [
+  AZURE_SECURITYGROUP_SECURITYGROUP_WRITE_SERVICE,
+  AZURE_SECURITYGROUP_CONFIGURE_CREATESECURITYGROUPCTRL,
+]).controller('azureCloneSecurityGroupController', [
+  '$scope',
+  '$uibModalInstance',
+  '$controller',
+  '$state',
+  'azureSecurityGroupWriter',
+  'securityGroup',
+  'application',
+  function ($scope, $uibModalInstance, $controller, $state, azureSecurityGroupWriter, securityGroup, application) {
+    const ctrl = this;
+
+    $scope.firewallLabel = FirewallLabels.get('Firewall');
+
+    $scope.pages = {
+      location: require('../configure/createSecurityGroupProperties.html'),
+      ingress: require('../configure/createSecurityGroupIngress.html'),
+    };
+
+    securityGroup.securityRules = _.map(securityGroup.securityRules, function (rule) {
+      const temp = rule.destinationPortRange.split('-');
+      rule.startPort = Number(temp[0]);
+      rule.endPort = Number(temp[1]);
+      return rule;
+    });
+
+    ctrl.accountUpdated = function () {
+      AccountService.getRegionsForAccount($scope.securityGroup.credentials).then(function (regions) {
+        $scope.regions = regions;
+        $scope.securityGroup.regions = regions;
+        ctrl.updateName();
+      });
+    };
+
+    ctrl.cancel = function () {
+      $uibModalInstance.dismiss();
+    };
+
+    ctrl.updateName = function () {
+      const securityGroup = $scope.securityGroup;
+      let name = application.name;
+      if (securityGroup.detail) {
+        name += '-' + securityGroup.detail;
+      }
+      securityGroup.name = name;
+      $scope.namePreview = name;
+    };
+
+    $scope.securityGroup = securityGroup;
+
+    $scope.state = {
+      refreshingSecurityGroups: false,
+    };
+
+    $scope.taskMonitor = new TaskMonitor({
+      application: application,
+      title: `Updating your ${FirewallLabels.get('firewall')}`,
+      modalInstance: $uibModalInstance,
+      onTaskComplete: onTaskComplete,
+    });
+
+    AccountService.listAccounts('azure').then(function (accounts) {
+      $scope.accounts = accounts;
+      ctrl.accountUpdated();
+    });
+
+    ctrl.addRule = function (ruleset) {
+      ruleset.push({
+        name: $scope.securityGroup.name + '-Rule' + ruleset.length,
+        priority: ruleset.length === 0 ? 100 : 100 * (ruleset.length + 1),
+        protocol: 'tcp',
+        access: 'Allow',
+        direction: 'InBound',
+        sourceAddressPrefix: '*',
+        sourcePortRange: '*',
+        destinationAddressPrefix: '*',
+        destinationPortRange: '7001-7001',
+        startPort: 7001,
+        endPort: 7001,
+      });
+    };
+
+    function onApplicationRefresh() {
+      // If the user has already closed the modal, do not navigate to the new details view
+      if ($scope.$$destroyed) {
+        return;
+      }
+      $uibModalInstance.close();
+      const newStateParams = {
+        name: $scope.securityGroup.name,
+        accountId: $scope.securityGroup.credentials || $scope.securityGroup.accountName,
+        region: $scope.securityGroup.region,
+        provider: 'azure',
+      };
+      if (!$state.includes('**.firewallDetails')) {
+        $state.go('.firewallDetails', newStateParams);
+      } else {
+        $state.go('^.firewallDetails', newStateParams);
+      }
+    }
+
+    function onTaskComplete() {
+      application.securityGroups.refresh();
+      application.securityGroups.onNextRefresh($scope, onApplicationRefresh);
+    }
+
+    ctrl.portUpdated = function (ruleset, index) {
+      ruleset[index].destinationPortRange = ruleset[index].startPort + '-' + ruleset[index].endPort;
+    };
+    ctrl.removeRule = function (ruleset, index) {
+      ruleset.splice(index, 1);
+    };
+    ctrl.moveUp = function (ruleset, index) {
+      if (index === 0) return;
+      swapRules(ruleset, index, index - 1);
+    };
+    ctrl.moveDown = function (ruleset, index) {
+      if (index === ruleset.length - 1) return;
+      swapRules(ruleset, index, index + 1);
+    };
+    function swapRules(ruleset, a, b) {
+      const temp = ruleset[b];
+      const priorityA = ruleset[a].priority;
+      const priorityB = ruleset[b].priority;
+      //swap elements
+      ruleset[b] = ruleset[a];
+      ruleset[a] = temp;
+      //swap priorities
+      ruleset[a].priority = priorityA;
+      ruleset[b].priority = priorityB;
+    }
+
+    ctrl.upsert = function () {
+      $scope.taskMonitor.submit(function () {
+        const params = {
+          cloudProvider: 'azure',
+          appName: application.name,
+          region: $scope.securityGroup.region,
+          subnet: 'none',
+          vpcId: 'null',
+        };
+        $scope.securityGroup.type = 'upsertSecurityGroup';
+
+        return azureSecurityGroupWriter.upsertSecurityGroup($scope.securityGroup, application, 'Clone', params);
+      });
+    };
+  },
+]);

package/src/securityGroup/clone/cloneSecurityGroup.html

@@ -0,0 +1,8 @@
+<v2-modal-wizard heading="Clone {{firewallLabel}}">
+  <v2-wizard-page key="Location" label="Location">
+    <ng-include src="pages.location"></ng-include>
+  </v2-wizard-page>
+  <v2-wizard-page key="Ingress" label="Ingress" done="true">
+    <ng-include src="pages.ingress"></ng-include>
+  </v2-wizard-page>
+</v2-modal-wizard>