styling

diff --git a/public/app/drzb2011/registrations.html b/public/app/drzb2011/registrations.html
index c214aa2..c7284f9 100644 (file)
--- a/public/app/drzb2011/registrations.html
+++ b/public/app/drzb2011/registrations.html
@@ -13,7 +13,7 @@ function Registrations(xhr){
        this.xhr("JSON"
                , "/data/drzb2011/Registration?callback=JSON_CALLBACK"
                , function(code, response){ 
-                       console.log('xhr JSON', code, response);
+//                     console.log('xhr JSON', code, response);
                        self.data = response;
                }
        ); 
@@ -27,6 +27,57 @@ function Registrations(xhr){
 <style>
 .address {
 }
+.abstract {
+       font-style: italic;
+       font-size: 90%;
+       color: #3f3f3f;
+}
+
+li {
+       margin-top: 40px;
+}
+
+.participant {
+       background-color: #ffcccc;
+       font-weight: bold;
+}
+.sparticipant {
+       background-color: #ccffe6;
+       font-weight: bold;
+
+}
+.symposium {
+       background-color: #ccccff;
+       font-weight: bold;
+
+}
+.round {
+       background-color: #e6ccff;
+       background-color:  #99ffcc;
+       font-weight: bold;
+
+}
+.lecture {
+       background-color: #ffccff;
+       font-weight: bold;
+
+}
+.poster {
+       background-color: #ffcce6;
+       background-color: #ffcc99;
+       font-weight: bold;
+
+}
+.student {
+       background-color: #ffff99;
+       font-weight: bold;
+
+}
+.accomp {
+       background-color: #ccff99;
+       font-weight: bold;
+
+}
 
 </style>
 
@@ -35,37 +86,50 @@ function Registrations(xhr){
 
 <div ng:controller="Registrations"> 
 
-<input name="selection" type="radio" value="all">SVI <br>
-<input name="selection" type="radio" value="participant">Samo registracija <br>
-<input name="selection" type="radio" value="sparticipant">Sudionik simpozija/okruglog stola <br>
-<input name="selection" type="radio" value="symposium">Organizator simpozija <br>
-<input name="selection" type="radio" value="round">Organizator okruglog stola<br>
-<input name="selection" type="radio" value="lecture">Usmeno priopćenje <br>
-<input name="selection" type="radio" value="poster">Poster <br>
-<input name="selection" type="radio" value="student">Student - samo registracija<br>
-<input name="selection" type="radio" value="accomp">Osoba u pratnji<br>
+Odabir: <br/>
+
+<label><input name="selection" type="radio" value="all">SVI <br></label>
+<label class="participant"><input name="selection" type="radio" value="participant">Samo registracija <br></label>
+<label class="sparticipant"><input name="selection" type="radio" value="sparticipant">Sudionik simpozija/okruglog stola <br></label>
+<label class="symposium"><input name="selection" type="radio" value="symposium">Organizator simpozija <br></label>
+<label class="round"><input name="selection" type="radio" value="round">Organizator okruglog stola<br></label>
+<label class="lecture"><input name="selection" type="radio" value="lecture">Usmeno priopćenje <br></label>
+<label class="poster"><input name="selection" type="radio" value="poster">Poster <br></label>
+<label class="student"><input name="selection" type="radio" value="student">Student - samo registracija<br></label>
+<label class="accomp"><input name="selection" type="radio" value="accomp">Osoba u pratnji<br></label>
 
 
 <ol>
 <li ng:repeat="registration in data" ng:show="registration.type == selection || selection == 'all'">
-{{registration.type}} <span ng:show="registration.student == thrue"> - student</span><br>
+<span class="{{registration.type}}">
+       <span ng:show="registration.type == 'participant'">samo registracija</span> 
+       <span ng:show="registration.type == 'sparticipant'">sudionik simpozija/okruglog stola</span> 
+       <span ng:show="registration.type == 'symposium'">organizator simpozija</span> 
+       <span ng:show="registration.type == 'round'">organizator okruglog stola</span> 
+       <span ng:show="registration.type == 'lecture'">usmeno priopćenje</span> 
+       <span ng:show="registration.type == 'poster'">poster</span> 
+       <span ng:show="registration.type == 'student'">student - samo registracija</span> 
+       <span ng:show="registration.type == 'accomp'">osoba u pratnji</span> 
+</span>
+       <span ng:show="registration.student == thrue"> - student</span><br>
 {{registration.person.name}}
 {{registration.person.surname}}
-&lt;{{registration.person.email}}&gt;
+&lt;{{registration.person.email}}&gt; {{registration.person.city}} {{registration.person.country}}
 <div class=address>{{registration.person.inst}}</div>
 <div><b>{{registration.work.title}}</b></div>
-<span ng:show="work" ng:repeat="author in registration.work.authors">
+<span ng:repeat="author in registration.work.authors" ng:show="registration.work.title">
 {{author.name}}
 {{author.surname}} ;
 </span>
+<div class="abstract">{{registration.work.abstract}}</div>
 <!--
 <div class=address>{{registration.person.zip}} {{registration.person.city}}</div>
 -->
 </li>
 </ol>
 
-<div style="float: right">
-<input name=debug type=checkbox>
+<div>
+<input name=debug type=checkbox style="float: right;">
 <pre ng:show="debug">
 data={{data}}
 </pre>