Merge branch 'master' of github.com:dpavlin/angular-mojolicious
authorDobrica Pavlinusic <dpavlin@rot13.org>
Tue, 7 Dec 2010 14:50:37 +0000 (15:50 +0100)
committerDobrica Pavlinusic <dpavlin@rot13.org>
Tue, 7 Dec 2010 14:50:37 +0000 (15:50 +0100)
public/app/casopisi2010/upitnik.css [new file with mode: 0644]
public/app/casopisi2010/upitnik.html [new file with mode: 0644]
public/app/casopisi2010/upitnik.js [new file with mode: 0644]
public/app/drzb2011/registration-en.html
public/app/drzb2011/registration-hr.html
public/app/drzb2011/registration.css
public/app/drzb2011/registrations.html

diff --git a/public/app/casopisi2010/upitnik.css b/public/app/casopisi2010/upitnik.css
new file mode 100644 (file)
index 0000000..cde7f0a
--- /dev/null
@@ -0,0 +1,200 @@
+body {
+       background: #F6F6F6;
+       margin: 0 auto;
+       font-family: Arial;
+       color: #374E5A;
+       font-size: 14px;
+       line-height: 140%;
+       width: 861px;
+}
+
+h2, h3 {
+       margin-top: 60px;
+       font-size: 14px;
+       padding: 2px 0;
+       border-bottom: 2px solid #D74F25;
+       border-bottom: 1px solid #46d0fe;
+}
+
+h3 {
+       margin-top: 20px;
+}
+
+a {
+       color: #D74F25;
+}
+
+input, textarea {
+       font: 14px arial;
+       color: #000000;
+       border: solid 1px #dedede;
+       padding: 6px;
+       background: #f6f6f6;
+}
+
+input:focus, textarea:focus
+{
+       background: #ffffff;
+       font-family: arial;
+       color: #000000;
+}
+.input {
+       color: #afafaf;
+       float: left;
+       margin: 2px;
+       padding: 0 6px;
+}
+
+.text1 {
+       width: 30em;
+}
+
+img {
+       border: 0;
+}
+
+label {
+       display: block;
+       margin-top: 10px;
+       font-size: 14px;
+       font-family: Arial;
+       color: #afafaf;
+}
+
+.radio { 
+       color: #374E5A;
+}
+
+h1
+{
+       float: left;
+/*     margin-bottom: 6px;     */
+       padding-left: 20px;
+       font: 18px arial;
+       color: #0c1426;
+       text-align: center;
+       text-decoration: none;
+       display: block;
+       background: url(http://mjesec.ffzg.hr/drzb2011/images/kvadrat.gif) no-repeat left;
+       margin: 0;
+}
+
+
+
+.clear {
+       clear: both;
+}
+
+
+
+.ng-validation-error {
+       border: 1px solid #FF6666;
+       border: 1px solid #EDC8BC;
+       border: 1px solid #FF9966;
+       border: 1px solid #EAB3A2;
+       border: 1px solid #D74F25;
+       border: 1px solid #DC6844;
+       border: 1px solid #DE7F61;
+}
+
+.ng-exception {
+       border: 0;
+}
+
+
+
+.button {
+       margin-top: 20px;
+       width: 40.8em;
+}
+
+.button input {
+       margin-bottom: 10px;
+       float: left;
+       color: #ffffff;
+       display: block;
+       text-decoration: none;
+       background: #d74f25;
+}
+
+.button input:hover, .gohome:hover {
+       /* background: #dc6844; */
+}
+
+.button2 input {
+       background: #F6F6F6;
+       color: #374E5A;
+       border: 1px solid #d74f25;
+       display: inline;
+}
+
+
+.gohome  {
+       float: left;
+       color: #374E5A;
+       border: 1px solid #d74f25;
+       text-decoration: none;
+       background: #f6f6f6;
+       padding: 7px;
+       margin-top: 20px;
+       font: 14px arial;
+       border: solid 1px #dedede;
+       border: solid 1px #f6f6f6;
+}
+
+.gohome a {
+}
+
+.gohome a:hover {
+       text-decoration: none;
+}
+
+.list {
+       margin-top: 20px;
+       font-weight: bold;
+}
+
+.warrning {
+       color: #FF6666;
+}
+
+#footer {
+       position: relative;
+       float: left;
+       width: 961px;
+       height: 18px;
+       padding-top: 5px;
+       margin-top: 180px;
+       margin-bottom: 20px;
+       font: 10px arial;
+       color: #374e5a;
+       text-align: center;
+       background: url(http://mjesec.ffzg.hr/drzb2011/images/footer_bg.jpg) repeat-x;
+       clear: both;
+}
+       
+#foot a
+{
+       position: relative;
+       top: 12px;
+       margin-bottom: 20px;
+       font: 12px arial;
+       color: #374e5a;
+       text-align: center;
+       text-decoration: none;
+}
+
+#foot a:hover
+{
+       color: #374e5a;
+       text-decoration: underline;
+}
+
+
+hr {
+       border: 1px solid #ccc;
+}
+
+.lengthCount {
+       color:red;
+}
diff --git a/public/app/casopisi2010/upitnik.html b/public/app/casopisi2010/upitnik.html
new file mode 100644 (file)
index 0000000..29c7981
--- /dev/null
@@ -0,0 +1,80 @@
+<!DOCTYPE HTML>
+<html xmlns:ng="http://angularjs.org">
+<head>
+<meta charset="utf-8">
+<script src="angular.js" ng:autobind></script>
+
+<title>Upitnik o stranim časopisima</title>
+
+<script src="upitnik.js"></script>
+
+<link rel="stylesheet" href="upitnik.css" type="text/css">
+
+</head>
+<body>
+
+<div class="root" ng:controller="Upitnik" ng:init="$window.$root = this;">
+
+<h2>
+1. Koji su Vam strani časopisi najpotrebniji?
+</h2>
+<div>
+<p>Navedite naslove stranih časopisa u kojima nalazite najveći broj članaka potrebnih u Vašem istraživanju i nastavi, koje najčešće citirate ili koje redovito pratite, bez obzira na to da li su Vam sada dostupni ili ne.</p>
+<p>Navedite <b>barem 3 naslova</b>.</p>
+</div>
+
+<div ng:repeat="casopis in upitnik.casopisi">
+<input class="text1" name="casopis.naslov" ng:required>
+<a href="" ng:click="upitnik.casopisi.$remove(casopis)">obriši</a>
+</div>
+<a href="" ng:click="upitnik.casopisi.$add({naslov:''})">Dodaj još jedan naslov</a>
+
+<h2>
+2. Odaberite i obrazložite svoj izbor:
+</h2>
+
+<label class="radio">
+<input type="radio" name="upitnik.inacica" value="elektronicka"> Važnije mi je da knjižnica osigura stalni pristup elektroničkoj inačici časopisa.
+</label>
+
+<label class="radio">
+<input type="radio" name="upitnik.inacica" value="tiskana"> Važnije mi je da knjižnica nabavi tiskani primjerak časopisa.
+</label>
+
+<label class="radio">
+<input type="radio" name="upitnik.inacica" value="svejedno"> Svejedo mi je.
+</label>
+
+<h2>
+3. Koji elektronički izvori informacija su Vam potrebni?
+</h2>
+<div>
+<p>Navedite poznate Vam digitalne zbirke časopisa, knjiga ili drugih vrsta građe, bibliografske baze podataka i slično.</p>
+</div>
+<div ng:repeat="eizvor in upitnik.eizvori">
+       <input name="eizvor.naziv" class="text1">
+       <a href="" ng:click="upitnik.eizvori.$remove(eizvor)">obriši</a>
+</div>
+<a href="" ng:click="upitnik.eizvori.$add({naslov:''})">Dodaj još jedan izvor</a>
+
+
+<div class="button">
+       <input type=submit ng:click="save()" value="save">
+       <input type=reset ng:click="reset()" value="reset">
+</div>
+
+<div style="clear: both">
+<input type=checkbox name=debug style="float: right; clear: both">
+<pre ng:show="debug">
+
+dirty= invalid={{$invalidWidgets.visible()}}
+
+upitnik = {{upitnik}}
+
+</pre>
+</div>
+
+</div><!-- ng:controller="Upitnik" -->
+
+</body>
+</html>
diff --git a/public/app/casopisi2010/upitnik.js b/public/app/casopisi2010/upitnik.js
new file mode 100644 (file)
index 0000000..dba95a4
--- /dev/null
@@ -0,0 +1,49 @@
+
+if (typeof (console) === 'undefined') console = { debug: function() {} }; // mock console.debug
+
+var database = 'casopisi2010';
+
+function Upitnik($resource,$xhr){
+       this.master = {
+               casopisi: [{naslov:''},{naslov:''},{naslov:''}],
+               eizvori: [{naziv:''}]
+       };
+       this.Upitnik = $resource( '/data/:database/Upitnik/:id', { id:'', database: database } );
+       this.reset();
+       this.$watch('$location.hashPath', this.hash_change);
+       this.$xhr = $xhr;
+       console.debug( 'database', database, this.upitnik );
+}
+Upitnik.$inject=['$resource','$xhr'];
+
+Upitnik.prototype = {
+       hash_change: function() {
+               var id = this.$location.hashPath;
+console.debug( 'hash_change', id, this.upitnik.$id );
+               if ( id != this.upitnik.$id ) {
+                       if (id) {
+                               var self = this;
+                               this.Upitnik.get({ id: id }, function(upitnik) {
+console.debug('upitnik', id, upitnik);
+                                       self.last_saved = angular.copy(upitnik);
+                                       self.upitnik = upitnik; // needed for load_symposium below
+                               });
+                       }
+                       else this.reset();
+               }
+       },
+       reset: function() {
+               console.debug( this.Upitnik );
+               this.upitnik = new this.Upitnik( this.master );
+console.debug( 'reset', this.upitnik );
+               this.last_saved = this.upitnik;
+       },
+       save: function(){
+               var self = this;
+               this.upitnik.$save(function(upitnik){
+                       self.$location.hashPath = upitnik.$id;
+                       self.last_saved = angular.copy(upitnik);
+               });
+       }
+};
+
index fdcbf36..2f2139e 100644 (file)
 </head>
 <body>
 
+<div id="wrapper">
+    <div id="header-eng">
+        <a href="http://psihologija.ffzg.hr/drzb2011-eng"><img src="http://psihologija.ffzg.hr/uploads/qS/LE/qSLEDLKdPrP88dVyNI542g/header-eng2.jpg" alt="Dani Ramira i Zorana Bujasa" class="float_left" /></a>
+    </div>
+
+    <div id="mainNav">
+<div id="navigation">
+<ul>
+<li class="level"><a href="http://psihologija.ffzg.hr/drzb2011-eng">Home</a></li>
+       <li>
+       <a class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/registration">Registration</a>
+
+       <ul>
+
+       <li>
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/registration/types">Forms of participation</a>
+
+       <li>
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/registration/fee">Registration fee</a>
+       <li>
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/registration/points">Points</a>
+
+   </ul></li>
+
+       <li>
+       <a class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/submission">Proposal Submission</a>
+       <ul>
+
+       <li>
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/submission/abstracts">Abstract preparation</a>
+       <li>
+
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/submission/form">Submission form</a>
+
+   </ul></li>
+       <li>
+               <a class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/program">Program</a>
+       <li>
+               <a class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/organisation">Organisation</a>
+       <li>
+               <a target="_blank" class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/accommodation">Accomodation</a>
+</ul>
+</div>
+
+    </div>
 
+    <div id="mainNav_right">
+        <ul>
+            <li><a href="http://psihologija.ffzg.hr/drzb2011">Hrvatski</a></li>
+            <li><a href="http://psihologija.ffzg.hr/drzb2011-eng" class="active">English</a></li>
+        </ul>
+    </div>
+</div>
 
-<h1>Registration and Proposal Submission</h1>
+<div class="title">
+<h1>Registration and proposal submission</h1>
+</div>
 
 
 
@@ -24,7 +79,7 @@
 <div class="root" ng:controller="Registration" ng:init="$window.$root = this;">
 
 
-<div ng:show="! registration.$id && ! symposium.$id">
+<div style="clear: both; padding-top: 10px;" ng:show="! registration.$id && ! symposium.$id">
 <p>
 All participants (presenters, coauthors and visitors) have to register via on-line register system.
 </p>
@@ -61,7 +116,7 @@ One person can be author of maximum three papers, only one of them as first/pres
 
 
 </div>
-<div ng:show="registration.$id || symposium">
+<div ng:show="registration.$id || symposium" style="padding-top: 40px">
        <h2>{{registration.person.name}} {{registration.person.surname}}</h2>
        <!--
        <label>Institution: {{registration.person.inst}}</label>
@@ -71,10 +126,10 @@ One person can be author of maximum three papers, only one of them as first/pres
        <label ng:show="registration.type == 'accomp'">Registration type: Accompanying person</label>
        <label ng:show="registration.type == 'student'">Registration type: Student</label>
        <label ng:show="registration.type == 'sparticipant'">Registration type: Symposium participant<span ng:show="registration.student == true">, student</span></label>
-       <label ng:show="registration.type == 'round'">Registration type: Round table organizer<span ng:show="registration.student == true">, student</span><p><b>Round table topic:</b> {{registration.work.title}}</label>
+       <label ng:show="registration.type == 'round'">Registration type: Round table organizer<span ng:show="registration.student == true">, student</span></label>
        <label ng:show="registration.type == 'lecture'">Registration type: Oral presentation<span ng:show="registration.student == true">, student</span></label>
        <label ng:show="registration.type == 'poster'">Registration type: Poster presentation<span ng:show="registration.student == true">, student</span></label>
-       <label ng:show="registration.type == 'poster' || registration.type == 'lecture'"><b>Title: </b>{{registration.work.title}}</label>
+       <label ng:show="registration.type == 'poster' || registration.type == 'lecture' || registration.type == 'round'"><b>Title: </b>{{registration.work.title}}</label>
        <div ng:show="registration.type == 'symposium'">
                <p>Symposium organizer</p>
                <label><b>Symposium topic: </b><i>{{registration.symposium.title}}</i></label>
@@ -350,12 +405,22 @@ Decide about going to welcome reception.</span>
 </div>
 -->
 
+</div>
+<div id="footer">
+        Odsjek za psihologiju, Filozofski fakultet Sveučilišta u Zagrebu, Ivana Lučića 3, 10000 Zagreb ; tel. 01/6120 215 ; fax. 01/6120 037
+        <div id="go_to_top"><a href="#"></a></div>
+   <p id="foot">
+        <a href="http://psihologija.ffzg.hr" target="_blank">http://psihologija.ffzg.hr</a>
+    </p> 
 </div>
 <!--
 <div ng:show="registration.$id">
 Permalink to <a href="#{{registration.$id}}">DRZB2011 registration</a> which you can bookmark
 </div>
 -->
+
+<!--
+<div style="clear: both">
 <input type=checkbox name=debug style="float: right; clear: both">
 <pre ng:show="debug">
 
@@ -372,7 +437,8 @@ symposium = {{symposium}}
 $id={{$id}}
 registration.$id={{registration.$id}}
 </pre>
-
+</div>
+-->
 
 </body>
 </html>
index 4181590..5b009a4 100644 (file)
 </head>
 <body>
 
+<div id="wrapper">
+    <div id="header">
+        <a href="http://psihologija.ffzg.hr/drzb2011"><img src="http://psihologija.ffzg.hr/drzb2011/images/header.gif" alt="Dani Ramira i Zorana Bujasa" class="float_left" /></a>
+    </div>
+
+    <div id="mainNav">
+<div id="navigation">
+<ul>
+<li class="level"><a href="http://psihologija.ffzg.hr/drzb2011">Naslovnica</a></li>
+       <li>
+       <a class="level4" href="http://psihologija.ffzg.hr/drzb2011/registracija">Registracija</a>
+
+       <ul>
+
+       <li>
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/registracija/vrste2">Oblici sudjelovanja</a>
+
+       <li>
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/registracija/kotizacija">Kotizacija</a>
+       <li>
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/registracija/bodovanje2">Bodovanje</a>
+
+   </ul></li>
+
+       <li>
+       <a class="level4" href="http://psihologija.ffzg.hr/drzb2011/prijava">Prijava izlaganja</a>
+       <ul>
+
+       <li>
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/prijava/pripremasazetaka">Priprema sažetaka</a>
+       <li>
+
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/prijava/obrazac">Obrazac za prijavu</a>
+
+   </ul></li>
+       <li>
+               <a class="level4" href="http://psihologija.ffzg.hr/drzb2011/program">Program</a>
+       <li>
+               <a class="level4" href="http://psihologija.ffzg.hr/drzb2011/organizacija">Organizacija</a>
+       <li>
+               <a target="_blank" class="level4" href="http://psihologija.ffzg.hr/drzb2011/smjestaj">Smještaj</a>
+</ul>
+</div>
 
+    </div>
 
-<h1>Registracija i prijavljivanje izlaganja</h1>
-
+    <div id="mainNav_right">
+        <ul>
+            <li><a href="http://psihologija.ffzg.hr/drzb2011" class="active">Hrvatski</a></li>
+            <li><a href="http://psihologija.ffzg.hr/drzb2011-eng">English</a></li>
+        </ul>
+    </div>
+</div>
 
+<div class="title">
+<h1>Registracija i prijavljivanje izlaganja</h1>
+</div>
 
 
 <div class="root" ng:controller="Registration" ng:init="$window.$root = this;">
 
 
-<div ng:show="! registration.$id && ! symposium.$id">
+<div style="clear: both; padding-top: 10px;" ng:show="! registration.$id && ! symposium.$id">
 <p>
 Svi sudionici skupa, bez obzira na to jesu li izlagači, suautori ili slušači, moraju se registrirati kroz sustav elektroničke prijave.
 </p>
@@ -61,7 +114,7 @@ Jedna osoba može biti autor u najviše tri rada, pri čemu na samo jednom može
 
 
 </div>
-<div ng:show="registration.$id || symposium">
+<div ng:show="registration.$id || symposium" style="padding-top: 40px">
        <h2>{{registration.person.name}} {{registration.person.surname}}</h2>
        <!--
        <label>Institution: {{registration.person.inst}}</label>
@@ -74,7 +127,7 @@ Jedna osoba može biti autor u najviše tri rada, pri čemu na samo jednom može
        <label ng:show="registration.type == 'round'">Tip registracije: Organizator okruglog stola<span ng:show="registration.student == true">, student</span></label>
        <label ng:show="registration.type == 'lecture'">Tip registracije: Usmeno priopćenje<span ng:show="registration.student == true">, student</span></label>
        <label ng:show="registration.type == 'poster'">Tip registracije: Prezentacija postera<span ng:show="registration.student == true">, student</span></label>
-       <label ng:show="registration.type == 'poster' || registration.type == 'lecture'"><b>Title: </b>{{registration.work.title}}</label>
+       <label ng:show="registration.type == 'poster' || registration.type == 'lecture' || registration.type == 'round'"><b>Naslov: </b>{{registration.work.title}}</label>
        <div ng:show="registration.type == 'symposium'">
                <p>Tip registracije: Organizator simpozija</p>
                <label><b>Tema simpozija: </b><i>{{registration.symposium.title}}</i></label>
@@ -192,6 +245,31 @@ Jedna osoba može biti autor u najviše tri rada, pri čemu na samo jednom može
                <input type="radio" name="registration.dinner" value="yes">Da
                <input type="radio" name="registration.dinner" value="no">Ne
        </div>
+       <div ng:show="registration.type != 'student'" style="clear: both; margin-top: 20px;">
+               Trebate li R-1 račun?<br/>
+               <input type="radio" name="registration.r1" value="yes">Da
+               <input type="radio" name="registration.r1" value="no">Ne
+       </div>
+       <div ng:show="registration.r1 == 'yes'">
+               <div class="labelTop">
+                       <div class="input input5">Naziv organizacije koja uplaćuje</div>
+               </div>  
+               <div style="clear: both">
+                       <input class="input5" name="registration.r1inst" ng:required>
+               </div>
+               <div class="labelTop">
+                       <div class="input input5">Adresa organizacije</div>
+               </div>  
+               <div style="clear: both">
+                       <input class="input5" name="registration.r1address" ng:required>
+               </div>
+               <div class="labelTop">
+                       <div class="input input5">OIB organizacije</div>
+               </div>  
+               <div style="clear: both">
+                       <input class="input5" name="registration.r1oib" ng:required>
+               </div>
+       </div>
        
 </div>
 
@@ -322,7 +400,7 @@ Odlučite o dolasku na domjenak.</span>
                <span class="saved2">Hvala! Vaša registracija je uspješno predana!</span>
                <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/registracija/kotizacija">Molimo pročitajte upute za plaćanje kotizacije</a></div>
                <div class="gohome" ng:show="registration.type == 'student' || registration.student == true">
-                       Dokaz o studentskom statusu treba poslati na adresu<a href="mailto:drzb@ffzg.hr">drzb@ffzg.hr</a>.
+                       Dokaz o studentskom statusu treba poslati na adresu <a href="mailto:drzb@ffzg.hr">drzb@ffzg.hr</a>.
                </div>
                <br><br>
        </div>
@@ -335,7 +413,7 @@ Odlučite o dolasku na domjenak.</span>
                <span class="saved2">Hvala! Vaš prijedlog je uspješno predan. <br></span>
                <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/registracija/kotizacija">Molimo pročitajte upute za plaćanje kotizacije.</a></div>
                <div class="gohome" ng:show="registration.type == 'student' || registration.student == true">
-                       Dokaz o studentskom statusu treba poslati na adresu<a href="mailto:drzb@ffzg.hr">drzb@ffzg.hr</a>.
+                       Dokaz o studentskom statusu treba poslati na adresu <a href="mailto:drzb@ffzg.hr">drzb@ffzg.hr</a>.
                <br>
        </div>
        
@@ -349,15 +427,22 @@ Odlučite o dolasku na domjenak.</span>
        <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/">Go to conference home page</a></div>
 </div>
 -->
-
-<div class="footer"></div>
+</div>
+<div id="footer">
+        Odsjek za psihologiju, Filozofski fakultet Sveučilišta u Zagrebu, Ivana Lučića 3, 10000 Zagreb ; tel. 01/6120 215 ; fax. 01/6120 037
+        <div id="go_to_top"><a href="#"></a></div>
+   <p id="foot">
+        <a href="http://psihologija.ffzg.hr" target="_blank">http://psihologija.ffzg.hr</a>
+    </p> 
+</div>
 
 <!--
 <div ng:show="registration.$id">
 Permalink to <a href="#{{registration.$id}}">DRZB2011 registration</a> which you can bookmark
 </div>
 -->
-
+<!--
+<div style="clear: both">
 <input type=checkbox name=debug style="float: right; clear: both">
 <pre ng:show="debug">
 
@@ -374,7 +459,8 @@ symposium = {{symposium}}
 $id={{$id}}
 registration.$id={{registration.$id}}
 </pre>
-
+</div>
+-->
 
 </body>
 </html>
index 55b0280..3200455 100644 (file)
 
 body {
        background: #F6F6F6;
-       margin: 40px;
+       margin: 0 auto;
        font-family: Arial;
        color: #374E5A;
        font-size: 14px;
-       line-height: 16px;
+       line-height: 140%;
+       width: 961px;
 }
 
+img {
+       border: 0;
+}
+/* ----- MENU ----- */
+
+#navigation
+{
+       position: relative;
+       float: left;
+       text-align: left;
+       width: 794px;
+       height: 60px;
+       font: 16px arial;
+/*     background: url(http://mjesec.ffzg.hr/drzb2011/images/menu_bg.gif) repeat-x;    */
+}
+
+#navigation ul 
+{
+       list-style: none;
+       margin: 0;
+       padding: 0;
+       list-style: none;
+       height: 33px;
+       width: 794px;
+       border-top: 1px solid #ccc;
+       border-bottom: 1px solid #ccc;
+}
+
+#navigation ul li {
+       position: relative;
+       float: left;
+       display: inline;
+       height: 33px;
+       border-right: 1px solid #ccc;
+}
+       
+#navigation li ul {
+       position: absolute;
+       left: -50%;
+       top: 28px;
+       border: 0;
+       display: none;
+}
+
+#navigation li ul li {
+       border: 0;
+       border-right: 1px solid #ccc;
+       height: 19px;
+       margin-top: 10px;
+}
+
+#navigation ul li a {
+       display: block;
+       float: left;
+       text-decoration: none;
+       color: #777;
+       background: #f6f6f6; /* IE6 Bug */
+       padding: 5px 10px;
+       height: 23px;
+}
+
+#navigation ul li a:hover { 
+       color: #d74f25;
+       border-bottom: 1px solid #f6f6f6;
+}
+
+
+#navigation li ul li a {
+       padding: 1px 10px;
+}
+
+               
+#navigation li:hover ul { 
+       display: block; 
+}
+
+/* Holly Hack. IE Requirement \*/
+* html ul li { float: left; height: 1%; }
+* html ul li a { height: 1%; }
+/* End */
+
+#mainNav_right
+{
+       position: relative;
+       float: left;
+       text-align: left;
+       width: 167px;
+       height: 33px;
+       font: 16px arial;
+       display: block;
+       border-top: 1px solid #ccc;
+       border-bottom: 1px solid #ccc;
+}
+
+#mainNav_right ul 
+{
+       display: inline;
+}
+
+#mainNav_right li 
+{ 
+       display: inline;
+}
+
+#mainNav_right li a
+{
+       float: left;
+       height: 27px;
+       padding-left: 15px;
+       padding-right: 15px;
+       padding-top: 6px;
+       color: #91959c;
+       text-align: center;
+       text-decoration: none;
+       display: block;
+}
+
+#mainNav_right li a:hover
+{
+       color: #d74f25;
+       text-decoration: none;
+       display: block;
+}
+
+#mainNav_right li a.active
+{
+       float: left;
+       height: 27px;
+       padding-left: 15px;
+       padding-right: 15px;
+       padding-top: 6px;
+       text-align: center;
+       color: #d74f25;
+       text-decoration: none;
+       display: block;
+}
+
+
 
 label {
        display: block;
@@ -18,16 +157,35 @@ label {
        font-size: 14px;
        font-family: Arial;
 }
-h1 {
+
+.title {
+       position: relative;
+       float: left;
+       text-align: left;
+       width: 100%;
+/*     background: url(http://mjesec.ffzg.hr/drzb2011/images/crta.gif) repeat-x bottom;        */
+       border-bottom: 1px solid #ccc;
+       padding-bottom: 4px;
+       margin: 0;
+       margin-top: 10px;
+
+}
+
+h1
+{
+       float: left;
 /*     margin-bottom: 6px;     */
        padding-left: 20px;
        font: 18px arial;
        color: #0c1426;
+       text-align: center;
        text-decoration: none;
        display: block;
        background: url(http://mjesec.ffzg.hr/drzb2011/images/kvadrat.gif) no-repeat left;
-       border-bottom: 1px solid #CCC;
+       margin: 0;
 }
+
+
 h2, h3 {
        margin-top: 60px;
        font-size: 14px;
@@ -214,9 +372,39 @@ input:focus, textarea:focus
        font-weight: normal;
        margin-top: 20px;
 }
-.footer {
-       height: 10px;
+#footer {
+       position: relative;
+       float: left;
+       width: 961px;
+       height: 18px;
+       padding-top: 5px;
+       margin-top: 180px;
+       margin-bottom: 20px;
+       font: 10px arial;
+       color: #374e5a;
+       text-align: center;
+       background: url(http://mjesec.ffzg.hr/drzb2011/images/footer_bg.jpg) repeat-x;
+       clear: both;
+}
+       
+#foot a
+{
+       position: relative;
+       top: 12px;
+       margin-bottom: 20px;
+       font: 12px arial;
+       color: #374e5a;
+       text-align: center;
+       text-decoration: none;
 }
+
+#foot a:hover
+{
+       color: #374e5a;
+       text-decoration: underline;
+}
+
+
 hr {
        border: 1px solid #ccc;
 }
index cf7c36d..c214aa2 100644 (file)
@@ -26,8 +26,8 @@ function Registrations(xhr){
 
 <style>
 .address {
-       font-size: 80%;
 }
+
 </style>
 
 </head>
@@ -35,20 +35,41 @@ function Registrations(xhr){
 
 <div ng:controller="Registrations"> 
 
-<ul>
-<li ng:repeat="registration in data">
+<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>
+
+
+<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>
 {{registration.person.name}}
 {{registration.person.surname}}
 &lt;{{registration.person.email}}&gt;
 <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">
+{{author.name}}
+{{author.surname}} ;
+</span>
+<!--
 <div class=address>{{registration.person.zip}} {{registration.person.city}}</div>
+-->
 </li>
-</ul>
+</ol>
 
+<div style="float: right">
 <input name=debug type=checkbox>
 <pre ng:show="debug">
 data={{data}}
 </pre>
+</div>
 
 </div>