feat(image-build): add the ability to build images (#1672)

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

@@ -0,0 +1,90 @@
+angular.module('portainer.docker')
+.controller('BuildImageController', ['$scope', '$state', 'BuildService', 'Notifications',
+function ($scope, $state, BuildService, Notifications) {
+
+	$scope.state = {
+		BuildType: 'editor',
+		actionInProgress: false,
+		activeTab: 0
+	};
+
+	$scope.formValues = {
+		ImageNames: [{ Name: '' }],
+		UploadFile: null,
+		DockerFileContent: '',
+		URL: '',
+		Path: 'Dockerfile'
+	};
+
+	$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;
+		});
+
+		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();
+  };
+}]);