color by registration state

diff --git a/app/css/app.css b/app/css/app.css
index d2184b2..334eb57 100644 (file)
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -28,3 +28,20 @@ textarea.ng-invalid {
 .filter-false {
        background-color: blue;
 }
+
+/*
+ * every registration state has also it's own color
+ * and app/partials template
+ */
+
+.draft {
+       color: #c00;
+}
+
+.confirmation {
+       color: #00c;
+}
+
+.verified {
+       color: #080;
+}

diff --git a/app/partials/list.html.ep b/app/partials/list.html.ep
index c2db9e4..43f52aa 100644 (file)
--- a/app/partials/list.html.ep
+++ b/app/partials/list.html.ep
@@ -49,9 +49,9 @@ Search:
 <tt>{{search}}</tt>
 
 <br>
-<button ng-click="search.$ = 'draft'">draft</button>
-<button ng-click="search.$ = 'confirmation'">confirmation</button>
-<button ng-click="search.$ = 'verified'">verified</button>
+<button ng-click="search.$ = 'draft'" class="draft">draft</button>
+<button ng-click="search.$ = 'confirmation'" class="confirmation">confirmation</button>
+<button ng-click="search.$ = 'verified'" class="verified">verified</button>
 <input type="number" ng-model="pager.page" min="1" max="{{pager.last_page}}">
 <input type="number" ng-model="pager.limit">
 

diff --git a/app/registration/view.html.ep b/app/registration/view.html.ep
index 47a6872..3b9b4cb 100644 (file)
--- a/app/registration/view.html.ep
+++ b/app/registration/view.html.ep
@@ -3,7 +3,7 @@
  {{registration.user.registration_type}}
  {{registration._id | registration_date_time}}
  <a id="registration-state" class="btn" href="#/{{registration.state}}/{{registration.id}}" title="{{registration.state}}" ng-show="registration.state"><tt>{{registration.id}}</tt></a>
- {{registration.state}}
+ <span ng-class="registration.state">{{registration.state}}</span>
 % if ( $lang =~ m/-dev/ ) {
  <a class="btn" href="<%= $couchdb_view %>/{{registration._id}}" target="couchdb">couchdb</a>
 % }