public/app/drzb2011/registration-en.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-eng">
  19         <a href="http://psihologija.ffzg.hr/drzb2011-eng"><img src="http://psihologija.ffzg.hr/uploads/qS/LE/qSLEDLKdPrP88dVyNI542g/header-eng2.jpg" 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-eng">Home</a></li>
  26         <li>
  27         <a class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/registration">Registration</a>
  28
  29         <ul>
  30
  31         <li>
  32                 <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/registration/types">Forms of participation</a>
  33
  34         <li>
  35                 <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/registration/fee">Registration fee</a>
  36         <li>
  37                 <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/registration/points">Points</a>
  38
  39    </ul></li>
  40
  41         <li>
  42         <a class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/submission">Proposal Submission</a>
  43         <ul>
  44
  45         <li>
  46                 <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/submission/abstracts">Abstract preparation</a>
  47         <li>
  48
  49                 <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/submission/form">Submission form</a>
  50
  51    </ul></li>
  52         <li>
  53                 <a class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/program">Program</a>
  54         <li>
  55                 <a class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/organisation">Organisation</a>
  56         <li>
  57                 <a target="_blank" class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/accommodation">Accomodation</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">Hrvatski</a></li>
  66             <li><a href="http://psihologija.ffzg.hr/drzb2011-eng" class="active">English</a></li>
  67         </ul>
  68     </div>
  69
  70 </div>
  71
  72 <div class="title">
  73 <h1>Registration and proposal submission</h1>
  74 </div>
  75
  76
  77
  78
  79 <div class="root" ng:controller="Registration" ng:init="$window.$root = this;">
  80
  81
  82 <div style="clear: both; padding-top: 10px;" ng:show="! registration.$id && ! symposium.$id">
  83 <p>
  84 All participants (presenters, coauthors and visitors) have to register via on-line register system.
  85 </p>
  86
  87 <p>Proposal submission has been closed on 27th January 2011.</p>
  88
  89 <!--
  90 <p>
  91 Abstract of oral presentation/poster has to be submitted only by first author or by presenting coauthor. Other coauthors do not have to submit the abstract, only register.
  92 </p>
  93
  94 <p>
  95 The organizers of symposia have to submit not only the symposium’s abstract, but the abstracts of every single paper within it (it has to be four of them). Authors of papers within symposium DO NOT submit their abstracts on their own, but register as symposium participants.
  96 </p>
  97
  98 <p>
  99 The organizers of round tables have to submit only abstract of the round table, while its participants have to register as round table participants.
 100 </p>
 101
 102 <p>
 103 The abstracts length should be between 1800 and 2000 characters (space included).
 104 </p>
 105
 106 <p>
 107 One person can be author of maximum three papers, only one of them as first/presenting/single author.
 108 </p>
 109 -->
 110
 111
 112 </div>
 113
 114 <!--
 115 <a name="{{$location.hash}}" >bla</a>
 116 -->
 117
 118 <div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
 119
 120
 121 </div>
 122 <div ng:show="registration.$id || symposium" style="padding-top: 40px">
 123         <h2>{{registration.person.name}} {{registration.person.surname}}</h2>
 124         <!--
 125         <label>Institution: {{registration.person.inst}}</label>
 126         <label>Address: {{registration.person.address1}}, {{registration.person.city}}, {{registration.person.zip}}, {{registration.person.country}}</label>
 127         -->
 128         <label ng:show="registration.type == 'participant'">Registration type: Registration only</label>
 129         <label ng:show="registration.type == 'accomp'">Registration type: Accompanying person</label>
 130         <label ng:show="registration.type == 'student'">Registration type: Student</label>
 131         <label ng:show="registration.type == 'sparticipant'">Registration type: Symposium participant<span ng:show="registration.student == true">, student</span></label>
 132         <label ng:show="registration.type == 'round'">Registration type: Round table organizer<span ng:show="registration.student == true">, student</span></label>
 133         <label ng:show="registration.type == 'lecture'">Registration type: Oral presentation<span ng:show="registration.student == true">, student</span></label>
 134         <label ng:show="registration.type == 'poster'">Registration type: Poster presentation<span ng:show="registration.student == true">, student</span></label>
 135         <label ng:show="registration.type == 'poster' || registration.type == 'lecture' || registration.type == 'round'"><b>Title: </b>{{registration.work.title}}</label>
 136         <label ng:show="registration.type == 'poster' || registration.type == 'lecture' || registration.type == 'round'"><b>Authors: </b><br>
 137         <span ng:repeat="author in registration.work.authors">
 138         {{author.name}}
 139         {{author.surname}},
 140         {{author.inst}} <br>
 141         </span>
 142         </label>
 143         <div ng:show="registration.type == 'symposium'">
 144                 <p>Symposium organizer</p>
 145                 <label><b>Symposium topic: </b><i>{{registration.symposium.title}}</i></label>
 146                 <!--
 147                 <label>Summary:</label> {{registration.symposium.abstract}}
 148                 <br><br>
 149                 -->
 150                 <blockquote>
 151                 <label>Submitted papers:</label>
 152                 <ol>
 153                 <li ng:repeat="w in symposium.works">
 154                 <!--
 155                 <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
 156                 -->
 157                 <span ng:show="registration.$id != w.$id">{{w.title}}</span>
 158                 <b ng:show="registration.$id == w.$id">{{w.title}}</b>
 159                 </li>
 160                 </ol>
 161                 </blockquote>
 162         </div>
 163 </div>
 164 <!--
 165 <div ng:show="registration.$id || symposium">
 166         <h2>Contact Information</h2>
 167         <label>{{registration.person.name}} {{registration.person.surname}}</label>
 168         <label>{{registration.person.inst}}</label>
 169         <label>{{registration.person.address1}}</label>
 170         <label>{{registration.person.city}}, {{registration.person.zip}}, {{registration.person.country}}</label>
 171         <label ng:show="registration.type == 'participant'"><h3>Registration type</h3> no paper</label>
 172         <div ng:show="registration.type == 'symposium'">
 173                 <p>Symposium organizer</p>
 174                 <h3>Symposium</h3>
 175                 <label>Topic:</label><i>{{registration.symposium.title}}</i>
 176                 <label>Summary:</label> {{registration.symposium.abstract}}
 177                 <br><br>
 178                 <label>Submitted papers for this symposium:</label>
 179                 <ol>
 180                 <li ng:repeat="w in symposium.works">
 181                 <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
 182                 <span ng:show="registration.$id != w.$id">{{w.title}}</span>
 183                 <b ng:show="registration.$id == w.$id">{{w.title}}</b>
 184                 </li>
 185                 </ol>
 186         </div>
 187 </div>
 188 -->
 189
 190
 191 <div id="submission" ng:show="! registration.$id && ! symposium.$id">
 192         <div>
 193                 <h2>Registration Type</h2>
 194                 <label><input type="radio" name="registration.type" value="participant" ng:required>Registration</label>
 195                 <label><input type="radio" name="registration.type" value="sparticipant" ng:required>Symposium/round table participant</label>
 196 <!--
 197                 <label><input type="radio" name="registration.type" value="symposium" ng:required>Symposium organizer</label>
 198                 <label><input type="radio" name="registration.type" value="round" ng:required>Round table organizer</label>
 199                 <label><input type="radio" name="registration.type" value="lecture" ng:required>Oral presentation</label>
 200                 <label><input type="radio" name="registration.type" value="poster" ng:required>Poster presentation</label>
 201 -->
 202         </div>
 203                 <label><input type="radio" name="registration.type" value="student" ng:required ng:change="registration.dinner = 'no'">Registration - students</label>
 204                 <label><input type="radio" name="registration.type" value="accomp" ng:required>Accompanying person</label>
 205 </div>
 206
 207 <div id="participant" ng:show="! registration.$id && ! symposium.$id">
 208
 209
 210         <h2>Contact Information</h2>
 211         <div class="labelTop">
 212                 <div class="input input4">First name</div>
 213                 <div class="input input4">Surname</div>
 214         </div>
 215         <div style="clear: both">
 216                 <input class="input4" name="registration.person.name" ng:required>
 217                 <input class="input4" name="registration.person.surname" ng:required>
 218         </div>
 219         <div class="labelTop">
 220                 <div class="input input5">Institution</div>
 221         </div>
 222         <div style="clear: both">
 223                 <input class="input5" name="registration.person.inst">
 224         </div>
 225         <div class="labelTop">
 226                 <div class="input input5">Address</div>
 227         </div>
 228         <div style="clear: both">
 229                 <input class="input5" name="registration.person.address1" ng:required>
 230         </div>
 231         <div class="labelTop">
 232                 <div class="input input6">City</div>
 233                 <div class="input input6">ZIP</div>
 234                 <div class="input input6">Country</div>
 235         </div>
 236         <div style="clear: both">
 237                 <input class="input6" name="registration.person.city" ng:required>
 238                 <input class="input6" name="registration.person.zip">
 239                 <input class="input6" name="registration.person.country">
 240         </div>
 241         <div class="labelTop">
 242                 <div class="input input4">E-mail</div>
 243                 <div class="input input4">Phone number</div>
 244         </div>
 245         <div style="clear: both">
 246                 <input class="input4" name="registration.person.email" ng:validate="email" ng:required>
 247                 <input class="input4" name="registration.person.phone">
 248         </div>
 249         <div ng:show="registration.type == 'lecture' || registration.type == 'poster' || registration.type == 'sparticipant' || registration.type == 'symposium' || registration.type == 'round'">
 250                 <br><input type="checkbox" name="registration.student">Check this box if you are student.
 251         </div>
 252         <div style="clear: both; margin-top: 20px;">
 253                 Will you join us for the welcome reception on Thursday at 20 hrs?<br/>
 254                 <input type="radio" name="registration.reception" value="yes">Yes
 255                 <input type="radio" name="registration.reception" value="no">No
 256         </div>
 257         <div ng:show="registration.type != 'student'" style="clear: both; margin-top: 20px;">
 258                 Will you join us for the conference dinner on Friday at 20 hrs? (Dinner is included in the regostration fee.)<br/>
 259                 <input type="radio" name="registration.dinner" value="yes">Yes
 260                 <input type="radio" name="registration.dinner" value="no">No
 261         </div>
 262
 263 </div>
 264
 265
 266
 267         <div ng:show="registration.type == 'sparticipant' && ! last_saved.$id">
 268                 <h2>Symposium/round table topic</h2>
 269                 <input class="input1" name="registration.sympattend" ng:required>
 270         </div>
 271
 272
 273 <div id="work" ng:show="registration.type != 'participant' && registration.type != 'sparticipant' && registration.type != 'student' && registration.type != 'accomp'">
 274 <div ng:show="registration.type == 'symposium' && registration.symposium.work_nr < 5 && ! symposium.$id">
 275
 276         <h2>Symposium</h2>
 277         <label for="registration.symposium.title">Topic:</label>
 278                 <input class="input1" name="registration.symposium.title" ng:required>
 279         <label>Organizer:</label>
 280                 <!--
 281                 <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>
 282                 -->
 283                 <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>
 284                 <div class="clear" ng:repeat="organizer in registration.symposium.organizers">
 285                 <input class="input2" name="organizer.name" ng:required>
 286                 <input class="input2" name="organizer.surname" ng:required>
 287                 <input class="input3" name="organizer.inst" >
 288                 <input class="input2" name="organizer.email" ng:required ng:validate="email">
 289                 <a href="" ng:click="registration.symposium.organizers.$remove(organizer)">X</a>
 290                 </div>
 291                 <div class="clear"><a class="addPerson" href="" ng:click="registration.symposium.organizers.$add()">Add another organizer</a></div>
 292         <label>Summary (<span class="lengthCount">{{registration.symposium.abstract.length}}</span> / max. 2000 characters)</label>
 293                 <textarea class="input1" name="registration.symposium.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
 294
 295                 <div ng:show="symposium">
 296                         <b>Symposium:</b> {{registration.symposium.title}}
 297                         <blockquote>
 298                         <label>Submitted papers for this symposium:</label>
 299                         <ol>
 300                         <li ng:repeat="w in symposium.works">
 301                         <!--
 302                         <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
 303                         -->
 304                         <span ng:show="registration.$id != w.$id">{{w.title}}</span>
 305                         <b ng:show="registration.$id == w.$id">{{w.title}}</b>
 306                         </li>
 307                         </ol>
 308                         </blockquote>
 309                 </div>
 310 </div>
 311
 312 <div ng:show="registration.type && ! last_saved.$id">
 313
 314 <!--
 315                 <div ng:show="symposium">
 316                         <b>Symposium:</b> {{registration.symposium.title}}
 317                         <blockquote>
 318                         <label>Submitted papers for this symposium:</label>
 319                         <ol>
 320                         <li ng:repeat="w in symposium.works">
 321                         <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
 322                         <b ng:show="registration.$id == w.$id">{{w.title}}</b>
 323                         </li>
 324                         </ol>
 325                         </blockquote>
 326                 </div>
 327 -->
 328 <h3 ng:show="registration.type == 'symposium'">Add Symposium Paper ({{registration.symposium.work_nr}})</h3>
 329 <h2 ng:show="registration.type == 'lecture'">Oral Presentation Sumbission</h2>
 330 <h2 ng:show="registration.type == 'poster'">Poster Presentation Sumbission</h2>
 331 <h2 ng:show="registration.type == 'round'">Round Table Disscussion Sumbission</h2>
 332
 333
 334 <label>Title:</label>
 335         <input class="input1" name="registration.work.title" ng:required>
 336 <div ng:show="registration.type != 'round'">
 337 <label>Authors</label>
 338         <div>
 339                 <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>
 340         </div>
 341         <div class="clear" ng:repeat="author in registration.work.authors">
 342                 <input class="input2" name="author.name" ng:required>
 343                 <input class="input2" name="author.surname" ng:required>
 344                 <input class="input3" name="author.inst" >
 345                 <input class="input2" name="author.email" ng:required ng:validate="email">
 346                 <a href="" ng:click="registration.work.authors.$remove(author)">X</a>
 347         </div>
 348         <a class="addPerson" href="" ng:click="registration.work.authors.$add()">Add another author</a>
 349 </div>
 350 <div ng:show="registration.type == 'round'">
 351 <label>Organizer:</label>
 352         <!--
 353         <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>
 354         -->
 355                 <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>
 356         <div class="clear" ng:repeat="organizer in registration.work.organizers">
 357                 <input class="input2" name="organizer.name" ng:required>
 358                 <input class="input2" name="organizer.surname" ng:required>
 359                 <input class="input3" name="organizer.inst" >
 360                 <input class="input2" name="organizer.email" ng:required ng:validate="email">
 361                 <a href="" ng:click="registration.work.organizers.$remove(organizer)">X</a>
 362         </div>
 363         <div class="clear"><a class="addPerson" href="" ng:click="registration.work.organizers.$add()">Add another organizer</a></div>
 364 </div>
 365
 366 <label>Abstract (<span class="lengthCount">{{registration.work.abstract.length}}</span> / max. 2000 characters)</label>
 367         <textarea class="input1" name="registration.work.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
 368
 369
 370 </div> <!-- ng:show="registration.type" -->
 371 </div>
 372
 373 <div class="button" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0 && (symposium.$id || (registration.reception != null && registration.dinner != null))">
 374 <input type="submit" value="Save" ng:click="save();" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0" >
 375 </div>
 376
 377 <div ng:show="$invalidWidgets.visible() &gt; 0 || (! symposium.$id && (registration.dinner == null || registration.reception == null))" style="color:red; margin-top: 20px">Please fill all required fields correctly.
 378 <span ng:show="$invalidWidgets.visible() &gt; 0">Fields with orange border call for your attention. <!-- - {{$invalidWidgets.visible()}} left. --></span>
 379 <span ng:show="(registration.reception == null || registration.dinner == null) && ! symposium.$id && registration.type != 'student'">
 380 Decide about going to welcome reception and dinner.</span>
 381 <span ng:show="(registration.reception == null || registration.dinner == null) && ! symposium.$id && registration.type == 'student'">
 382 Decide about going to welcome reception.</span>
 383 </div>
 384
 385
 386 <div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
 387
 388         <div class="saved" ng:show="registration.type == 'participant' || registration.type == 'sparticipant' || registration.type == 'student' || registration.type == 'accomp' && ! symposium">
 389                 <span class="saved2">Thank you! Your registration has been submitted successfully!</span>
 390                 <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011-eng/registration/fee">Please read registration fee payment instructions</a></div>
 391                 <div class="gohome" ng:show="registration.type == 'student' || registration.student == true">
 392                         You must provide a proof of your student status by e-mail sent to <a href="mailto:drzb@ffzg.hr">drzb@ffzg.hr</a>
 393                 </div>
 394                 <br><br>
 395         </div>
 396         <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">
 397                 <span class="saved2">Thank you. Your proposal has been submitted successfully! <br></span>
 398                 <span class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011-eng/registration/fee">Please read conference fee payment instructions</a></span>
 399
 400         </div>
 401         <div class="button button2" ng:show="registration.type != 'participant' && registration.type != 'sparticipant' && registration.type != 'student' && registration.type != 'accomp' && last_saved.$id && ! symposium">
 402                 <span class="saved2">Thank you. Your proposal has been submitted successfully! <br></span>
 403                 <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011-eng/registration/fee">Please read registration fee payment instructions</a></div>
 404                 <div class="gohome" ng:show="registration.type == 'student' || registration.student == true">
 405                         You must provide a proof of your student status by e-mail sent to <a href="mailto:drzb@ffzg.hr">drzb@ffzg.hr</a>
 406                 <br>
 407         </div>
 408
 409 </div>
 410         <div style="clear: both" ng:show="last_saved.$id && symposium.$id && registration.symposium.work_nr == 4 && registration.symposium.work_last == false">
 411                 <input type="checkbox" name="registration.symposium.work_last">This was the last paper in this symposium
 412         </div>
 413         <div class="button button2" ng:show="last_saved.$id && symposium.$id && registration.symposium.work_nr < 5 && registration.symposium.work_last == false">
 414                 <input type="reset" value="Submit another paper" ng:click="reset()">
 415         </div>
 416
 417 <!--
 418 <div class="button2" ng:show="registration.$id && registration.type != 'participant' && registration.type != 'sparticipant' && last_saved.$equals(registration)">
 419         <input type="reset" value="Submit another paper" ng:click="reset()">
 420         <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/">Go to conference home page</a></div>
 421 </div>
 422 -->
 423
 424 </div>
 425
 426
 427 <div id="footer">
 428         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
 429         <div id="go_to_top"><a href="#"></a></div>
 430    <p id="foot">
 431         <a href="http://psihologija.ffzg.hr" target="_blank">http://psihologija.ffzg.hr</a>
 432     </p>
 433 </div>
 434 <!--
 435 <div ng:show="registration.$id">
 436 Permalink to <a href="#{{registration.$id}}">DRZB2011 registration</a> which you can bookmark
 437 </div>
 438 -->
 439
 440 <!--
 441 <div style="clear: both">
 442 <input type=checkbox name=debug style="float: right; clear: both">
 443 <pre ng:show="debug">
 444
 445 dirty={{! last_saved.$equals(registration)}} invalid={{$invalidWidgets.visible()}}
 446
 447 registration = {{registration}}
 448
 449 last_saved = {{last_saved}}
 450
 451 master = {{master}}
 452
 453 symposium = {{symposium}}
 454
 455 $id={{$id}}
 456 registration.$id={{registration.$id}}
 457 </pre>
 458 </div>
 459 -->
 460
 461 </body>
 462 </html>