#333 feature - Added form validation in catalog page

Roberto Sánchez

2013-12-30 86a407cd3fcbefb16b00ea9ef10bd80f2b0e0a0f

 securis/src/main/resources/static/js/admin.js
..
..
@@ -3,6 +3,19 @@
3
3
 
4
4
 	var app = angular.module('app', [ 'ngRoute', 'ngAnimate' ]);
5
5
 
6
+	app.directive('catalogField', function() {
7
+	    return {
8
+	      restrict: 'A', // only activate on element attribute
9
+	      require: '?ngModel', // get a hold of NgModelController
10
+	      link: function(scope, element, attrs, ngModel) {
11
+	        if(!ngModel) return; // do nothing if no ng-model
12
+	        // TODO: Replace the hard-coded form ID by the appropiate dynamic field
13
+	        scope.catalogForm[attrs.name] = scope.catalogForm['{{field.name}}'];
14
+	        scope.catalogForm[attrs.name].$name = attrs.name; 
15
+	      }   
16
+	    };
17
+	  });
18
+	
6
19
 	app.factory('Catalogs', function($http) {
7
20
 		var CatalogsService = {}
8
21
 		CatalogsService.list = function(initFn) {
..
..
@@ -39,25 +52,32 @@
39
52
 			} ]);
40
53
 
41
54
 
42
-	app.controller('CatalogFormCtrl', [ '$scope', '$http',
55
+	app.controller('CatalogFormCtrl', [ '$scope', '$http', 'Catalogs',
43
56
 	                                    
44
-			function($scope, $http, menuController) {
57
+			function($scope, $http, menuController, Catalogs) {
45
58
 				$scope.showForm = false;
59
+				$scope.scope = $scope;
46
60
 				console.log('Form: currentCatalog:'+ $scope.cataLogIndex);
47
61
 				$scope.editNew = function() {
48
62
 					$scope.showForm = true;
49
63
 					$scope.isNew = true;
50
-					$scope.formu = {};
64
+					//$scope.formu = {};
51
65
 				}
52
66
 				$scope.edit = function() {
53
67
 					$scope.showForm = true;
54
68
 					$scope.isNew = false;
55
69
 					// TODO: Load in formu values for Form
56
-					$scope.formu = {};
70
+					//$scope.formu = {};
57
71
 				}
58
72
 				$scope.cancel = function() {
59
73
 					$scope.showForm = false;
60
74
 				}
75
+				
76
+				$scope.saveCatalog = function() {
77
+					if ($scope.catalogForm.$invalid) {
78
+						alert(JSON.stringify($scope.catalogForm))
79
+					}
80
+				}
61
81
 			} ]);
62
82
 
63
83
 	app.controller('CatalogListCtrl', [ '$scope', '$http',