Merge branch 'master' of github.com:dpavlin/angular-mojolicious
authorDobrica Pavlinusic <dpavlin@rot13.org>
Thu, 9 Dec 2010 16:38:20 +0000 (17:38 +0100)
committerDobrica Pavlinusic <dpavlin@rot13.org>
Thu, 9 Dec 2010 16:38:20 +0000 (17:38 +0100)
Conflicts:
public/app/casopisi2010/upitnik.html

public/app/casopisi2010/upitnik.css
public/app/casopisi2010/upitnik.html
public/app/drzb2011/registrations.html

index cde7f0a..9732e5f 100644 (file)
@@ -5,11 +5,11 @@ body {
        color: #374E5A;
        font-size: 14px;
        line-height: 140%;
-       width: 861px;
+       width: 760px;
 }
 
 h2, h3 {
-       margin-top: 60px;
+       margin-top: 40px;
        font-size: 14px;
        padding: 2px 0;
        border-bottom: 2px solid #D74F25;
@@ -20,6 +20,12 @@ h3 {
        margin-top: 20px;
 }
 
+
+.naglasi {
+       color: #d74f25;
+}
+
+
 a {
        color: #D74F25;
 }
@@ -27,14 +33,14 @@ a {
 input, textarea {
        font: 14px arial;
        color: #000000;
-       border: solid 1px #dedede;
+       border: solid 1px #ccc;
        padding: 6px;
-       background: #f6f6f6;
+       background: #ffffff;
 }
 
 input:focus, textarea:focus
 {
-       background: #ffffff;
+       background: #f6f6f6;
        font-family: arial;
        color: #000000;
 }
@@ -47,6 +53,22 @@ input:focus, textarea:focus
 
 .text1 {
        width: 30em;
+       margin-bottom: 3px;
+}
+.text2 {
+       width: 12em;
+}
+
+
+.labels1 {
+       font-style: italic;
+       padding-bottom: 5px;
+}
+
+.label1 {
+       padding-right: 27em;
+}
+.label2 {
 }
 
 img {
@@ -58,7 +80,6 @@ label {
        margin-top: 10px;
        font-size: 14px;
        font-family: Arial;
-       color: #afafaf;
 }
 
 .radio { 
@@ -104,7 +125,7 @@ h1
 
 
 .button {
-       margin-top: 20px;
+       margin-top: 40px;
        width: 40.8em;
 }
 
index 775b129..2c24b05 100644 (file)
 <div class="root" ng:controller="Upitnik" ng:init="$window.$root = this;">
 
 <h2>
-1. Koji su Vam strani časopisi najpotrebniji?
+Na kojem odsjeku ili zavodu ste zaposleni?
+</h2>
+<input name="upitnik.odsjek" class="text1">
+
+<h2 style="margin-top: 20px">
+Kojim područjem istraživanja se trenutno bavite?
+</h2>
+<input name="upitnik.podrucje" class="text1">
+
+<h2 style="margin-top: 20px">
+Ako želite, upišite svoju e-mail adresu:
+</h2>
+<input name="upitnik.email" class="text2">
+
+<h2>
+1. Koji su Vam <span class="naglasi">strani</span> č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>
+<p>Navedite <b>barem 3 naslova</b>, ali ako je potrebno možete unjeti i više.</p>
 </div>
 
+<div class="labels1">
+</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>
+       <input class="text1" name="casopis.naslov" ng:required>
+       <a href="" title="Brisanje naslova." ng:click="upitnik.casopisi.$remove(casopis)">X</a>
 </div>
-<a href="" ng:click="upitnik.casopisi.$add({naslov:''})" ng:show="upitnik.casopisi.$count() < 10">Dodaj još jedan naslov</a>
+<a href="" title="Dodavanje prostora za unos još jednog naslova."
+       ng:click="upitnik.casopisi.$add({naslov:''})"
+       ng:show="upitnik.casopisi.$count() < 10"
+>dodaj još jedno polje</a>
 
 <h2>
 2. Odaberite i obrazložite svoj izbor:
 </h2>
 
-<label class="radio">
+<label>
 <input type="radio" name="upitnik.inacica" value="elektronicka"> Važnije mi je da knjižnica osigura stalni pristup elektroničkoj inačici časopisa.
 </label>
+<textarea ng:show="upitnik.inacica == 'elektronicka'" name="upitnik.inacica_obrazlozenje"></textarea>
 
-<label class="radio">
+<label>
 <input type="radio" name="upitnik.inacica" value="tiskana"> Važnije mi je da knjižnica nabavi tiskani primjerak časopisa.
 </label>
+<textarea ng:show="upitnik.inacica == 'tiskana'" name="upitnik.inacica_obrazlozenje"></textarea>
 
-<label class="radio">
+<label>
 <input type="radio" name="upitnik.inacica" value="svejedno"> Svejedo mi je.
 </label>
+<textarea ng:show="upitnik.inacica == 'svejedno'" name="upitnik.inacica_obrazlozenje"></textarea>
 
 <h2>
 3. Koji elektronički izvori informacija su Vam potrebni?
 <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">
+       <a href="" title="Brisanje naziva izvora." ng:click="upitnik.eizvori.$remove(eizvor)">X</a>
        <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>
+<a href="" title="Dodavanje prostora za unos još jednog izvora." ng:click="upitnik.eizvori.$add({naslov:''})">dodaj još jedno polje</a>
+
+<!--
+<h2>
+4. Da li su u području kojim se bavite važnije knjige ili časopisi?
+</h2>
+<label><input type="radio" name="upitnik.publikacije" value="knjige"> Važnije su knjige.</label>
+<label><input type="radio" name="upitnik.publikacije" value="casopisi"> Važniji su časopisi.</label>
+<label><input type="radio" name="upitnik.publikacije" value="jednako"> Knjige i časopisi su podjednako važni.</label>
+<label><input type="radio" name="upitnik.publikacije" value="nezna"> Ne mogu procijeniti.</label>
 
+<h2>
+5. Da li su u području kojim se bavite važniji lokalni (domaći) ili inozemni časopisi?
+</h2>
+<label><input type="radio" name="upitnik.lokalni" value="da"> Važniji su lokalni časopisi.</label>
+<label><input type="radio" name="upitnik.lokalni" value="ne"> Važniji su inozemni časopisi.</label>
+<label><input type="radio" name="upitnik.lokalni" value="jednako"> Inozemni i lokalni časopisi su podjednako važni.</label>
+<label><input type="radio" name="upitnik.lokalni" value="nezna"> Ne mogu procijeniti.</label>
+-->
 
 <div class="button">
-       <input type=submit ng:click="save()" value="save">
-       <input type=reset ng:click="reset()" value="reset">
+       <input type=submit ng:click="save()" value="Pošalji">
+       <input type=reset ng:click="reset()" value="Poništi">
 </div>
 
 <div style="clear: both">
index c214aa2..c7284f9 100644 (file)
@@ -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>