small changes i registration forms; abstracts file added
[angular-mojolicious.git] / public / app / drzb2011 / registration-hr.html
1 <!DOCTYPE HTML>
2 <html xmlns:ng="http://angularjs.org">
3 <head>
4 <meta charset="utf-8">
5 <script src="angular.js" ng:autobind></script>
6
7 <title>Conference registration</title>
8
9 <script src="database.js"></script>
10 <script src="registration.js"></script>
11
12 <link rel="stylesheet" href="registration.css" type="text/css">
13
14 </head>
15 <body>
16
17 <div id="wrapper">
18     <div id="header">
19         <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>
20     </div>
21
22     <div id="mainNav">
23 <div id="navigation">
24 <ul>
25 <li class="level"><a href="http://psihologija.ffzg.hr/drzb2011">Naslovnica</a></li>
26         <li>
27         <a class="level4" href="http://psihologija.ffzg.hr/drzb2011/registracija">Registracija</a>
28
29         <ul>
30
31         <li>
32                 <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/registracija/vrste2">Oblici sudjelovanja</a>
33
34         <li>
35                 <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/registracija/kotizacija">Kotizacija</a>
36         <li>
37                 <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/registracija/bodovanje2">Bodovanje</a>
38
39    </ul></li>
40
41         <li>
42         <a class="level4" href="http://psihologija.ffzg.hr/drzb2011/prijava">Prijava izlaganja</a>
43         <ul>
44
45         <li>
46                 <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/prijava/pripremasazetaka">Priprema sažetaka</a>
47         <li>
48
49                 <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/prijava/obrazac">Obrazac za prijavu</a>
50
51    </ul></li>
52         <li>
53                 <a class="level4" href="http://psihologija.ffzg.hr/drzb2011/program">Program</a>
54         <li>
55                 <a class="level4" href="http://psihologija.ffzg.hr/drzb2011/organizacija">Organizacija</a>
56         <li>
57                 <a target="_blank" class="level4" href="http://psihologija.ffzg.hr/drzb2011/smjestaj">Smještaj</a>
58 </ul>
59 </div>
60
61     </div>
62
63     <div id="mainNav_right">
64         <ul>
65             <li><a href="http://psihologija.ffzg.hr/drzb2011" class="active">Hrvatski</a></li>
66             <li><a href="http://psihologija.ffzg.hr/drzb2011-eng">English</a></li>
67         </ul>
68     </div>
69  
70 </div>
71
72 <div class="title">
73 <h1>Registracija i prijavljivanje izlaganja</h1>
74 </div>
75
76
77 <div class="root" ng:controller="Registration" ng:init="$window.$root = this;">
78
79
80 <div style="clear: both; padding-top: 10px;" ng:show="! registration.$id && ! symposium.$id">
81 <p>
82 Svi sudionici skupa, bez obzira na to jesu li izlagači, suautori ili slušači, moraju se registrirati kroz sustav elektroničke prijave.
83 </p>
84
85 <p>Prijave izlaganja zatvorene su 27.01.2010.</p>
86
87 <!--
88 <p>
89 Sažetak izlaganja/postera prijavljuje samo prvi autor, odnosno onaj autor koji će rad izložiti. Ostali suautori ne trebaju prijaviti sažetak, nego se samo registrirati.
90 </p>
91
92 <p>
93 Organizatori simpozija prijavljuju i sažetak simpozija i sažetak svakog pripadajućeg rada (mora ih biti četiri). Autori pojedinih radova unutar simpozija NE prijavljuju pojedinačno svoje sažetke, nego se u sustav registriraju kao sudionici simpozija.
94 </p>
95
96 <p>
97 Organizatori okruglog stola prijavljuju samo sažetak okruglog stola, a sudionici se registriraju kao sudionici okruglog stola.
98 </p>
99
100 <p>
101 Duljina sažetka treba biti između 1800 i 2000 znakova (uključujući razmake).
102 </p>
103
104 <p>
105 Jedna osoba može biti autor u najviše tri rada, pri čemu na samo jednom može biti prvi ili jedini autor ili autor koji će izlagati.
106 </p>
107 -->
108
109
110 </div>
111
112 <!--
113 <a name="{{$location.hash}}" >bla</a>
114 -->
115
116 <div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
117
118
119 </div>
120 <div ng:show="registration.$id || symposium" style="padding-top: 40px">
121         <h2>{{registration.person.name}} {{registration.person.surname}}</h2>
122         <!--
123         <label>Institution: {{registration.person.inst}}</label>
124         <label>Address: {{registration.person.address1}}, {{registration.person.city}}, {{registration.person.zip}}, {{registration.person.country}}</label>
125         -->
126         <label ng:show="registration.type == 'participant'">Tip registracije: Samo registracija</label>
127         <label ng:show="registration.type == 'accomp'">Tip registracije: Osoba u pratnji</label>
128         <label ng:show="registration.type == 'student'">Tip registracije: Student</label>
129         <label ng:show="registration.type == 'sparticipant'">Tip registracije: Sudionik simpozija/okruglog stola<span ng:show="registration.student == true">, student</span></label>
130         <label ng:show="registration.type == 'round'">Tip registracije: Organizator okruglog stola<span ng:show="registration.student == true">, student</span></label>
131         <label ng:show="registration.type == 'lecture'">Tip registracije: Usmeno priopćenje<span ng:show="registration.student == true">, student</span></label>
132         <label ng:show="registration.type == 'poster'">Tip registracije: Prezentacija postera<span ng:show="registration.student == true">, student</span></label>
133         <label ng:show="registration.type == 'poster' || registration.type == 'lecture' || registration.type == 'round'"><b>Naslov: </b><br>{{registration.work.title}}</label>
134         <label ng:show="registration.type == 'poster' || registration.type == 'lecture' || registration.type == 'round'"><b>Autori: </b><br>
135         <span ng:repeat="author in registration.work.authors">
136         {{author.name}}
137         {{author.surname}},
138         {{author.inst}} <br>
139         </span>
140         </label>
141         <div ng:show="registration.type == 'symposium'">
142                 <p>Tip registracije: Organizator simpozija</p>
143                 <label><b>Tema simpozija: </b><i>{{registration.symposium.title}}</i></label>
144                 <!--
145                 <label>Summary:</label> {{registration.symposium.abstract}}
146                 <br><br>
147                 -->
148                 <blockquote>
149                 <label>Prijavljeni radovi:</label>
150                 <ol>
151                 <li ng:repeat="w in symposium.works">
152                 <!--
153                 <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
154                 -->
155                 <span ng:show="registration.$id != w.$id">{{w.title}}</span>
156                 <b ng:show="registration.$id == w.$id">{{w.title}}</b>
157                 </li>
158                 </ol>
159                 </blockquote>
160         </div>
161 </div>
162 <!--
163 <div ng:show="registration.$id || symposium">
164         <h2>Contact Information</h2>
165         <label>{{registration.person.name}} {{registration.person.surname}}</label>
166         <label>{{registration.person.inst}}</label>
167         <label>{{registration.person.address1}}</label>
168         <label>{{registration.person.city}}, {{registration.person.zip}}, {{registration.person.country}}</label>
169         <label ng:show="registration.type == 'participant'"><h3>Registration type</h3> no paper</label>
170         <div ng:show="registration.type == 'symposium'">
171                 <p>Symposium organizer</p>
172                 <h3>Symposium</h3>
173                 <label>Topic:</label><i>{{registration.symposium.title}}</i>
174                 <label>Summary:</label> {{registration.symposium.abstract}}
175                 <br><br>
176                 <label>Submitted papers for this symposium:</label>
177                 <ol>
178                 <li ng:repeat="w in symposium.works">
179                 <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
180                 <span ng:show="registration.$id != w.$id">{{w.title}}</span>
181                 <b ng:show="registration.$id == w.$id">{{w.title}}</b>
182                 </li>
183                 </ol>
184         </div>
185 </div>
186 -->
187
188
189 <div id="submission" ng:show="! registration.$id && ! symposium.$id">
190         <div>
191                 <h2>Tip registracije</h2>
192                 <label><input type="radio" name="registration.type" value="participant" ng:required>Registracija</label>
193                 <label><input type="radio" name="registration.type" value="sparticipant" ng:required>Sudionik simpozija/okruglog stola</label>
194 <!--
195                 <label><input type="radio" name="registration.type" value="symposium" ng:required>Organizator simpozija</label>
196                 <label><input type="radio" name="registration.type" value="round" ng:required>Organizator okruglog stola</label>
197                 <label><input type="radio" name="registration.type" value="lecture" ng:required>Usmeno priopćenje</label>
198                 <label><input type="radio" name="registration.type" value="poster" ng:required>Prezentacija postera</label>
199 -->
200         </div>
201                 <label><input type="radio" name="registration.type" value="student" ng:required ng:change="registration.dinner = 'no'">Registracija za studente</label>
202                 <label><input type="radio" name="registration.type" value="accomp" ng:required>Osoba u pratnji</label>
203 </div>
204
205 <div id="participant" ng:show="! registration.$id && ! symposium.$id">
206
207         
208         <h2>Podaci za kontakt</h2>
209         <div class="labelTop">
210                 <div class="input input4">Ime</div>
211                 <div class="input input4">Prezime</div>
212         </div>
213         <div style="clear: both">
214                 <input class="input4" name="registration.person.name" ng:required>
215                 <input class="input4" name="registration.person.surname" ng:required>
216         </div>
217         <div class="labelTop">
218                 <div class="input input5">Ustanova</div>
219         </div>  
220         <div style="clear: both">
221                 <input class="input5" name="registration.person.inst">
222         </div>
223         <div class="labelTop">
224                 <div class="input input5">Adresa</div>
225         </div>  
226         <div style="clear: both">
227                 <input class="input5" name="registration.person.address1" ng:required>
228         </div>
229         <div class="labelTop">
230                 <div class="input input6">Grad</div>
231                 <div class="input input6">Poštanski br.</div>
232                 <div class="input input6">Zemlja</div>
233         </div>
234         <div style="clear: both">
235                 <input class="input6" name="registration.person.city" ng:required>
236                 <input class="input6" name="registration.person.zip">
237                 <input class="input6" name="registration.person.country">
238         </div>
239         <div class="labelTop">
240                 <div class="input input4">E-pošta</div>
241                 <div class="input input4">Tel. broj</div>
242         </div>
243         <div style="clear: both">
244                 <input class="input4" name="registration.person.email" ng:validate="email" ng:required>
245                 <input class="input4" name="registration.person.phone">
246         </div>
247         <div ng:show="registration.type == 'lecture' || registration.type == 'poster' || registration.type == 'sparticipant' || registration.type == 'symposium' || registration.type == 'round'">
248                 <br><input type="checkbox" name="registration.student">Označite ako ste student.
249         </div>
250         <div style="clear: both; margin-top: 20px;">
251                 Hoćete li biti na domjenku dobrodošlice u četvrtak u 20 sati?<br/>
252                 <input type="radio" name="registration.reception" value="yes">Da
253                 <input type="radio" name="registration.reception" value="no">Ne
254         </div>
255         <div ng:show="registration.type != 'student'" style="clear: both; margin-top: 20px;">
256                 Hoćete li biti na zajedničkoj večeri u petak u 20 sati? (Večera je uključena u kotizaciju.)<br/>
257                 <input type="radio" name="registration.dinner" value="yes">Da
258                 <input type="radio" name="registration.dinner" value="no">Ne
259         </div>
260         <div ng:show="registration.type != 'student'" style="clear: both; margin-top: 20px;">
261                 Trebate li R-1 račun?<br/>
262                 <input type="radio" name="registration.r1" value="yes">Da
263                 <input type="radio" name="registration.r1" value="no">Ne
264         </div>
265         <div ng:show="registration.r1 == 'yes'">
266                 <div class="labelTop">
267                         <div class="input input5">Naziv organizacije koja uplaćuje</div>
268                 </div>  
269                 <div style="clear: both">
270                         <input class="input5" name="registration.r1inst" ng:required>
271                 </div>
272                 <div class="labelTop">
273                         <div class="input input5">Adresa organizacije</div>
274                 </div>  
275                 <div style="clear: both">
276                         <input class="input5" name="registration.r1address" ng:required>
277                 </div>
278                 <div class="labelTop">
279                         <div class="input input5">OIB organizacije</div>
280                 </div>  
281                 <div style="clear: both">
282                         <input class="input5" name="registration.r1oib" ng:required>
283                 </div>
284         </div>
285         
286 </div>
287
288
289         
290         <div ng:show="registration.type == 'sparticipant' && ! last_saved.$id">
291                 <h2>Tema simpozija/okruglog stola</h2>
292                 <input class="input1" name="registration.sympattend" ng:required>
293         </div>
294
295
296 <div id="work" ng:show="registration.type != 'participant' && registration.type != 'sparticipant' && registration.type != 'student' && registration.type != 'accomp'">
297 <div ng:show="registration.type == 'symposium' && registration.symposium.work_nr < 5 && ! symposium.$id">
298
299         <h2>Simpozij</h2>
300         <label for="registration.symposium.title">Tema:</label>
301                 <input class="input1" name="registration.symposium.title" ng:required>
302         <label>Organizator(i):</label>
303                 <!--
304                 <div class="input input2">First name</div><div class="input input2">Surname</div><div class="input input3">Institution</div><div class="input input2">E-mail</div>
305                 -->
306                 <div class="inputOrg"><span ng:show="registration.person.name">{{registration.person.name}} {{registration.person.surname}}</span><span ng:show="registration.person.inst">, {{registration.person.inst}}</span><span ng:show="registration.person.email">, {{registration.person.email}}</span></div>
307                 <div class="clear" ng:repeat="organizer in registration.symposium.organizers">
308                 <input class="input2" name="organizer.name" ng:required>
309                 <input class="input2" name="organizer.surname" ng:required>
310                 <input class="input3" name="organizer.inst" >
311                 <input class="input2" name="organizer.email" ng:required ng:validate="email">
312                 <a href="" ng:click="registration.symposium.organizers.$remove(organizer)">X</a>
313                 </div>
314                 <div class="clear"><a class="addPerson" href="" ng:click="registration.symposium.organizers.$add()">Dodaj drugog organizatora</a></div>
315         <label>Sažetak (<span class="lengthCount">{{registration.symposium.abstract.length}}</span> / maks. 2000 znakova)</label>
316                 <textarea class="input1" name="registration.symposium.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
317                 
318                 <div ng:show="symposium">
319                         <b>Simpozij:</b> {{registration.symposium.title}}
320                         <blockquote>
321                         <label>Prijavljeni radovi za ovaj simpozij:</label>
322                         <ol>
323                         <li ng:repeat="w in symposium.works">
324                         <!--
325                         <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
326                         -->
327                         <span ng:show="registration.$id != w.$id">{{w.title}}</span>
328                         <b ng:show="registration.$id == w.$id">{{w.title}}</b>
329                         </li>
330                         </ol>
331                         </blockquote>
332                 </div>
333 </div>
334
335 <div ng:show="registration.type && ! last_saved.$id">
336
337 <!--
338                 <div ng:show="symposium">
339                         <b>Symposium:</b> {{registration.symposium.title}}
340                         <blockquote>
341                         <label>Submitted papers for this symposium:</label>
342                         <ol>
343                         <li ng:repeat="w in symposium.works">
344                         <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
345                         <b ng:show="registration.$id == w.$id">{{w.title}}</b>
346                         </li>
347                         </ol>
348                         </blockquote>
349                 </div>
350 -->
351 <h3 ng:show="registration.type == 'symposium'">Prijava rada unutar simpizija ({{registration.symposium.work_nr}})</h3>
352 <h2 ng:show="registration.type == 'lecture'">Prijava usmenog priopćenja</h2>
353 <h2 ng:show="registration.type == 'poster'">Prijava postera</h2>
354 <h2 ng:show="registration.type == 'round'">Prijava teme okruglog stola</h2>
355
356
357 <label>Naslov:</label>
358         <input class="input1" name="registration.work.title" ng:required>
359 <div ng:show="registration.type != 'round'">
360 <label>Autori:</label>
361         <div>
362                 <div class="input input2">Ime</div><div class="input input2">Prezime</div><div class="input input3">Ustanova</div><div class="input input2">E-pošta</div>
363         </div>
364         <div class="clear" ng:repeat="author in registration.work.authors">
365                 <input class="input2" name="author.name" ng:required>
366                 <input class="input2" name="author.surname" ng:required>
367                 <input class="input3" name="author.inst" >
368                 <input class="input2" name="author.email" ng:required ng:validate="email">
369                 <a href="" ng:click="registration.work.authors.$remove(author)">X</a>
370         </div>
371         <a class="addPerson" href="" ng:click="registration.work.authors.$add()">Dodaj još jednog autora</a>
372 </div>
373 <div ng:show="registration.type == 'round'">
374 <label>Organizator:</label>
375         <!--
376         <div class="input input2">First name</div><div class="input input2">Surname</div><div class="input input3">Institution</div><div class="input input2">E-mail</div>
377         -->
378                 <div class="inputOrg"><span ng:show="registration.person.name">{{registration.person.name}} {{registration.person.surname}}</span><span ng:show="registration.person.inst">, {{registration.person.inst}}</span><span ng:show="registration.person.email">, {{registration.person.email}}</span></div>
379         <div class="clear" ng:repeat="organizer in registration.work.organizers">
380                 <input class="input2" name="organizer.name" ng:required>
381                 <input class="input2" name="organizer.surname" ng:required>
382                 <input class="input3" name="organizer.inst" >
383                 <input class="input2" name="organizer.email" ng:required ng:validate="email">
384                 <a href="" ng:click="registration.work.organizers.$remove(organizer)">X</a>
385         </div>
386         <div class="clear"><a class="addPerson" href="" ng:click="registration.work.organizers.$add()">Add another organizer</a></div>
387 </div>
388
389 <label>Sažetak (<span class="lengthCount">{{registration.work.abstract.length}}</span> / maks. 2000 znakova)</label>
390         <textarea class="input1" name="registration.work.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
391
392
393 </div> <!-- ng:show="registration.type" -->
394 </div>
395
396 <div class="button" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0 && (symposium.$id || (registration.reception != null && registration.dinner != null))">
397 <input type="submit" value="Snimi" ng:click="save();" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0" >
398 </div>
399
400 <div ng:show="$invalidWidgets.visible() &gt; 0 || (! symposium.$id && (registration.dinner == null || registration.reception == null))" style="color:red; margin-top: 20px">Molimo ispunite sva tražena polja.
401 <span ng:show="$invalidWidgets.visible() &gt; 0">Obratite pažnju na polja s narančastim okvirom. <!-- - {{$invalidWidgets.visible()}} left. --></span>
402 <span ng:show="(registration.reception == null || registration.dinner == null) && ! symposium.$id && registration.type != 'student'">
403 Odlučite o dolasku na domjenak i večeru.</span>
404 <span ng:show="(registration.reception == null || registration.dinner == null) && ! symposium.$id && registration.type == 'student'">
405 Odlučite o dolasku na domjenak.</span>
406 </div>
407
408
409 <div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
410
411         <div class="saved" ng:show="registration.type == 'participant' || registration.type == 'sparticipant' || registration.type == 'student' || registration.type == 'accomp' && ! symposium">
412                 <span class="saved2">Hvala! Vaša registracija je uspješno predana!</span>
413                 <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/registracija/kotizacija">Molimo pročitajte upute za plaćanje kotizacije</a></div>
414                 <div class="gohome" ng:show="registration.type == 'student' || registration.student == true">
415                         Dokaz o studentskom statusu treba poslati na adresu <a href="mailto:drzb@ffzg.hr">drzb@ffzg.hr</a>.
416                 </div>
417                 <br><br>
418         </div>
419         <div class="saved" ng:show="registration.type != 'participant' && registration.type != 'sparticipant' && registration.type != 'student' && registration.type != 'accomp' && (registration.symposium.work_nr == 5 || registration.symposium.work_last == true) && last_saved.$id">
420                 <span class="saved2">Hvala! Vaš prijedlog je uspješno predan. <br></span>
421                 <span class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/registracija/kotizacija">Molimo pročitajte upute za plaćanje kotizacije.</a></span>
422                 
423         </div>
424         <div class="button button2" ng:show="registration.type != 'participant' && registration.type != 'sparticipant' && registration.type != 'student' && registration.type != 'accomp' && last_saved.$id && ! symposium">
425                 <span class="saved2">Hvala! Vaš prijedlog je uspješno predan. <br></span>
426                 <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/registracija/kotizacija">Molimo pročitajte upute za plaćanje kotizacije.</a></div>
427                 <div class="gohome" ng:show="registration.type == 'student' || registration.student == true">
428                         Dokaz o studentskom statusu treba poslati na adresu <a href="mailto:drzb@ffzg.hr">drzb@ffzg.hr</a>.
429                 <br>
430         </div>
431         
432 </div>
433         <div style="clear: both" ng:show="last_saved.$id && symposium.$id && registration.symposium.work_nr == 4 && registration.symposium.work_last == false">
434                 <input type="checkbox" name="registration.symposium.work_last">Ovo je bio zadnji rad unutar ovog simpozija
435         </div>
436         <div class="button button2" ng:show="last_saved.$id && symposium.$id && registration.symposium.work_nr < 5 && registration.symposium.work_last == false">
437                 <input type="reset" value="Dodavanje sljedećeg rada" ng:click="reset()"> 
438         </div>
439 <!--
440 <div class="button2" ng:show="registration.$id && registration.type != 'participant' && registration.type != 'sparticipant' && last_saved.$equals(registration)">
441         <input type="reset" value="Submit another paper" ng:click="reset()">
442         <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/">Go to conference home page</a></div>
443 </div>
444 -->
445 </div>
446 <div id="footer">
447         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
448         <div id="go_to_top"><a href="#"></a></div>
449    <p id="foot">
450         <a href="http://psihologija.ffzg.hr" target="_blank">http://psihologija.ffzg.hr</a>
451     </p> 
452 </div>
453
454 <!--
455 <div ng:show="registration.$id">
456 Permalink to <a href="#{{registration.$id}}">DRZB2011 registration</a> which you can bookmark
457 </div>
458 -->
459 <div style="clear: both">
460 <input type=checkbox name=debug style="float: left; clear: both">
461 <pre ng:show="debug">
462
463 dirty={{! last_saved.$equals(registration)}} invalid={{$invalidWidgets.visible()}}
464
465 registration = {{registration}}
466
467 last_saved = {{last_saved}}
468
469 master = {{master}}
470
471 symposium = {{symposium}}
472
473 $id={{$id}}
474 registration.$id={{registration.$id}}
475 </pre>
476 </div>
477
478 </body>
479 </html>