@spinnaker/google 0.0.0-2025.1-0

package/src/securityGroup/configure/createSecurityGroup.controller.js

@@ -0,0 +1,62 @@
+'use strict';
+
+import UIROUTER_ANGULARJS from '@uirouter/angularjs';
+import * as angular from 'angular';
+
+import { AccountService, InfrastructureCaches } from '@spinnaker/core';
+
+export const GOOGLE_SECURITYGROUP_CONFIGURE_CREATESECURITYGROUP_CONTROLLER =
+  'spinnaker.gce.securityGroup.create.controller';
+export const name = GOOGLE_SECURITYGROUP_CONFIGURE_CREATESECURITYGROUP_CONTROLLER; // for backwards compatibility
+angular
+  .module(GOOGLE_SECURITYGROUP_CONFIGURE_CREATESECURITYGROUP_CONTROLLER, [UIROUTER_ANGULARJS])
+  .controller('gceCreateSecurityGroupCtrl', [
+    '$scope',
+    '$uibModalInstance',
+    '$state',
+    '$controller',
+    'application',
+    'securityGroup',
+    function ($scope, $uibModalInstance, $state, $controller, application, securityGroup) {
+      $scope.pages = {
+        location: require('./createSecurityGroupProperties.html'),
+        targets: require('./createSecurityGroupTargets.html'),
+        sourceFilters: require('./createSecurityGroupSourceFilters.html'),
+        ingress: require('./createSecurityGroupIngress.html'),
+      };
+
+      const ctrl = this;
+
+      securityGroup.backingData = {};
+      securityGroup.network = 'default';
+      securityGroup.sourceRanges = [];
+      securityGroup.sourceTags = [];
+      securityGroup.ipIngress = [];
+
+      angular.extend(
+        this,
+        $controller('gceConfigSecurityGroupMixin', {
+          $scope: $scope,
+          $uibModalInstance: $uibModalInstance,
+          application: application,
+          securityGroup: securityGroup,
+          mode: 'create',
+        }),
+      );
+
+      AccountService.listAccounts('gce').then(function (accounts) {
+        $scope.accounts = accounts;
+        ctrl.accountUpdated();
+      });
+
+      this.getSecurityGroupRefreshTime = function () {
+        return InfrastructureCaches.get('securityGroups').getStats().ageMax;
+      };
+
+      ctrl.upsert = function () {
+        ctrl.mixinUpsert('Create');
+      };
+
+      ctrl.initializeSecurityGroups();
+    },
+  ]);

package/src/securityGroup/configure/createSecurityGroup.html

@@ -0,0 +1,25 @@
+<ng-form role="form" name="form" novalidate class="gce-security-group-wizard">
+  <v2-modal-wizard heading="Create New {{firewallLabel}}" task-monitor="taskMonitor" dismiss="$dismiss()">
+    <v2-wizard-page key="Location" label="Location">
+      <ng-include src="pages.location"></ng-include>
+    </v2-wizard-page>
+    <v2-wizard-page key="Targets" label="Targets" done="true">
+      <ng-include src="pages.targets"></ng-include>
+    </v2-wizard-page>
+    <v2-wizard-page key="Source Filters" label="Source Filters" done="true">
+      <ng-include src="pages.sourceFilters"></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>
+  <div class="modal-footer">
+    <button class="btn btn-default" ng-click="ctrl.cancel()">Cancel</button>
+    <submit-button
+      is-disabled="form.$invalid || !wizard.isComplete() || state.submitting || !ctrl.isValid()"
+      submitting="state.submitting"
+      on-click="ctrl.upsert()"
+      is-new="isNew"
+    ></submit-button>
+  </div>
+</ng-form>

package/src/securityGroup/configure/createSecurityGroupIngress.html

@@ -0,0 +1,81 @@
+<div class="container-fluid form-horizontal">
+  <div class="row">
+    <div class="col-md-12" ng-if="state.removedRules.length">
+      <div class="alert alert-warning">
+        <p>
+          <i class="fa fa-exclamation-triangle"></i> The following
+          <firewall-label label="firewalls"></firewall-label> could not be found in the selected account/region/VPC and
+          were removed:
+        </p>
+        <ul>
+          <li ng-repeat="securityGroup in state.removedRules">{{securityGroup}}</li>
+        </ul>
+        <p class="text-right">
+          <a class="btn btn-sm btn-default dirty-flag-dismiss" href ng-click="ctrl.dismissRemovedRules()">Okay</a>
+        </p>
+      </div>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-md-12">
+      <p class="info">
+        <span class="glyphicon glyphicon-info-sign"></span> Connections via each protocol/port will be permitted if they
+        match the rules defined by the target tags and source filters above.
+      </p>
+    </div>
+  </div>
+  <div class="form-group">
+    <div class="col-md-12">
+      <table class="table table-condensed packed">
+        <thead>
+          <tr>
+            <th>Protocol</th>
+            <th>Start Port</th>
+            <th>End Port</th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr ng-repeat="rule in securityGroup.ipIngress">
+            <td>
+              <select
+                class="form-control input-sm"
+                ng-model="rule.type"
+                ng-options="protocol as protocol.toUpperCase() for protocol in ['tcp', 'udp', 'icmp', 'esp', 'ah', 'sctp']"
+              ></select>
+            </td>
+            <td>
+              <input
+                class="form-control input-sm"
+                type="number"
+                min="0"
+                ng-model="rule.startPort"
+                ng-required="rule.type === 'tcp' || rule.type === 'udp' || rule.type === 'sctp'"
+              />
+            </td>
+            <td>
+              <input
+                class="form-control input-sm"
+                type="number"
+                min="0"
+                ng-model="rule.endPort"
+                ng-required="rule.type === 'tcp' || rule.type === 'udp' || rule.type === 'sctp'"
+              />
+            </td>
+            <td>
+              <a
+                class="btn btn-link sm-label table-remove-button"
+                ng-click="ctrl.removeRule(securityGroup.ipIngress, $index)"
+              >
+                <span class="glyphicon glyphicon-trash"></span
+              ></a>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <button class="add-new col-md-12" ng-click="ctrl.addRule(securityGroup.ipIngress)">
+        <span class="glyphicon glyphicon-plus-sign"></span> Add New Protocol and Port Range
+      </button>
+    </div>
+  </div>
+</div>

package/src/securityGroup/configure/createSecurityGroupProperties.html

@@ -0,0 +1,70 @@
+<div class="container-fluid form-horizontal">
+  <div class="modal-body">
+    <div class="form-group">
+      <div
+        class="col-md-12 well"
+        ng-class="{'alert-danger': form.securityGroupName.$error.validateUnique, 'alert-info': !form.securityGroupName.$error.validateUnique}"
+      >
+        <strong>Your <firewall-label label="firewall"></firewall-label> will be named:</strong>
+        <span ng-bind="namePreview"></span>
+        <input
+          type="hidden"
+          class="form-control input-sm"
+          ng-model="securityGroup.name"
+          validate-unique="existingSecurityGroupNames"
+          validate-ignore-case="true"
+          name="securityGroupName"
+          ng-pattern="ctrl.namePattern"
+          trigger-validation="securityGroup.subnet"
+          required
+        />
+        <validation-error
+          ng-if="form.securityGroupName.$error.validateUnique && securityGroup.credentials"
+          message="There is already a {{firewallLabel}} in {{securityGroup.credentials}} with that name."
+        ></validation-error>
+        <validation-error
+          ng-if="form.securityGroupName.$error.pattern"
+          message="Name can only contain letters, numbers, and dashes(-)."
+        ></validation-error>
+      </div>
+    </div>
+    <div class="form-group">
+      <div class="col-md-4 sm-label-right">Detail (optional)</div>
+      <div class="col-md-4">
+        <input
+          type="text"
+          class="form-control input-sm"
+          ng-model="securityGroup.detail"
+          ng-change="ctrl.updateName()"
+        />
+      </div>
+    </div>
+    <div class="form-group">
+      <div class="col-md-4 sm-label-right">Description</div>
+      <div class="col-md-8">
+        <input type="text" required class="form-control input-sm" ng-model="securityGroup.description" />
+      </div>
+    </div>
+    <div class="form-group">
+      <div class="col-md-4 sm-label-right">Account</div>
+      <div class="col-md-8">
+        <account-select-field
+          component="securityGroup"
+          field="credentials"
+          accounts="accounts"
+          provider="'gce'"
+          on-change="ctrl.accountUpdated()"
+        ></account-select-field>
+      </div>
+    </div>
+    <gce-network-select-field
+      label-columns="4"
+      field-columns="8"
+      component="securityGroup"
+      field="network"
+      account="securityGroup.credentials"
+      networks="securityGroup.backingData.networks"
+      on-change="ctrl.registerHelpTextService()"
+    ></gce-network-select-field>
+  </div>
+</div>

package/src/securityGroup/configure/createSecurityGroupSourceFilters.html

@@ -0,0 +1,56 @@
+<div class="container-fluid form-horizontal">
+  <div class="row">
+    <div class="col-md-12">
+      <div class="sm-label-left">Source Tags <help-field key="gce.securityGroup.sourceTags"></help-field></div>
+      <table class="table table-condensed packed tags">
+        <tbody>
+          <tr ng-repeat="tag in securityGroup.sourceTags track by $index">
+            <td style="width: 80%">
+              <input
+                class="form-control input-sm"
+                class="fixed-width"
+                type="text"
+                ng-model="securityGroup.sourceTags[$index]"
+                required
+              />
+            </td>
+            <td>
+              <help-field content="{{ctrl.getTagHelpText(tag, 'source')}}"></help-field>
+              <a class="btn btn-link sm-label table-remove-button pull-right" ng-click="ctrl.removeSourceTag($index)">
+                <span class="glyphicon glyphicon-trash"></span
+              ></a>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <button class="btn btn-block add-new" ng-click="ctrl.addSourceTag()">
+        <span class="glyphicon glyphicon-plus-sign"></span> Add New Source Tag
+      </button>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-md-12">
+      <div class="sm-label-left">Source CIDRs <help-field key="gce.securityGroup.sourceCIDRs"></help-field></div>
+      <table class="table table-condensed packed">
+        <tbody>
+          <tr ng-repeat="sourceRange in securityGroup.sourceRanges">
+            <td style="width: 80%">
+              <input class="form-control input-sm fixed-width" type="text" ng-model="sourceRange.value" required />
+            </td>
+            <td>
+              <a
+                class="btn btn-link sm-label table-remove-button pull-right"
+                ng-click="ctrl.removeSourceCIDR(securityGroup.sourceRanges, $index)"
+              >
+                <span class="glyphicon glyphicon-trash"></span
+              ></a>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <button class="btn btn-block add-new" ng-click="ctrl.addSourceCIDR(securityGroup.sourceRanges)">
+        <span class="glyphicon glyphicon-plus-sign"></span> Add New Source CIDR
+      </button>
+    </div>
+  </div>
+</div>

package/src/securityGroup/configure/createSecurityGroupTargets.html

@@ -0,0 +1,43 @@
+<div class="container-fluid form-horizontal">
+  <div class="modal-body">
+    <div class="form-group">
+      <div class="col-md-2 sm-label-right">Targets</div>
+      <div class="col-md-8">
+        <select
+          class="form-control input-sm"
+          ng-model="state.target"
+          ng-change="ctrl.onTargetChange()"
+          ng-options="option as ctrl.getTargetLabel(option) for option in state.targetOptions"
+        ></select>
+      </div>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-md-12" ng-if="state.target === 'specifyTags'">
+      <div class="sm-label-left">Target Tags <help-field key="gce.securityGroup.targetTags"></help-field></div>
+      <table class="table table-condensed packed tags">
+        <tbody>
+          <tr ng-repeat="tag in securityGroup.targetTags track by $index">
+            <td style="width: 80%">
+              <input
+                class="form-control input-sm fixed-width"
+                type="text"
+                ng-model="securityGroup.targetTags[$index]"
+                required
+              />
+            </td>
+            <td>
+              <help-field content="{{ctrl.getTagHelpText(tag, 'target')}}"></help-field>
+              <a class="btn btn-link sm-label table-remove-button pull-right" ng-click="ctrl.removeTargetTag($index)">
+                <span class="glyphicon glyphicon-trash"></span
+              ></a>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <button class="btn btn-block add-new" ng-click="ctrl.addTargetTag()">
+        <span class="glyphicon glyphicon-plus-sign"></span> Add New Target Tag
+      </button>
+    </div>
+  </div>
+</div>

package/src/securityGroup/configure/editSecurityGroup.controller.js

@@ -0,0 +1,132 @@
+'use strict';
+
+import UIROUTER_ANGULARJS from '@uirouter/angularjs';
+import * as angular from 'angular';
+
+import { FirewallLabels, InfrastructureCaches, SecurityGroupWriter, TaskMonitor } from '@spinnaker/core';
+
+export const GOOGLE_SECURITYGROUP_CONFIGURE_EDITSECURITYGROUP_CONTROLLER =
+  'spinnaker.google.securityGroup.edit.controller';
+export const name = GOOGLE_SECURITYGROUP_CONFIGURE_EDITSECURITYGROUP_CONTROLLER; // for backwards compatibility
+angular
+  .module(GOOGLE_SECURITYGROUP_CONFIGURE_EDITSECURITYGROUP_CONTROLLER, [UIROUTER_ANGULARJS])
+  .controller('gceEditSecurityGroupCtrl', [
+    '$scope',
+    '$uibModalInstance',
+    '$state',
+    'application',
+    'securityGroup',
+    '$controller',
+    function ($scope, $uibModalInstance, $state, application, securityGroup, $controller) {
+      $scope.pages = {
+        targets: require('./createSecurityGroupTargets.html'),
+        sourceFilters: require('./createSecurityGroupSourceFilters.html'),
+        ingress: require('./createSecurityGroupIngress.html'),
+      };
+
+      $scope.securityGroup = securityGroup;
+
+      $scope.state = {
+        refreshingSecurityGroups: false,
+      };
+
+      angular.extend(
+        this,
+        $controller('gceConfigSecurityGroupMixin', {
+          $scope: $scope,
+          $uibModalInstance: $uibModalInstance,
+          application: application,
+          securityGroup: securityGroup,
+          mode: 'edit',
+        }),
+      );
+
+      $scope.isNew = false;
+
+      $scope.taskMonitor = new TaskMonitor({
+        application: application,
+        title: `Updating your ${FirewallLabels.get('firewall')}`,
+        modalInstance: $uibModalInstance,
+        onTaskComplete: () => application.securityGroups.refresh(),
+      });
+
+      securityGroup.sourceRanges = _.map(securityGroup.sourceRanges, function (sourceRange) {
+        return { value: sourceRange };
+      });
+
+      securityGroup.ipIngress = _.chain(securityGroup.ipIngressRules)
+        .map(function (rule) {
+          if (rule.portRanges && rule.portRanges.length > 0) {
+            return rule.portRanges.map(function (portRange) {
+              return {
+                type: rule.protocol,
+                startPort: portRange.startPort,
+                endPort: portRange.endPort,
+              };
+            });
+          } else {
+            return [
+              {
+                type: rule.protocol,
+              },
+            ];
+          }
+        })
+        .flatten()
+        .value();
+
+      securityGroup.sourceTags = securityGroup.sourceTags || [];
+
+      this.getSecurityGroupRefreshTime = function () {
+        return InfrastructureCaches.get('securityGroups').getStats().ageMax;
+      };
+
+      this.addSourceCIDR = function (sourceRanges) {
+        sourceRanges.push({ value: '0.0.0.0/0' });
+      };
+
+      this.removeSourceCIDR = function (sourceRanges, index) {
+        sourceRanges.splice(index, 1);
+      };
+
+      this.addRule = function (ruleset) {
+        ruleset.push({
+          type: 'tcp',
+          startPort: 7001,
+          endPort: 7001,
+        });
+      };
+
+      this.removeRule = function (ruleset, index) {
+        ruleset.splice(index, 1);
+      };
+
+      this.upsert = function () {
+        $scope.taskMonitor.submit(function () {
+          const allowed = _.map($scope.securityGroup.ipIngress, function (ipIngressRule) {
+            const rule = {
+              ipProtocol: ipIngressRule.type,
+            };
+
+            if (ipIngressRule.startPort && ipIngressRule.endPort) {
+              rule.portRanges = [ipIngressRule.startPort + '-' + ipIngressRule.endPort];
+            }
+
+            return rule;
+          });
+
+          return SecurityGroupWriter.upsertSecurityGroup($scope.securityGroup, application, 'Update', {
+            cloudProvider: 'gce',
+            sourceRanges: _.uniq(_.map($scope.securityGroup.sourceRanges, 'value')),
+            allowed: allowed,
+            targetTags: $scope.securityGroup.targetTags || [],
+            region: 'global',
+          });
+        });
+      };
+
+      this.cancel = function () {
+        $uibModalInstance.dismiss();
+      };
+    },
+  ]);

package/src/securityGroup/configure/editSecurityGroup.html

@@ -0,0 +1,26 @@
+<ng-form name="form" novalidate class="gce-security-group-wizard">
+  <v2-modal-wizard
+    heading="Edit {{securityGroup.name}}: {{securityGroup.accountName}}"
+    task-monitor="taskMonitor"
+    dismiss="$dismiss()"
+  >
+    <v2-wizard-page key="Targets" label="Targets" done="true">
+      <ng-include src="pages.targets"></ng-include>
+    </v2-wizard-page>
+    <v2-wizard-page key="Source Filters" label="Source Filters" done="true">
+      <ng-include src="pages.sourceFilters"></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>
+  <div class="modal-footer">
+    <button class="btn btn-default" ng-click="ctrl.cancel()">Cancel</button>
+    <submit-button
+      is-disabled="form.$invalid || !wizard.isComplete() || state.submitting || !ctrl.isValid()"
+      submitting="state.submitting"
+      on-click="ctrl.upsert()"
+      is-new="isNew"
+    ></submit-button>
+  </div>
+</ng-form>

package/src/securityGroup/configure/securityGroup.configure.less

@@ -0,0 +1,22 @@
+.gce-security-group-wizard {
+  .sm-label-left {
+    border-bottom: 2px solid var(--color-seashell);
+  }
+
+  .table {
+    border-top: 2px solid var(--color-white);
+
+    .fixed-width {
+      width: 100%;
+    }
+
+    .table-label {
+      padding: 0.8rem 0 0 1rem;
+    }
+
+    .table-remove-button {
+      padding: 0 0 1rem 1rem;
+      margin-right: 65%;
+    }
+  }
+}