portainer/app/azure/views/containerinstances/create/createContainerInstanceController.js

import { ContainerGroupDefaultModel } from '../../../models/container_group';

angular.module('portainer.azure').controller('AzureCreateContainerInstanceController', [
  '$q',
  '$scope',
  '$state',
  'AzureService',
  'Notifications',
  function ($q, $scope, $state, AzureService, Notifications) {
    var allResourceGroups = [];
    var allProviders = [];

    $scope.state = {
      actionInProgress: false,
      selectedSubscription: null,
      selectedResourceGroup: null,
    };

    $scope.changeSubscription = function () {
      var selectedSubscription = $scope.state.selectedSubscription;
      updateResourceGroupsAndLocations(selectedSubscription, allResourceGroups, allProviders);
    };

    $scope.addPortBinding = function () {
      $scope.model.Ports.push({ host: '', container: '', protocol: 'TCP' });
    };

    $scope.removePortBinding = function (index) {
      $scope.model.Ports.splice(index, 1);
    };

    $scope.create = function () {
      var model = $scope.model;
      var subscriptionId = $scope.state.selectedSubscription.Id;
      var resourceGroupName = $scope.state.selectedResourceGroup.Name;

      $scope.state.actionInProgress = true;
      AzureService.createContainerGroup(model, subscriptionId, resourceGroupName)
        .then(function success() {
          Notifications.success('Container successfully created', model.Name);
          $state.go('azure.containerinstances');
        })
        .catch(function error(err) {
          Notifications.error('Failure', err, 'Unable to create container');
        })
        .finally(function final() {
          $scope.state.actionInProgress = false;
        });
    };

    function updateResourceGroupsAndLocations(subscription, resourceGroups, providers) {
      $scope.state.selectedResourceGroup = resourceGroups[subscription.Id][0];
      $scope.resourceGroups = resourceGroups[subscription.Id];

      var currentSubLocations = providers[subscription.Id].Locations;
      $scope.model.Location = currentSubLocations[0];
      $scope.locations = currentSubLocations;
    }

    function initView() {
      var model = new ContainerGroupDefaultModel();

      AzureService.subscriptions()
        .then(function success(data) {
          var subscriptions = data;
          $scope.state.selectedSubscription = subscriptions[0];
          $scope.subscriptions = subscriptions;

          return $q.all({
            resourceGroups: AzureService.resourceGroups(subscriptions),
            containerInstancesProviders: AzureService.containerInstanceProvider(subscriptions),
          });
        })
        .then(function success(data) {
          var resourceGroups = data.resourceGroups;
          allResourceGroups = resourceGroups;

          var containerInstancesProviders = data.containerInstancesProviders;
          allProviders = containerInstancesProviders;

          $scope.model = model;

          var selectedSubscription = $scope.state.selectedSubscription;
          updateResourceGroupsAndLocations(selectedSubscription, resourceGroups, containerInstancesProviders);
        })
        .catch(function error(err) {
          Notifications.error('Failure', err, 'Unable to retrieve Azure resources');
        });
    }

    initView();
  },
]);