From d17cd7860516d56a623a5baf4a7a994ab9aa3661 Mon Sep 17 00:00:00 2001
From: Michael Weimann <mail@michael-weimann.eu>
Date: Wed, 29 Aug 2018 16:49:09 +0200
Subject: [PATCH] Implements validation when adding new cards

Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
---
 js/controller/BoardController.js  | 20 +++++++++++---------
 templates/part.board.mainView.php |  9 ++++++---
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/js/controller/BoardController.js b/js/controller/BoardController.js
index 722c34d56..12d32d281 100644
--- a/js/controller/BoardController.js
+++ b/js/controller/BoardController.js
@@ -189,15 +189,17 @@ app.controller('BoardController', function ($rootScope, $scope, $stateParams, St
 	};
 
 	$scope.createCard = function (stack, title) {
-		var newCard = {
-			'title': title,
-			'stackId': stack,
-			'type': 'plain'
-		};
-		CardService.create(newCard).then(function (data) {
-			$scope.stackservice.addCard(data);
-			$scope.newCard.title = '';
-		});
+		if (this['addCardForm' + stack].$valid) {
+			var newCard = {
+				'title': title,
+				'stackId': stack,
+				'type': 'plain'
+			};
+			CardService.create(newCard).then(function (data) {
+				$scope.stackservice.addCard(data);
+				$scope.newCard.title = '';
+			});
+		}
 	};
 
 	$scope.stackDelete = function (stack) {
diff --git a/templates/part.board.mainView.php b/templates/part.board.mainView.php
index b7a124993..d09bcdac0 100644
--- a/templates/part.board.mainView.php
+++ b/templates/part.board.mainView.php
@@ -152,9 +152,12 @@
 			</ul>
 
 			<!-- CREATE CARD //-->
-			<div class="card create" ng-class="{emptyStack: !s.cards.length}"
-				 ng-style="{'border-color':'#{{ boardservice.getCurrent().color }}'}" ng-if="boardservice.canEdit() && checkCanEdit() && params.filter!=='archive'">
-				<form ng-submit="createCard(s.id, newCard.title)">
+			<div
+					class="card create"
+					ng-class="{emptyStack: !s.cards.length}"
+				 	ng-style="{'border-color':'#{{ boardservice.getCurrent().color }}'}"
+					ng-if="boardservice.canEdit() && checkCanEdit() && params.filter !== 'archive'">
+				<form name="addCardForm{{ s.id }}" ng-submit="createCard(s.id, newCard.title)">
 					<h4 ng-if="status.addCard[s.id]">
 						<input type="text" autofocus-on-insert
 							   ng-model="newCard.title"