portainer/app/docker/views/images/build/buildImageController.js

angular.module('portainer.docker').controller('BuildImageController', [
  '$scope',
  '$state',
  'BuildService',
  'Notifications',
  'HttpRequestHelper',
  function ($scope, $state, BuildService, Notifications, HttpRequestHelper) {
    $scope.state = {
      BuildType: 'editor',
      actionInProgress: false,
      activeTab: 0,
    };

    $scope.formValues = {
      ImageNames: [{ Name: '' }],
      UploadFile: null,
      DockerFileContent: '',
      URL: '',
      Path: 'Dockerfile',
      NodeName: null,
    };

    $scope.addImageName = function () {
      $scope.formValues.ImageNames.push({ Name: '' });
    };

    $scope.removeImageName = function (index) {
      $scope.formValues.ImageNames.splice(index, 1);
    };

    function buildImageBasedOnBuildType(method, names) {
      var buildType = $scope.state.BuildType;
      var dockerfilePath = $scope.formValues.Path;

      if (buildType === 'upload') {
        var file = $scope.formValues.UploadFile;
        return BuildService.buildImageFromUpload(names, file, dockerfilePath);
      } else if (buildType === 'url') {
        var URL = $scope.formValues.URL;
        return BuildService.buildImageFromURL(names, URL, dockerfilePath);
      } else {
        var dockerfileContent = $scope.formValues.DockerFileContent;
        return BuildService.buildImageFromDockerfileContent(names, dockerfileContent);
      }
    }

    $scope.buildImage = function () {
      var buildType = $scope.state.BuildType;

      if (buildType === 'editor' && $scope.formValues.DockerFileContent === '') {
        $scope.state.formValidationError = 'Dockerfile content must not be empty';
        return;
      }

      $scope.state.actionInProgress = true;

      var imageNames = $scope.formValues.ImageNames.filter(function filterNull(x) {
        return x.Name;
      }).map(function getNames(x) {
        return x.Name;
      });

      var nodeName = $scope.formValues.NodeName;
      HttpRequestHelper.setPortainerAgentTargetHeader(nodeName);

      buildImageBasedOnBuildType(buildType, imageNames)
        .then(function success(data) {
          $scope.buildLogs = data.buildLogs;
          $scope.state.activeTab = 1;
          if (data.hasError) {
            Notifications.error('An error occured during build', { msg: 'Please check build logs output' });
          } else {
            Notifications.success('Image successfully built');
          }
        })
        .catch(function error(err) {
          Notifications.error('Failure', err, 'Unable to build image');
        })
        .finally(function final() {
          $scope.state.actionInProgress = false;
        });
    };

    $scope.validImageNames = function () {
      for (var i = 0; i < $scope.formValues.ImageNames.length; i++) {
        var item = $scope.formValues.ImageNames[i];
        if (item.Name !== '') {
          return true;
        }
      }
      return false;
    };

    $scope.editorUpdate = function (cm) {
      $scope.formValues.DockerFileContent = cm.getValue();
    };
  },
]);