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;
margin-top: 20px;
}
+
+.naglasi {
+ color: #d74f25;
+}
+
+
a {
color: #D74F25;
}
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;
}
.text1 {
width: 30em;
+ margin-bottom: 3px;
+}
+.text2 {
+ width: 12em;
+}
+
+
+.labels1 {
+ font-style: italic;
+ padding-bottom: 5px;
+}
+
+.label1 {
+ padding-right: 27em;
+}
+.label2 {
}
img {
margin-top: 10px;
font-size: 14px;
font-family: Arial;
- color: #afafaf;
}
.radio {
.button {
- margin-top: 20px;
+ margin-top: 40px;
width: 40.8em;
}
<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">
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;
}
);
<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>
<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}}
-<{{registration.person.email}}>
+<{{registration.person.email}}> {{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>