public/app/drzb2011/registration-en.html

   1         <script>
   2
   3         if (typeof (console) === 'undefined') console = { debug: function() {} }; // mock console.debug
   4
   5         function Registration($resource){
   6                 this.master = {
   7                         person: {
   8                                 name: '', surname: '', inst: '', email: ''
   9                         },
  10                         type: 'participant',
  11                         work: {
  12                                 title: '',
  13                                 abstract: '',
  14                                 authors:[ { name:'', surname:'', inst:'', email:'' } ],
  15                                 organizers: []
  16                         },
  17                         symposium: {
  18                                 //organizers: [ {name:'', surname:'', inst:'', email:'' } ],
  19                                 organizers: [],
  20                                 work_nr: 1
  21                         }
  22                 };
  23                 this.Registration = $resource( '/data/conference/Registration/:id', { id:'' } );
  24                 this.Symposium = $resource( '/data/conference/Symposium/:id', { id:'' } );
  25                 this.reset();
  26                 this.$watch('$location.hashPath', this.hash_change);
  27         }
  28         Registration.$inject=['$resource'];
  29
  30         Registration.prototype = {
  31                 hash_change: function() {
  32                         var id = this.$location.hashPath;
  33         console.debug( 'hash_change', id, this.registration.$id );
  34                         if ( id != this.registration.$id ) {
  35                                 if (id) {
  36                                         var self = this;
  37                                         this.registration = this.Registration.get({ id: id }, function(registration) {
  38                                                 self.last_saved = angular.copy(registration);
  39                                                 if ( registration.type == 'symposium' ) {
  40                                                         var s_id = registration.symposium.$id || registration.$id;
  41                                                         // first registration doesn't have symposium.$id, but we used same $id
  42         console.debug( 'load symposium ', s_id );
  43                                                         self.symposium = self.Symposium.get({ id: s_id });
  44                                                 }
  45                                         });
  46                                 }
  47                                 else this.reset();
  48                         }
  49                 },
  50                 reset: function() {
  51                         console.debug( this.Registration );
  52                         var last = this.registration;
  53                         if ( last && last.type == 'symposium' ) {
  54                                 if ( last.$id ) last.symposium.work_nr++; // only if saved
  55                         }
  56                         this.registration = new this.Registration( this.master );
  57                         if ( last ) {
  58                                 this.registration.type      = last.type;
  59                                 this.registration.person    = last.person;
  60
  61                                 if ( last.type == 'symposium' )
  62                                 this.registration.symposium = last.symposium;
  63                         }
  64                         this.last_saved = angular.copy( this.registration ); // FIXME was: {};
  65         console.debug( 'reset', this.registration, this.$location.hashPath, last );
  66                 },
  67                 save: function(){
  68                         var self = this;
  69                         this.registration.$save(function(registration){
  70                                 self.$location.hashPath = registration.$id;
  71
  72                                 // save symposium to separate resource
  73                                 if ( registration.type == 'symposium' ) {
  74                                         if ( ! self.symposium ) {
  75                                                 self.registration.symposium.$id = registration.$id; // reuse $id of first work for symposium
  76                                                 self.symposium = new self.Symposium( registration.symposium );
  77                                                 self.symposium.works = [];
  78                                         }
  79                                         registration.work.$id = registration.$id; // preserve $id
  80                                         self.symposium.works[ registration.symposium.work_nr - 1 ] = registration.work;
  81         console.debug('save_symposium', self.symposium );
  82                                         self.symposium.$save();
  83                                 }
  84
  85                                 self.last_saved = angular.copy(registration);
  86                         });
  87                 }
  88         };
  89
  90         angular.validator.max_length = function(input, len) {
  91                 var ok = input.length <= len;
  92         console.debug( 'max_length', ok, input.length, len );
  93                 return ok ? '' : 'must be shorter than '+len+' characters';
  94         }
  95
  96         </script>
  97
  98
  99         <style type="text/css">
 100
 101         body {
 102                 background: #F6F6F6;
 103                 margin: 40px;
 104                 font-family: Arial;
 105                 color: #374E5A;
 106                 font-size: 14px;
 107                 line-height: 16px;
 108         }
 109
 110
 111         label {
 112                 display: block;
 113                 color: #D74F25;
 114                 color: #374E5A;
 115                 color: #afafaf;
 116                 margin-top: 10px;
 117                 font-size: 14px;
 118                 font-family: Arial;
 119         }
 120         h1 {
 121         /*      margin-bottom: 6px;     */
 122                 padding-left: 20px;
 123                 font: 18px arial;
 124                 color: #0c1426;
 125                 text-decoration: none;
 126                 display: block;
 127                 background: url(http://mjesec.ffzg.hr/drzb2011/images/kvadrat.gif) no-repeat left;
 128                 border-bottom: 1px solid #CCC;
 129         }
 130 h2, h3 {
 131         margin-top: 60px;
 132         font-size: 14px;
 133         padding: 2px 0;
 134         border-bottom: 2px solid #D74F25;
 135         border-bottom: 1px solid #46d0fe;
 136 }
 137
 138 h3 {
 139         margin-top: 20px;
 140 }
 141
 142 a {
 143         color: #D74F25;
 144 }
 145
 146 label {
 147         color: #374E5A;
 148 }
 149
 150 .input, .inputOrg {
 151         color: #afafaf;
 152         float: left;
 153         margin: 2px;
 154         padding: 0 6px;
 155 }
 156
 157 .inputOrg {
 158         color:  #374E5A;
 159 }
 160
 161 .input1 {
 162         width: 40.8em;
 163 }
 164
 165 .input2 {
 166         width: 8em;
 167 }
 168
 169 .input3 {
 170         width: 13em;
 171 }
 172 .input4 {
 173         width: 10em;
 174 }
 175
 176 .input5 {
 177         width: 21.4em;
 178 }
 179 .input6 {
 180         width: 6.3em;
 181 }
 182
 183 .clear {
 184         clear: both;
 185 }
 186
 187
 188 .authors {
 189         clear: both;
 190         margin-bottom: 6px;
 191 }
 192
 193 .addPerson {
 194         color: #D74F25;
 195         color: #EDC8BC;
 196         color: #EAB3A2;
 197         font-size: 90%;
 198 }
 199
 200 input, textarea {
 201         font: 14px arial;
 202         color: #000000;
 203         border: solid 1px #dedede;
 204         padding: 6px;
 205         background: #f6f6f6;
 206 }
 207
 208 input:focus, textarea:focus
 209 {
 210
 211         background: #ffffff;
 212         font-family: arial;
 213         color: #000000;
 214 /*      border: 1px solid #46d0fe; */
 215 }
 216
 217 .ng-validation-error {
 218         border: 1px solid #FF6666;
 219         border: 1px solid #EDC8BC;
 220         border: 1px solid #FF9966;
 221         border: 1px solid #EAB3A2;
 222         border: 1px solid #D74F25;
 223         border: 1px solid #DC6844;
 224         border: 1px solid #DE7F61;
 225 }
 226
 227 .ng-exception {
 228         border: 0;
 229 }
 230
 231
 232 #work, #submission {
 233         margin-bottom: 20px;
 234 }
 235
 236 .button {
 237         margin-top: 20px;
 238         width: 40.8em;
 239 }
 240
 241 .button input {
 242         margin-bottom: 10px;
 243         float: left;
 244         color: #ffffff;
 245         display: block;
 246         text-decoration: none;
 247         background: #d74f25;
 248 }
 249
 250 .button input:hover, .gohome:hover {
 251         /* background: #dc6844; */
 252 }
 253
 254 .button2 input {
 255         background: #F6F6F6;
 256         color: #374E5A;
 257         border: 1px solid #d74f25;
 258         display: inline;
 259 }
 260
 261
 262 .gohome  {
 263         float: left;
 264         color: #374E5A;
 265         border: 1px solid #d74f25;
 266         text-decoration: none;
 267         background: #f6f6f6;
 268         padding: 7px;
 269         margin-top: 20px;
 270         font: 14px arial;
 271         border: solid 1px #dedede;
 272         border: solid 1px #f6f6f6;
 273 }
 274
 275 .gohome a {
 276 }
 277
 278 .gohome a:hover {
 279         text-decoration: none;
 280 }
 281
 282 .list {
 283         margin-top: 20px;
 284         font-weight: bold;
 285 }
 286
 287 .warrning {
 288         color: #FF6666;
 289 }
 290
 291 .sworks {
 292         margin-top: 20px;
 293 }
 294
 295
 296 .newWork {
 297         clear: left;
 298         margin-top: 50px;
 299 }
 300 .saved {
 301         margin-bottom: 20px;
 302         margin-top: 20px;
 303 }
 304 .saved2 {
 305         color: #374E5A;
 306         color: #d74f25;
 307         font-weight: bold;
 308         font-style: italic;
 309         display: block;
 310 }
 311 .saved3 {
 312         color: #374E5A;
 313         font-weight: normal;
 314         margin-top: 20px;
 315 }
 316 .footer {
 317         height: 10px;
 318 }
 319 hr {
 320         border: 1px solid #ccc;
 321 }
 322 </style>
 323
 324
 325
 326 <h1>Registration and Proposal Submission</h1>
 327
 328
 329
 330
 331 <div class="root" ng:controller="Registration" ng:init="$window.$root = this;">
 332
 333
 334 <div ng:show="! registration.$id && ! symposium.$id">
 335 <p>
 336 All participants (presenters, coauthors and visitors) have to register via on-line register system.
 337 </p>
 338
 339 <p>
 340 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.
 341 </p>
 342
 343 <p>
 344 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.
 345 </p>
 346
 347 <p>
 348 The organizers of round tables have to submit only abstract of the round table, while its participants have to register as round table participants.
 349 </p>
 350
 351 <p>
 352 The abstracts length should be between 1800 and 2000 characters (space included).
 353 </p>
 354
 355 <p>
 356 One person can be author of maximum three papers, only one of them as first/presenting/single author.
 357 </p>
 358
 359
 360
 361 </div>
 362
 363 <!--
 364 <a name="{{$location.hash}}" >bla</a>
 365 -->
 366
 367 <div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
 368
 369
 370 </div>
 371 <div ng:show="registration.$id || symposium">
 372         <h2>{{registration.person.name}} {{registration.person.surname}}</h2>
 373         <!--
 374         <label>Institution: {{registration.person.inst}}</label>
 375         <label>Address: {{registration.person.address1}}, {{registration.person.city}}, {{registration.person.zip}}, {{registration.person.country}}</label>
 376         -->
 377         <label ng:show="registration.type == 'participant'">Registration type: Registration only</label>
 378         <label ng:show="registration.type == 'accomp'">Registration type: Accompanying person</label>
 379         <label ng:show="registration.type == 'student'">Registration type: Student</label>
 380         <label ng:show="registration.type == 'sparticipant'">Registration type: Symposium participant<span ng:show="registration.student == true">, student</span></label>
 381         <label ng:show="registration.type == 'round'">Registration type: Round table organizer<span ng:show="registration.student == true">, student</span><p><b>Round table topic:</b> {{registration.work.title}}</label>
 382         <label ng:show="registration.type == 'lecture'">Registration type: Oral presentation<span ng:show="registration.student == true">, student</span></label>
 383         <label ng:show="registration.type == 'poster'">Registration type: Poster presentation<span ng:show="registration.student == true">, student</span></label>
 384         <label ng:show="registration.type == 'poster' || registration.type == 'lecture'"><b>Title: </b>{{registration.work.title}}</label>
 385         <div ng:show="registration.type == 'symposium'">
 386                 <p>Symposium organizer</p>
 387                 <label><b>Symposium topic: </b><i>{{registration.symposium.title}}</i></label>
 388                 <!--
 389                 <label>Summary:</label> {{registration.symposium.abstract}}
 390                 <br><br>
 391                 -->
 392                 <blockquote>
 393                 <label>Submitted papers:</label>
 394                 <ol>
 395                 <li ng:repeat="w in symposium.works">
 396                 <!--
 397                 <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
 398                 -->
 399                 <span ng:show="registration.$id != w.$id">{{w.title}}</span>
 400                 <b ng:show="registration.$id == w.$id">{{w.title}}</b>
 401                 </li>
 402                 </ol>
 403                 </blockquote>
 404         </div>
 405 </div>
 406 <!--
 407 <div ng:show="registration.$id || symposium">
 408         <h2>Contact Information</h2>
 409         <label>{{registration.person.name}} {{registration.person.surname}}</label>
 410         <label>{{registration.person.inst}}</label>
 411         <label>{{registration.person.address1}}</label>
 412         <label>{{registration.person.city}}, {{registration.person.zip}}, {{registration.person.country}}</label>
 413         <label ng:show="registration.type == 'participant'"><h3>Registration type</h3> no paper</label>
 414         <div ng:show="registration.type == 'symposium'">
 415                 <p>Symposium organizer</p>
 416                 <h3>Symposium</h3>
 417                 <label>Topic:</label><i>{{registration.symposium.title}}</i>
 418                 <label>Summary:</label> {{registration.symposium.abstract}}
 419                 <br><br>
 420                 <label>Submitted papers for this symposium:</label>
 421                 <ol>
 422                 <li ng:repeat="w in symposium.works">
 423                 <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
 424                 <span ng:show="registration.$id != w.$id">{{w.title}}</span>
 425                 <b ng:show="registration.$id == w.$id">{{w.title}}</b>
 426                 </li>
 427                 </ol>
 428         </div>
 429 </div>
 430 -->
 431
 432
 433 <div id="submission" ng:show="! registration.$id && ! symposium.$id">
 434         <div>
 435                 <h2>Registration Type</h2>
 436                 <label><input type="radio" name="registration.type" value="participant" ng:required>Registration only</label>
 437                 <label><input type="radio" name="registration.type" value="sparticipant" ng:required>Symposium/round table participant</label>
 438                 <label><input type="radio" name="registration.type" value="symposium" ng:required>Symposium organizer</label>
 439                 <label><input type="radio" name="registration.type" value="round" ng:required>Round table organizer</label>
 440                 <label><input type="radio" name="registration.type" value="lecture" ng:required>Oral presentation</label>
 441                 <label><input type="radio" name="registration.type" value="poster" ng:required>Poster presentation</label>
 442         </div>
 443                 <label><input type="radio" name="registration.type" value="student" ng:required ng:change="registration.dinner = 'no'">Student registration only</label>
 444                 <label><input type="radio" name="registration.type" value="accomp" ng:required>Accompanying person</label>
 445 </div>
 446
 447 <div id="participant" ng:show="! registration.$id && ! symposium.$id">
 448
 449
 450         <h2>Contact Information</h2>
 451         <div class="labelTop">
 452                 <div class="input input4">First name</div>
 453                 <div class="input input4">Surname</div>
 454         </div>
 455         <div style="clear: both">
 456                 <input class="input4" name="registration.person.name" ng:required>
 457                 <input class="input4" name="registration.person.surname" ng:required>
 458         </div>
 459         <div class="labelTop">
 460                 <div class="input input5">Institution</div>
 461         </div>
 462         <div style="clear: both">
 463                 <input class="input5" name="registration.person.inst">
 464         </div>
 465         <div class="labelTop">
 466                 <div class="input input5">Address</div>
 467         </div>
 468         <div style="clear: both">
 469                 <input class="input5" name="registration.person.address1" ng:required>
 470         </div>
 471         <div class="labelTop">
 472                 <div class="input input6">City</div>
 473                 <div class="input input6">ZIP</div>
 474                 <div class="input input6">Country</div>
 475         </div>
 476         <div style="clear: both">
 477                 <input class="input6" name="registration.person.city" ng:required>
 478                 <input class="input6" name="registration.person.zip">
 479                 <input class="input6" name="registration.person.country">
 480         </div>
 481         <div class="labelTop">
 482                 <div class="input input4">E-mail</div>
 483                 <div class="input input4">Phone number</div>
 484         </div>
 485         <div style="clear: both">
 486                 <input class="input4" name="registration.person.email" ng:validate="email" ng:required>
 487                 <input class="input4" name="registration.person.phone">
 488         </div>
 489         <div ng:show="registration.type == 'lecture' || registration.type == 'poster' || registration.type == 'sparticipant' || registration.type == 'symposium' || registration.type == 'round'">
 490                 <br><input type="checkbox" name="registration.student">Check this box if you are student.
 491         </div>
 492         <div style="clear: both; margin-top: 20px;">
 493                 Will you join us for the welcome reception on Thursday at 20 hrs?<br/>
 494                 <input type="radio" name="registration.reception" value="yes">Yes
 495                 <input type="radio" name="registration.reception" value="no">No
 496         </div>
 497         <div ng:show="registration.type != 'student'" style="clear: both; margin-top: 20px;">
 498                 Will you join us for the conference dinner on Friday at 20 hrs? (Dinner is included in the regostration fee.)<br/>
 499                 <input type="radio" name="registration.dinner" value="yes">Yes
 500                 <input type="radio" name="registration.dinner" value="no">No
 501         </div>
 502
 503 </div>
 504
 505
 506
 507         <div ng:show="registration.type == 'sparticipant' && ! last_saved.$id">
 508                 <h2>Symposium/round table topic</h2>
 509                 <input class="input1" name="registration.sympattend" ng:required>
 510         </div>
 511
 512
 513 <div id="work" ng:show="registration.type != 'participant' && registration.type != 'sparticipant' && registration.type != 'student' && registration.type != 'accomp'">
 514 <div ng:show="registration.type == 'symposium' && registration.symposium.work_nr < 4 && ! symposium.$id">
 515
 516         <h2>Symposium</h2>
 517         <label for="registration.symposium.title">Topic:</label>
 518                 <input class="input1" name="registration.symposium.title" ng:required>
 519         <label>Organizer:</label>
 520                 <!--
 521                 <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>
 522                 -->
 523                 <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>
 524                 <div class="clear" ng:repeat="organizer in registration.symposium.organizers">
 525                 <input class="input2" name="organizer.name" ng:required>
 526                 <input class="input2" name="organizer.surname" ng:required>
 527                 <input class="input3" name="organizer.inst" >
 528                 <input class="input2" name="organizer.email" ng:required ng:validate="email">
 529                 <a href="" ng:click="registration.symposium.organizers.$remove(organizer)">X</a>
 530                 </div>
 531                 <div class="clear"><a class="addPerson" href="" ng:click="registration.symposium.organizers.$add()">Add another organizer</a></div>
 532         <label>Summary (2000 characters max.)</label>
 533                 <textarea class="input1" name="registration.symposium.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
 534
 535                 <div ng:show="symposium">
 536                         <b>Symposium:</b> {{registration.symposium.title}}
 537                         <blockquote>
 538                         <label>Submitted papers for this symposium:</label>
 539                         <ol>
 540                         <li ng:repeat="w in symposium.works">
 541                         <!--
 542                         <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
 543                         -->
 544                         <span ng:show="registration.$id != w.$id">{{w.title}}</span>
 545                         <b ng:show="registration.$id == w.$id">{{w.title}}</b>
 546                         </li>
 547                         </ol>
 548                         </blockquote>
 549                 </div>
 550 </div>
 551
 552 <div ng:show="registration.type && ! last_saved.$id">
 553
 554 <!--
 555                 <div ng:show="symposium">
 556                         <b>Symposium:</b> {{registration.symposium.title}}
 557                         <blockquote>
 558                         <label>Submitted papers for this symposium:</label>
 559                         <ol>
 560                         <li ng:repeat="w in symposium.works">
 561                         <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
 562                         <b ng:show="registration.$id == w.$id">{{w.title}}</b>
 563                         </li>
 564                         </ol>
 565                         </blockquote>
 566                 </div>
 567 -->
 568 <h3 ng:show="registration.type == 'symposium'">Add Symposium Paper ({{registration.symposium.work_nr}})</h3>
 569 <h2 ng:show="registration.type == 'lecture'">Oral Presentation Sumbission</h2>
 570 <h2 ng:show="registration.type == 'poster'">Poster Presentation Sumbission</h2>
 571 <h2 ng:show="registration.type == 'round'">Round Table Disscussion Sumbission</h2>
 572
 573
 574 <label>Title:</label>
 575         <input class="input1" name="registration.work.title" ng:required>
 576 <div ng:show="registration.type != 'round'">
 577 <label>Authors</label>
 578         <div>
 579                 <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>
 580         </div>
 581         <div class="clear" ng:repeat="author in registration.work.authors">
 582                 <input class="input2" name="author.name" ng:required>
 583                 <input class="input2" name="author.surname" ng:required>
 584                 <input class="input3" name="author.inst" >
 585                 <input class="input2" name="author.email" ng:required ng:validate="email">
 586                 <a href="" ng:click="registration.work.authors.$remove(author)">X</a>
 587         </div>
 588         <a class="addPerson" href="" ng:click="registration.work.authors.$add()">Add another author</a>
 589 </div>
 590 <div ng:show="registration.type == 'round'">
 591 <label>Organizer:</label>
 592         <!--
 593         <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>
 594         -->
 595                 <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>
 596         <div class="clear" ng:repeat="organizer in registration.work.organizers">
 597                 <input class="input2" name="organizer.name" ng:required>
 598                 <input class="input2" name="organizer.surname" ng:required>
 599                 <input class="input3" name="organizer.inst" >
 600                 <input class="input2" name="organizer.email" ng:required ng:validate="email">
 601                 <a href="" ng:click="registration.work.organizers.$remove(organizer)">X</a>
 602         </div>
 603         <div class="clear"><a class="addPerson" href="" ng:click="registration.work.organizers.$add()">Add another organizer</a></div>
 604 </div>
 605
 606 <label>Abstract (2000 characters max.):</label>
 607         <textarea class="input1" name="registration.work.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
 608
 609
 610 </div> <!-- ng:show="registration.type" -->
 611 </div>
 612
 613 <div class="button" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0 && (symposium.$id || (registration.reception != null && registration.dinner != null))">
 614 <input type="submit" value="Save" ng:click="save();" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0" >
 615 </div>
 616
 617 <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.
 618 <span ng:show="$invalidWidgets.visible() &gt; 0">Fields with orange border call for your attention. <!-- - {{$invalidWidgets.visible()}} left. --></span>
 619 <span ng:show="(registration.reception == null || registration.dinner == null) && ! symposium.$id && registration.type != 'student'">
 620 Decide about going to welcome reception and dinner.</span>
 621 <span ng:show="(registration.reception == null || registration.dinner == null) && ! symposium.$id && registration.type == 'student'">
 622 Decide about going to welcome reception.</span>
 623 </div>
 624
 625
 626 <div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
 627
 628         <div class="saved" ng:show="registration.type == 'participant' || registration.type == 'sparticipant' || registration.type == 'student' || registration.type == 'accomp' && ! symposium">
 629                 <span class="saved2">Thank you! Your registration has been submitted successfully!</span>
 630                 <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011-eng/registration/fee">Please read registration fee payment instructions</a></div>
 631                 <div class="gohome" ng:show="registration.type == 'student' || registration.student == true">
 632                         You must provide a proof of your student status by e-mail sent to <a href="mailto:drzb@ffzg.hr">drzb@ffzg.hr</a>
 633                 </div>
 634                 <br><br>
 635         </div>
 636         <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">
 637                 <span class="saved2">Thank you. Your proposal has been submitted successfully! <br></span>
 638                 <span class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011-eng/registration/fee">Please read conference fee payment instructions</a></span>
 639
 640         </div>
 641         <div class="button button2" ng:show="registration.type != 'participant' && registration.type != 'sparticipant' && registration.type != 'student' && registration.type != 'accomp' && last_saved.$id && ! symposium">
 642                 <span class="saved2">Thank you. Your proposal has been submitted successfully! <br></span>
 643                 <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011-eng/registration/fee">Please read registration fee payment instructions</a></div>
 644                 <div class="gohome" ng:show="registration.type == 'student' || registration.student == true">
 645                         You must provide a proof of your student status by e-mail sent to <a href="mailto:drzb@ffzg.hr">drzb@ffzg.hr</a>
 646                 <br>
 647         </div>
 648
 649 </div>
 650         <div class="button button2" ng:show="last_saved.$id && symposium.$id && registration.symposium.work_nr < 4">
 651                 <input type="reset" value="Submit another paper" ng:click="reset()">
 652         </div>
 653 <!--
 654 <div class="button2" ng:show="registration.$id && registration.type != 'participant' && registration.type != 'sparticipant' && last_saved.$equals(registration)">
 655         <input type="reset" value="Submit another paper" ng:click="reset()">
 656         <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/">Go to conference home page</a></div>
 657 </div>
 658 -->
 659
 660 </div>
 661 <!--
 662 <div ng:show="registration.$id">
 663 Permalink to <a href="#{{registration.$id}}">DRZB2011 registration</a> which you can bookmark
 664 </div>
 665 -->
 666 <input type=checkbox name=debug style="float: right; clear: both">
 667 <pre ng:show="debug">
 668
 669 dirty={{! last_saved.$equals(registration)}} invalid={{$invalidWidgets.visible()}}
 670
 671 registration = {{registration}}
 672
 673 last_saved = {{last_saved}}
 674
 675 master = {{master}}
 676
 677 symposium = {{symposium}}
 678
 679 $id={{$id}}
 680 registration.$id={{registration.$id}}
 681 </pre>