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>
  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 <div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
 114
 115
 116 </div>
 117 <div ng:show="registration.$id || symposium" style="padding-top: 40px">
 118         <h2>{{registration.person.name}} {{registration.person.surname}}</h2>
 119         <!--
 120         <label>Institution: {{registration.person.inst}}</label>
 121         <label>Address: {{registration.person.address1}}, {{registration.person.city}}, {{registration.person.zip}}, {{registration.person.country}}</label>
 122         -->
 123         <label ng:show="registration.type == 'participant'">Tip registracije: Samo registracija</label>
 124         <label ng:show="registration.type == 'accomp'">Tip registracije: Osoba u pratnji</label>
 125         <label ng:show="registration.type == 'student'">Tip registracije: Student</label>
 126         <label ng:show="registration.type == 'sparticipant'">Tip registracije: Sudionik simpozija/okriglog stola<span ng:show="registration.student == true">, student</span></label>
 127         <label ng:show="registration.type == 'round'">Tip registracije: Organizator okruglog stola<span ng:show="registration.student == true">, student</span></label>
 128         <label ng:show="registration.type == 'lecture'">Tip registracije: Usmeno priopćenje<span ng:show="registration.student == true">, student</span></label>
 129         <label ng:show="registration.type == 'poster'">Tip registracije: Prezentacija postera<span ng:show="registration.student == true">, student</span></label>
 130         <label ng:show="registration.type == 'poster' || registration.type == 'lecture' || registration.type == 'round'"><b>Naslov: </b>{{registration.work.title}}</label>
 131         <div ng:show="registration.type == 'symposium'">
 132                 <p>Tip registracije: Organizator simpozija</p>
 133                 <label><b>Tema simpozija: </b><i>{{registration.symposium.title}}</i></label>
 134                 <!--
 135                 <label>Summary:</label> {{registration.symposium.abstract}}
 136                 <br><br>
 137                 -->
 138                 <blockquote>
 139                 <label>Prijavljeni radovi:</label>
 140                 <ol>
 141                 <li ng:repeat="w in symposium.works">
 142                 <!--
 143                 <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
 144                 -->
 145                 <span ng:show="registration.$id != w.$id">{{w.title}}</span>
 146                 <b ng:show="registration.$id == w.$id">{{w.title}}</b>
 147                 </li>
 148                 </ol>
 149                 </blockquote>
 150         </div>
 151 </div>
 152 <!--
 153 <div ng:show="registration.$id || symposium">
 154         <h2>Contact Information</h2>
 155         <label>{{registration.person.name}} {{registration.person.surname}}</label>
 156         <label>{{registration.person.inst}}</label>
 157         <label>{{registration.person.address1}}</label>
 158         <label>{{registration.person.city}}, {{registration.person.zip}}, {{registration.person.country}}</label>
 159         <label ng:show="registration.type == 'participant'"><h3>Registration type</h3> no paper</label>
 160         <div ng:show="registration.type == 'symposium'">
 161                 <p>Symposium organizer</p>
 162                 <h3>Symposium</h3>
 163                 <label>Topic:</label><i>{{registration.symposium.title}}</i>
 164                 <label>Summary:</label> {{registration.symposium.abstract}}
 165                 <br><br>
 166                 <label>Submitted papers for this symposium:</label>
 167                 <ol>
 168                 <li ng:repeat="w in symposium.works">
 169                 <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
 170                 <span ng:show="registration.$id != w.$id">{{w.title}}</span>
 171                 <b ng:show="registration.$id == w.$id">{{w.title}}</b>
 172                 </li>
 173                 </ol>
 174         </div>
 175 </div>
 176 -->
 177
 178
 179 <div id="submission" ng:show="! registration.$id && ! symposium.$id">
 180         <div>
 181                 <h2>Tip registracije</h2>
 182                 <label><input type="radio" name="registration.type" value="participant" ng:required>Samo registracija</label>
 183                 <label><input type="radio" name="registration.type" value="sparticipant" ng:required>Sudionik simpozija/okruglog stola</label>
 184                 <label><input type="radio" name="registration.type" value="symposium" ng:required>Organizator simpozija</label>
 185                 <label><input type="radio" name="registration.type" value="round" ng:required>Organizator okruglog stola</label>
 186                 <label><input type="radio" name="registration.type" value="lecture" ng:required>Usmeno priopćenje</label>
 187                 <label><input type="radio" name="registration.type" value="poster" ng:required>Prezentacija postera</label>
 188         </div>
 189                 <label><input type="radio" name="registration.type" value="student" ng:required ng:change="registration.dinner = 'no'">Student - samo registracija</label>
 190                 <label><input type="radio" name="registration.type" value="accomp" ng:required>Osoba u pratnji</label>
 191 </div>
 192
 193 <div id="participant" ng:show="! registration.$id && ! symposium.$id">
 194
 195
 196         <h2>Podaci za kontakt</h2>
 197         <div class="labelTop">
 198                 <div class="input input4">Ime</div>
 199                 <div class="input input4">Prezime</div>
 200         </div>
 201         <div style="clear: both">
 202                 <input class="input4" name="registration.person.name" ng:required>
 203                 <input class="input4" name="registration.person.surname" ng:required>
 204         </div>
 205         <div class="labelTop">
 206                 <div class="input input5">Ustanova</div>
 207         </div>
 208         <div style="clear: both">
 209                 <input class="input5" name="registration.person.inst">
 210         </div>
 211         <div class="labelTop">
 212                 <div class="input input5">Adresa</div>
 213         </div>
 214         <div style="clear: both">
 215                 <input class="input5" name="registration.person.address1" ng:required>
 216         </div>
 217         <div class="labelTop">
 218                 <div class="input input6">Grad</div>
 219                 <div class="input input6">Poštanski br.</div>
 220                 <div class="input input6">Zemlja</div>
 221         </div>
 222         <div style="clear: both">
 223                 <input class="input6" name="registration.person.city" ng:required>
 224                 <input class="input6" name="registration.person.zip">
 225                 <input class="input6" name="registration.person.country">
 226         </div>
 227         <div class="labelTop">
 228                 <div class="input input4">E-pošta</div>
 229                 <div class="input input4">Tel. broj</div>
 230         </div>
 231         <div style="clear: both">
 232                 <input class="input4" name="registration.person.email" ng:validate="email" ng:required>
 233                 <input class="input4" name="registration.person.phone">
 234         </div>
 235         <div ng:show="registration.type == 'lecture' || registration.type == 'poster' || registration.type == 'sparticipant' || registration.type == 'symposium' || registration.type == 'round'">
 236                 <br><input type="checkbox" name="registration.student">Označite ako ste student.
 237         </div>
 238         <div style="clear: both; margin-top: 20px;">
 239                 Hoćete li biti na domjenku dobrodošlice u četvrtak u 20 sati?<br/>
 240                 <input type="radio" name="registration.reception" value="yes">Da
 241                 <input type="radio" name="registration.reception" value="no">Ne
 242         </div>
 243         <div ng:show="registration.type != 'student'" style="clear: both; margin-top: 20px;">
 244                 Hoćete li biti na zajedničkoj večeri u petak u 20 sati? (Večera je uključena u kotizaciju.)<br/>
 245                 <input type="radio" name="registration.dinner" value="yes">Da
 246                 <input type="radio" name="registration.dinner" value="no">Ne
 247         </div>
 248         <div ng:show="registration.type != 'student'" style="clear: both; margin-top: 20px;">
 249                 Trebate li R-1 račun?<br/>
 250                 <input type="radio" name="registration.r1" value="yes">Da
 251                 <input type="radio" name="registration.r1" value="no">Ne
 252         </div>
 253         <div ng:show="registration.r1 == 'yes'">
 254                 <div class="labelTop">
 255                         <div class="input input5">Naziv organizacije koja uplaćuje</div>
 256                 </div>
 257                 <div style="clear: both">
 258                         <input class="input5" name="registration.r1inst" ng:required>
 259                 </div>
 260                 <div class="labelTop">
 261                         <div class="input input5">Adresa organizacije</div>
 262                 </div>
 263                 <div style="clear: both">
 264                         <input class="input5" name="registration.r1address" ng:required>
 265                 </div>
 266                 <div class="labelTop">
 267                         <div class="input input5">OIB organizacije</div>
 268                 </div>
 269                 <div style="clear: both">
 270                         <input class="input5" name="registration.r1oib" ng:required>
 271                 </div>
 272         </div>
 273
 274 </div>
 275
 276
 277
 278         <div ng:show="registration.type == 'sparticipant' && ! last_saved.$id">
 279                 <h2>Tema simpozija/okruglog stola</h2>
 280                 <input class="input1" name="registration.sympattend" ng:required>
 281         </div>
 282
 283
 284 <div id="work" ng:show="registration.type != 'participant' && registration.type != 'sparticipant' && registration.type != 'student' && registration.type != 'accomp'">
 285 <div ng:show="registration.type == 'symposium' && registration.symposium.work_nr < 4 && ! symposium.$id">
 286
 287         <h2>Simpozij</h2>
 288         <label for="registration.symposium.title">Tema:</label>
 289                 <input class="input1" name="registration.symposium.title" ng:required>
 290         <label>Organizator(i):</label>
 291                 <!--
 292                 <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>
 293                 -->
 294                 <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>
 295                 <div class="clear" ng:repeat="organizer in registration.symposium.organizers">
 296                 <input class="input2" name="organizer.name" ng:required>
 297                 <input class="input2" name="organizer.surname" ng:required>
 298                 <input class="input3" name="organizer.inst" >
 299                 <input class="input2" name="organizer.email" ng:required ng:validate="email">
 300                 <a href="" ng:click="registration.symposium.organizers.$remove(organizer)">X</a>
 301                 </div>
 302                 <div class="clear"><a class="addPerson" href="" ng:click="registration.symposium.organizers.$add()">Dodaj drugog organizatora</a></div>
 303         <label>Sažetak (<span class="lengthCount">{{registration.symposium.abstract.length}}</span> / maks. 2000 znakova)</label>
 304                 <textarea class="input1" name="registration.symposium.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
 305
 306                 <div ng:show="symposium">
 307                         <b>Simpozij:</b> {{registration.symposium.title}}
 308                         <blockquote>
 309                         <label>Prijavljeni radovi za ovaj simpozij:</label>
 310                         <ol>
 311                         <li ng:repeat="w in symposium.works">
 312                         <!--
 313                         <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
 314                         -->
 315                         <span ng:show="registration.$id != w.$id">{{w.title}}</span>
 316                         <b ng:show="registration.$id == w.$id">{{w.title}}</b>
 317                         </li>
 318                         </ol>
 319                         </blockquote>
 320                 </div>
 321 </div>
 322
 323 <div ng:show="registration.type && ! last_saved.$id">
 324
 325 <!--
 326                 <div ng:show="symposium">
 327                         <b>Symposium:</b> {{registration.symposium.title}}
 328                         <blockquote>
 329                         <label>Submitted papers for this symposium:</label>
 330                         <ol>
 331                         <li ng:repeat="w in symposium.works">
 332                         <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
 333                         <b ng:show="registration.$id == w.$id">{{w.title}}</b>
 334                         </li>
 335                         </ol>
 336                         </blockquote>
 337                 </div>
 338 -->
 339 <h3 ng:show="registration.type == 'symposium'">Prijava rada unutar simpizija ({{registration.symposium.work_nr}})</h3>
 340 <h2 ng:show="registration.type == 'lecture'">Prijava usmenog priopćenja</h2>
 341 <h2 ng:show="registration.type == 'poster'">Prijava postera</h2>
 342 <h2 ng:show="registration.type == 'round'">Prijava teme okruglog stola</h2>
 343
 344
 345 <label>Naslov:</label>
 346         <input class="input1" name="registration.work.title" ng:required>
 347 <div ng:show="registration.type != 'round'">
 348 <label>Autori:</label>
 349         <div>
 350                 <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>
 351         </div>
 352         <div class="clear" ng:repeat="author in registration.work.authors">
 353                 <input class="input2" name="author.name" ng:required>
 354                 <input class="input2" name="author.surname" ng:required>
 355                 <input class="input3" name="author.inst" >
 356                 <input class="input2" name="author.email" ng:required ng:validate="email">
 357                 <a href="" ng:click="registration.work.authors.$remove(author)">X</a>
 358         </div>
 359         <a class="addPerson" href="" ng:click="registration.work.authors.$add()">Dodaj još jednog autora</a>
 360 </div>
 361 <div ng:show="registration.type == 'round'">
 362 <label>Organizator:</label>
 363         <!--
 364         <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>
 365         -->
 366                 <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>
 367         <div class="clear" ng:repeat="organizer in registration.work.organizers">
 368                 <input class="input2" name="organizer.name" ng:required>
 369                 <input class="input2" name="organizer.surname" ng:required>
 370                 <input class="input3" name="organizer.inst" >
 371                 <input class="input2" name="organizer.email" ng:required ng:validate="email">
 372                 <a href="" ng:click="registration.work.organizers.$remove(organizer)">X</a>
 373         </div>
 374         <div class="clear"><a class="addPerson" href="" ng:click="registration.work.organizers.$add()">Add another organizer</a></div>
 375 </div>
 376
 377 <label>Sažetak (<span class="lengthCount">{{registration.work.abstract.length}}</span> / maks. 2000 znakova)</label>
 378         <textarea class="input1" name="registration.work.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
 379
 380
 381 </div> <!-- ng:show="registration.type" -->
 382 </div>
 383
 384 <div class="button" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0 && (symposium.$id || (registration.reception != null && registration.dinner != null))">
 385 <input type="submit" value="Snimi" ng:click="save();" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0" >
 386 </div>
 387
 388 <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.
 389 <span ng:show="$invalidWidgets.visible() &gt; 0">Obratite pažnju na polja s narančastim okvirom. <!-- - {{$invalidWidgets.visible()}} left. --></span>
 390 <span ng:show="(registration.reception == null || registration.dinner == null) && ! symposium.$id && registration.type != 'student'">
 391 Odlučite o dolasku na domjenak i večeru.</span>
 392 <span ng:show="(registration.reception == null || registration.dinner == null) && ! symposium.$id && registration.type == 'student'">
 393 Odlučite o dolasku na domjenak.</span>
 394 </div>
 395
 396
 397 <div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
 398
 399         <div class="saved" ng:show="registration.type == 'participant' || registration.type == 'sparticipant' || registration.type == 'student' || registration.type == 'accomp' && ! symposium">
 400                 <span class="saved2">Hvala! Vaša registracija je uspješno predana!</span>
 401                 <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/registracija/kotizacija">Molimo pročitajte upute za plaćanje kotizacije</a></div>
 402                 <div class="gohome" ng:show="registration.type == 'student' || registration.student == true">
 403                         Dokaz o studentskom statusu treba poslati na adresu <a href="mailto:drzb@ffzg.hr">drzb@ffzg.hr</a>.
 404                 </div>
 405                 <br><br>
 406         </div>
 407         <div class="saved" ng:show="registration.type != 'participant' && registration.type != 'sparticipant' && registration.type != 'student' && registration.type != 'accomp' && registration.symposium.work_nr == 4 && last_saved.$id">
 408                 <span class="saved2">Hvala! Vaš prijedlog je uspješno predan. <br></span>
 409                 <span class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/registracija/kotizacija">Molimo pročitajte upute za plaćanje kotizacije.</a></span>
 410
 411         </div>
 412         <div class="button button2" ng:show="registration.type != 'participant' && registration.type != 'sparticipant' && registration.type != 'student' && registration.type != 'accomp' && last_saved.$id && ! symposium">
 413                 <span class="saved2">Hvala! Vaš prijedlog je uspješno predan. <br></span>
 414                 <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/registracija/kotizacija">Molimo pročitajte upute za plaćanje kotizacije.</a></div>
 415                 <div class="gohome" ng:show="registration.type == 'student' || registration.student == true">
 416                         Dokaz o studentskom statusu treba poslati na adresu <a href="mailto:drzb@ffzg.hr">drzb@ffzg.hr</a>.
 417                 <br>
 418         </div>
 419
 420 </div>
 421         <div class="button button2" ng:show="last_saved.$id && symposium && registration.symposium.work_nr < 4">
 422                 <input type="reset" value="Dodavanje sljedećeg rada" ng:click="reset()">
 423         </div>
 424 <!--
 425 <div class="button2" ng:show="registration.$id && registration.type != 'participant' && registration.type != 'sparticipant' && last_saved.$equals(registration)">
 426         <input type="reset" value="Submit another paper" ng:click="reset()">
 427         <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/">Go to conference home page</a></div>
 428 </div>
 429 -->
 430 </div>
 431 <div id="footer">
 432         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
 433         <div id="go_to_top"><a href="#"></a></div>
 434    <p id="foot">
 435         <a href="http://psihologija.ffzg.hr" target="_blank">http://psihologija.ffzg.hr</a>
 436     </p>
 437 </div>
 438
 439 <!--
 440 <div ng:show="registration.$id">
 441 Permalink to <a href="#{{registration.$id}}">DRZB2011 registration</a> which you can bookmark
 442 </div>
 443 -->
 444 <!--
 445 <div style="clear: both">
 446 <input type=checkbox name=debug style="float: right; clear: both">
 447 <pre ng:show="debug">
 448
 449 dirty={{! last_saved.$equals(registration)}} invalid={{$invalidWidgets.visible()}}
 450
 451 registration = {{registration}}
 452
 453 last_saved = {{last_saved}}
 454
 455 master = {{master}}
 456
 457 symposium = {{symposium}}
 458
 459 $id={{$id}}
 460 registration.$id={{registration.$id}}
 461 </pre>
 462 </div>
 463 -->
 464
 465 </body>
 466 </html>