2013 iteration
[angular-mojolicious.git] / public / app / drzb2013 / registration-edit.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>
86 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.
87 </p>
88
89 <p>
90 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.
91 </p>
92
93 <p>
94 Organizatori okruglog stola prijavljuju samo sažetak okruglog stola, a sudionici se registriraju kao sudionici okruglog stola.
95 </p>
96
97 <p>
98 Duljina sažetka treba biti između 1800 i 2000 znakova (uključujući razmake).
99 </p>
100
101 <p>
102 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.
103 </p>
104
105
106
107 </div>
108
109 <!--
110 <a name="{{$location.hash}}" >bla</a>
111 -->
112
113 <!--
114 <div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
115 -->
116 <div style="margin-bottom: 40px">
117
118
119 </div>
120 <div style="padding-top: 40px">
121 </div>
122
123 <!--
124 <div id="submission" ng:show="! registration.$id && ! symposium.$id">
125 -->
126 <div id="submission">
127         <div>
128                 <h2>Tip registracije</h2>
129                 <label><input type="radio" name="registration.type" value="participant" ng:required>Samo registracija</label>
130                 <label><input type="radio" name="registration.type" value="sparticipant" ng:required>Sudionik simpozija/okruglog stola</label>
131                 <label><input type="radio" name="registration.type" value="symposium" ng:required>Organizator simpozija</label>
132                 <label><input type="radio" name="registration.type" value="round" ng:required>Organizator okruglog stola</label>
133                 <label><input type="radio" name="registration.type" value="lecture" ng:required>Usmeno priopćenje</label>
134                 <label><input type="radio" name="registration.type" value="poster" ng:required>Prezentacija postera</label>
135         </div>
136                 <label><input type="radio" name="registration.type" value="student" ng:required ng:change="registration.dinner = 'no'">Student - samo registracija</label>
137                 <label><input type="radio" name="registration.type" value="accomp" ng:required>Osoba u pratnji</label>
138 </div>
139 <!--
140 <div id="participant" ng:show="! registration.$id && ! symposium.$id">
141 -->
142 <div id="participant">
143
144         
145         <h2>Podaci za kontakt</h2>
146         <div class="labelTop">
147                 <div class="input input4">Ime</div>
148                 <div class="input input4">Prezime</div>
149         </div>
150         <div style="clear: both">
151                 <input class="input4" name="registration.person.name" ng:required>
152                 <input class="input4" name="registration.person.surname" ng:required>
153         </div>
154         <div class="labelTop">
155                 <div class="input input5">Ustanova</div>
156         </div>  
157         <div style="clear: both">
158                 <input class="input5" name="registration.person.inst">
159         </div>
160         <div class="labelTop">
161                 <div class="input input5">Adresa</div>
162         </div>  
163         <div style="clear: both">
164                 <input class="input5" name="registration.person.address1" ng:required>
165         </div>
166         <div class="labelTop">
167                 <div class="input input6">Grad</div>
168                 <div class="input input6">Poštanski br.</div>
169                 <div class="input input6">Zemlja</div>
170         </div>
171         <div style="clear: both">
172                 <input class="input6" name="registration.person.city" ng:required>
173                 <input class="input6" name="registration.person.zip">
174                 <input class="input6" name="registration.person.country">
175         </div>
176         <div class="labelTop">
177                 <div class="input input4">E-pošta</div>
178                 <div class="input input4">Tel. broj</div>
179         </div>
180         <div style="clear: both">
181                 <input class="input4" name="registration.person.email" ng:validate="email" ng:required>
182                 <input class="input4" name="registration.person.phone">
183         </div>
184         <div ng:show="registration.type == 'lecture' || registration.type == 'poster' || registration.type == 'sparticipant' || registration.type == 'symposium' || registration.type == 'round'">
185                 <br><input type="checkbox" name="registration.student">Označite ako ste student.
186         </div>
187         <div style="clear: both; margin-top: 20px;">
188                 Hoćete li biti na domjenku dobrodošlice u četvrtak u 20 sati?<br/>
189                 <input type="radio" name="registration.reception" value="yes">Da
190                 <input type="radio" name="registration.reception" value="no">Ne
191         </div>
192         <div ng:show="registration.type != 'student'" style="clear: both; margin-top: 20px;">
193                 Hoćete li biti na zajedničkoj večeri u petak u 20 sati? (Večera je uključena u kotizaciju.)<br/>
194                 <input type="radio" name="registration.dinner" value="yes">Da
195                 <input type="radio" name="registration.dinner" value="no">Ne
196         </div>
197         <div ng:show="registration.type != 'student'" style="clear: both; margin-top: 20px;">
198                 Trebate li R-1 račun?<br/>
199                 <input type="radio" name="registration.r1" value="yes">Da
200                 <input type="radio" name="registration.r1" value="no">Ne
201         </div>
202         <div ng:show="registration.r1 == 'yes'">
203                 <div class="labelTop">
204                         <div class="input input5">Naziv organizacije koja uplaćuje</div>
205                 </div>  
206                 <div style="clear: both">
207                         <input class="input5" name="registration.r1inst" ng:required>
208                 </div>
209                 <div class="labelTop">
210                         <div class="input input5">Adresa organizacije</div>
211                 </div>  
212                 <div style="clear: both">
213                         <input class="input5" name="registration.r1address" ng:required>
214                 </div>
215                 <div class="labelTop">
216                         <div class="input input5">OIB organizacije</div>
217                 </div>  
218                 <div style="clear: both">
219                         <input class="input5" name="registration.r1oib" ng:required>
220                 </div>
221         </div>
222         
223 </div>
224
225
226         
227         <div ng:show="registration.type == 'sparticipant' && ! last_saved.$id">
228                 <h2>Tema simpozija/okruglog stola</h2>
229                 <input class="input1" name="registration.sympattend" ng:required>
230         </div>
231
232
233 <div id="work" ng:show="registration.type != 'participant' && registration.type != 'sparticipant' && registration.type != 'student' && registration.type != 'accomp'">
234 <div ng:show="registration.type == 'symposium' && registration.symposium.work_nr < 4 && ! symposium.$id">
235
236         <h2>Simpozij</h2>
237         <label for="registration.symposium.title">Tema:</label>
238                 <input class="input1" name="registration.symposium.title" ng:required>
239         <label>Organizator(i):</label>
240                 <!--
241                 <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>
242                 -->
243                 <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>
244                 <div class="clear" ng:repeat="organizer in registration.symposium.organizers">
245                 <input class="input2" name="organizer.name" ng:required>
246                 <input class="input2" name="organizer.surname" ng:required>
247                 <input class="input3" name="organizer.inst" >
248                 <input class="input2" name="organizer.email" ng:required ng:validate="email">
249                 <a href="" ng:click="registration.symposium.organizers.$remove(organizer)">X</a>
250                 </div>
251                 <div class="clear"><a class="addPerson" href="" ng:click="registration.symposium.organizers.$add()">Dodaj drugog organizatora</a></div>
252         <label>Sažetak (<span class="lengthCount">{{registration.symposium.abstract.length}}</span> / maks. 2000 znakova)</label>
253                 <textarea class="input1" name="registration.symposium.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
254                 
255                 <div ng:show="symposium">
256                         <b>Simpozij:</b> {{registration.symposium.title}}
257                         <blockquote>
258                         <label>Prijavljeni radovi za ovaj simpozij:</label>
259                         <ol>
260                         <li ng:repeat="w in symposium.works">
261                         <!--
262                         <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
263                         -->
264                         <span ng:show="registration.$id != w.$id">{{w.title}}</span>
265                         <b ng:show="registration.$id == w.$id">{{w.title}}</b>
266                         </li>
267                         </ol>
268                         </blockquote>
269                 </div>
270 </div>
271 <!--
272 <div ng:show="registration.type && ! last_saved.$id">
273 -->
274 <div>
275
276 <!--
277                 <div ng:show="symposium">
278                         <b>Symposium:</b> {{registration.symposium.title}}
279                         <blockquote>
280                         <label>Submitted papers for this symposium:</label>
281                         <ol>
282                         <li ng:repeat="w in symposium.works">
283                         <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
284                         <b ng:show="registration.$id == w.$id">{{w.title}}</b>
285                         </li>
286                         </ol>
287                         </blockquote>
288                 </div>
289 -->
290 <h3 ng:show="registration.type == 'symposium'">Prijava rada unutar simpizija ({{registration.symposium.work_nr}})</h3>
291 <h2 ng:show="registration.type == 'lecture'">Prijava usmenog priopćenja</h2>
292 <h2 ng:show="registration.type == 'poster'">Prijava postera</h2>
293 <h2 ng:show="registration.type == 'round'">Prijava teme okruglog stola</h2>
294
295
296 <label>Naslov:</label>
297         <input class="input1" name="registration.work.title" ng:required>
298 <div ng:show="registration.type != 'round'">
299 <label>Autori:</label>
300         <div>
301                 <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>
302         </div>
303         <div class="clear" ng:repeat="author in registration.work.authors">
304                 <input class="input2" name="author.name" ng:required>
305                 <input class="input2" name="author.surname" ng:required>
306                 <input class="input3" name="author.inst" >
307                 <input class="input2" name="author.email" ng:required ng:validate="email">
308                 <a href="" ng:click="registration.work.authors.$remove(author)">X</a>
309         </div>
310         <a class="addPerson" href="" ng:click="registration.work.authors.$add()">Dodaj još jednog autora</a>
311 </div>
312 <div ng:show="registration.type == 'round'">
313 <label>Organizator:</label>
314         <!--
315         <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>
316         -->
317                 <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>
318         <div class="clear" ng:repeat="organizer in registration.work.organizers">
319                 <input class="input2" name="organizer.name" ng:required>
320                 <input class="input2" name="organizer.surname" ng:required>
321                 <input class="input3" name="organizer.inst" >
322                 <input class="input2" name="organizer.email" ng:required ng:validate="email">
323                 <a href="" ng:click="registration.work.organizers.$remove(organizer)">X</a>
324         </div>
325         <div class="clear"><a class="addPerson" href="" ng:click="registration.work.organizers.$add()">Add another organizer</a></div>
326 </div>
327
328 <label>Sažetak (<span class="lengthCount">{{registration.work.abstract.length}}</span> / maks. 2000 znakova)</label>
329         <textarea class="input1" name="registration.work.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
330
331
332 </div> <!-- ng:show="registration.type" -->
333 </div>
334
335 <!--
336 <div class="button" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0 && (symposium.$id || (registration.reception != null && registration.dinner != null))">
337 -->
338 <div class="button">
339 <!--
340 <input type="submit" value="Snimi" ng:click="save();" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0" >
341 -->
342 <input type="submit" value="Snimi" ng:click="save();">
343 </div>
344
345
346 <div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
347 </div>
348 <!--
349 <div class="button button2" style="clear: both">
350         <input type="reset" value="Dodavanje sljedećeg rada" ng:click="reset()"> 
351 </div>
352 -->
353 <!--
354 <div class="button2" ng:show="registration.$id && registration.type != 'participant' && registration.type != 'sparticipant' && last_saved.$equals(registration)">
355         <input type="reset" value="Submit another paper" ng:click="reset()">
356         <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/">Go to conference home page</a></div>
357 </div>
358 -->
359 </div>
360 <div id="footer">
361         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
362         <div id="go_to_top"><a href="#"></a></div>
363    <p id="foot">
364         <a href="http://psihologija.ffzg.hr" target="_blank">http://psihologija.ffzg.hr</a>
365     </p> 
366 </div>
367
368 <!--
369 <div ng:show="registration.$id">
370 Permalink to <a href="#{{registration.$id}}">DRZB2011 registration</a> which you can bookmark
371 </div>
372 -->
373 <!--
374 <div style="clear: both">
375 <input type=checkbox name=debug style="float: right; clear: both">
376 <pre ng:show="debug">
377
378 dirty={{! last_saved.$equals(registration)}} invalid={{$invalidWidgets.visible()}}
379
380 registration = {{registration}}
381
382 last_saved = {{last_saved}}
383
384 master = {{master}}
385
386 symposium = {{symposium}}
387
388 $id={{$id}}
389 registration.$id={{registration.$id}}
390 </pre>
391 </div>
392
393 </body>
394 </html>