make invalid abstract big and red

diff --git a/.gitmodules b/.gitmodules
index e711c52..8b6552c 100644 (file)
--- 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 (file)
--- 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 (file)
--- 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 (file)
--- 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