From: Dobrica Pavlinusic <dpavlin@rot13.org>
Date: Sat, 12 Jan 2013 15:06:31 +0000 (+0100)
Subject: make invalid abstract big and red
X-Git-Tag: 0.5~7
X-Git-Url: http://git.rot13.org/?p=angular-drzb;a=commitdiff_plain;h=039ed551de74bd54bc23ed4d98b17c348d4b18fe

make invalid abstract big and red
---

diff --git a/.gitmodules b/.gitmodules
index e711c52..8b6552c 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,3 +1,3 @@
 [submodule "app/lib/angular-strap"]
 	path = app/lib/angular-strap
-	url = git://github.com/mgcrea/angular-strap.git
+	url = git@github.com:dpavlin/angular-strap.git
diff --git a/app/css/app.css b/app/css/app.css
index a487a0e..d997049 100644
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -12,3 +12,12 @@ input.ng-valid-required {
 }
 */
 
+label.ng-invalid {
+	color: red;
+}
+
+textarea.ng-invalid {
+	border: 1px solid red;
+	color: red;
+}
+
diff --git a/app/js/controllers.js b/app/js/controllers.js
index 13d154a..e173fd5 100644
--- a/app/js/controllers.js
+++ b/app/js/controllers.js
@@ -147,6 +147,13 @@ if(0){//FIXME
 		}
 	}
 
+	$scope.abstract_class = function(abstract) {
+		return abstract.length < 2000 ? 'ok' : 'ng-invalid';
+	}
+	$scope.abstract_length = function(abstract) {
+		return abstract.length < 2000 ? abstract.length : 2000 - abstract.length;
+	}
+
 	$scope.reset();
 }
 //RegistrationCtrl.$inject = [ '$scope', '$log' ];
diff --git a/app/partials/registration.html.ep b/app/partials/registration.html.ep
index a956096..a7da14d 100644
--- a/app/partials/registration.html.ep
+++ b/app/partials/registration.html.ep
@@ -196,13 +196,14 @@ hr => 'Organizator simpozija' %>
 </div>
 
 <div class="controls-row">
-<label>
+<label class="{{class = abstract_class(work.abstract)}}">
 <%= locale
-en => 'Abstract ({{work.abstract.length || 0}}  from max. 2000 characters with spaces)',
-hr => 'Sažetak ({{work.abstract.length || 0}}  od maks. 2000 znakova s razmacima)'
+en => 'Abstract ({{abstract_length(work.abstract)}}  from max. 2000 characters with spaces)',
+hr => 'Sažetak ({{abstract_length(work.abstract)}}  od maks. 2000 znakova s razmacima)'
 %>
+<textarea class="controls-row span11 {{class}}" ng-model="work.abstract" ng-minlength="2" rows="10" cols="80" ng-required="has_work"></textarea>
+<input type=text ng-model="work.abstract" ng-maxlength="2000" style="display: none">
 </label>
-<textarea class="controls-row span11" ng-model="work.abstract" ng-maxlength="2000" rows="10" cols="80" ng-required="has_work" ></textarea>
 </div>
 
 % end