Implements validation when adding new cards

Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
This commit is contained in:
Michael Weimann
2018-08-29 16:49:09 +02:00
committed by Julius Härtl
parent 84969180e2
commit d17cd78605
2 changed files with 17 additions and 12 deletions

View File

@@ -189,15 +189,17 @@ app.controller('BoardController', function ($rootScope, $scope, $stateParams, St
}; };
$scope.createCard = function (stack, title) { $scope.createCard = function (stack, title) {
var newCard = { if (this['addCardForm' + stack].$valid) {
'title': title, var newCard = {
'stackId': stack, 'title': title,
'type': 'plain' 'stackId': stack,
}; 'type': 'plain'
CardService.create(newCard).then(function (data) { };
$scope.stackservice.addCard(data); CardService.create(newCard).then(function (data) {
$scope.newCard.title = ''; $scope.stackservice.addCard(data);
}); $scope.newCard.title = '';
});
}
}; };
$scope.stackDelete = function (stack) { $scope.stackDelete = function (stack) {

View File

@@ -152,9 +152,12 @@
</ul> </ul>
<!-- CREATE CARD //--> <!-- CREATE CARD //-->
<div class="card create" ng-class="{emptyStack: !s.cards.length}" <div
ng-style="{'border-color':'#{{ boardservice.getCurrent().color }}'}" ng-if="boardservice.canEdit() && checkCanEdit() && params.filter!=='archive'"> class="card create"
<form ng-submit="createCard(s.id, newCard.title)"> 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]"> <h4 ng-if="status.addCard[s.id]">
<input type="text" autofocus-on-insert <input type="text" autofocus-on-insert
ng-model="newCard.title" ng-model="newCard.title"