merge conference registration from drzb2011 branch
[angular-mojolicious.git] / templates / conference / Registration.html.ep
index f727541..cc639a1 100644 (file)
-<script>
-
-if (typeof (console) === 'undefined') console = { debug: function() {} }; // mock console.debug
-
-function Registration($resource){
-       this.master = {
-               person: {
-                       name: '', surname: '', inst: '', email: ''
+       <script>
+
+       if (typeof (console) === 'undefined') console = { debug: function() {} }; // mock console.debug
+
+       function Registration($resource){
+               this.master = {
+                       person: {
+                               name: '', surname: '', inst: '', email: ''
+                       },
+                       type: 'participant',
+                       work: {
+                               title: '',
+                               abstract: '',
+                               authors:[ { name:'', surname:'', inst:'', email:'' } ],
+                               organizers: []
+                       },
+                       symposium: { 
+                               //organizers: [ {name:'', surname:'', inst:'', email:'' } ], 
+                               organizers: [],
+                               work_nr: 1
+                       }
+               };
+               this.Registration = $resource( '/data/conference/Registration/:id', { id:'' } );
+               this.Symposium = $resource( '/data/conference/Symposium/:id', { id:'' } );
+               this.reset();
+               this.$watch('$location.hashPath', this.hash_change);
+       }
+       Registration.$inject=['$resource'];
+
+       Registration.prototype = {
+               hash_change: function() {
+                       var id = this.$location.hashPath;
+       console.debug( 'hash_change', id, this.registration.$id );
+                       if ( id != this.registration.$id ) {
+                               if (id) {
+                                       var self = this;
+                                       this.registration = this.Registration.get({ id: id }, function(registration) {
+                                               self.last_saved = angular.copy(registration);
+                                               if ( registration.type == 'symposium' ) {
+                                                       var s_id = registration.symposium.$id || registration.$id;
+                                                       // first registration doesn't have symposium.$id, but we used same $id
+       console.debug( 'load symposium ', s_id );
+                                                       self.symposium = self.Symposium.get({ id: s_id });
+                                               }
+                                       });
+                               }
+                               else this.reset();
+                       }
                },
-               type: 'participant',
-               work: {
-                       title: '',
-                       abstract: '',
-                       authors:[ { name:'', surname:'', inst:'', email:'' } ]
+               reset: function() {
+                       console.debug( this.Registration );
+                       var last = this.registration;
+                       if ( last && last.type == 'symposium' ) {
+                               if ( last.$id ) last.symposium.work_nr++; // only if saved
+                       }
+                       this.registration = new this.Registration( this.master );
+                       if ( last ) {
+                               this.registration.type      = last.type;
+                               this.registration.person    = last.person;
+
+                               if ( last.type == 'symposium' )
+                               this.registration.symposium = last.symposium;
+                       }
+                       this.last_saved = angular.copy( this.registration ); // FIXME was: {};
+       console.debug( 'reset', this.registration, this.$location.hashPath, last );
                },
-               symposium: { organizers: [ {name:'', surname:'', inst:'', email:'' } ], work_nr: 1 }
-       };
-       this.Registration = $resource( '/data/conference/Registration/:id', { id:'' } );
-       this.Symposium = $resource( '/data/conference/Symposium/:id', { id:'' } );
-       this.reset();
-       this.$watch('$location.hashPath', this.hash_change);
-}
-Registration.$inject=['$resource'];
-
-Registration.prototype = {
-       hash_change: function() {
-               var id = this.$location.hashPath;
-console.debug( 'hash_change', id, this.registration.$id );
-               if ( id != this.registration.$id ) {
-                       if (id) {
-                               var self = this;
-                               this.registration = this.Registration.get({ id: id }, function(registration) {
-                                       self.last_saved = angular.copy(registration);
-                                       if ( registration.type == 'symposium' ) {
-                                               var s_id = registration.symposium.$id || registration.$id;
-                                               // first registration doesn't have symposium.$id, but we used same $id
-console.debug( 'load symposium ', s_id );
-                                               self.symposium = self.Symposium.get({ id: s_id });
+               save: function(){
+                       var self = this;
+                       this.registration.$save(function(registration){
+                               self.$location.hashPath = registration.$id;
+
+                               // save symposium to separate resource
+                               if ( registration.type == 'symposium' ) {
+                                       if ( ! self.symposium ) { 
+                                               self.registration.symposium.$id = registration.$id; // reuse $id of first work for symposium
+                                               self.symposium = new self.Symposium( registration.symposium );
+                                               self.symposium.works = [];
                                        }
-                               });
-                       }
-                       else this.reset();
-               }
-       },
-       reset: function() {
-               console.debug( this.Registration );
-               var last = this.registration;
-               if ( last && last.type == 'symposium' ) {
-                       if ( last.$id ) last.symposium.work_nr++; // only if saved
-               }
-               this.registration = new this.Registration( this.master );
-               if ( last ) {
-                       this.registration.type      = last.type;
-                       this.registration.person    = last.person;
+                                       registration.work.$id = registration.$id; // preserve $id
+                                       self.symposium.works[ registration.symposium.work_nr - 1 ] = registration.work;
+       console.debug('save_symposium', self.symposium );
+                                       self.symposium.$save();
+                               }
 
-                       if ( last.type == 'symposium' )
-                       this.registration.symposium = last.symposium;
+                               self.last_saved = angular.copy(registration);
+                       });
                }
-               this.last_saved = angular.copy( this.registration ); // FIXME was: {};
-console.debug( 'reset', this.registration, this.$location.hashPath, last );
-       },
-       save: function(){
-               var self = this;
-               this.registration.$save(function(registration){
-                       self.$location.hashPath = registration.$id;
-
-                       // save symposium to separate resource
-                       if ( registration.type == 'symposium' ) {
-                               if ( ! self.symposium ) { 
-                                       self.registration.symposium.$id = registration.$id; // reuse $id of first work for symposium
-                                       self.symposium = new self.Symposium( registration.symposium );
-                                       self.symposium.works = [];
-                               }
-                               registration.work.$id = registration.$id; // preserve $id
-                               self.symposium.works[ registration.symposium.work_nr - 1 ] = registration.work;
-console.debug('save_symposium', self.symposium );
-                               self.symposium.$save();
-                       }
+       };
 
-                       self.last_saved = angular.copy(registration);
-               });
+       angular.validator.max_length = function(input, len) {
+               var ok = input.length <= len;
+       console.debug( 'max_length', ok, input.length, len );
+               return ok ? '' : 'must be shorter than '+len+' characters';
        }
-};
-
-angular.validator.max_length = function(input, len) {
-       var ok = input.length <= len;
-console.debug( 'max_length', ok, input.length, len );
-       return ok ? '' : 'must be shorter than '+len+' characters';
-}
 
-</script>
+       </script>
 
 
-<style type="text/css">
+       <style type="text/css">
 
-body {
-       background: #F6F6F6;
-       margin: 40px;
-       font-family: Arial;
-       color: #374E5A;
-       font-size: 14px;
-       line-height: 16px;
-}
+       body {
+               background: #F6F6F6;
+               margin: 40px;
+               font-family: Arial;
+               color: #374E5A;
+               font-size: 14px;
+               line-height: 16px;
+       }
 
 
-label {
-       display: block;
-       color: #D74F25;
-       color: #374E5A;
-       color: #afafaf;
-       margin-top: 10px;
-       font-size: 14px;
-       font-family: Arial;
-}
-h1 {
-/*     margin-bottom: 6px;     */
-       padding-left: 20px;
-       font: 18px arial;
-       color: #0c1426;
-       text-decoration: none;
-       display: block;
-       background: url(http://mjesec.ffzg.hr/drzb2011/images/kvadrat.gif) no-repeat left;
-       border-bottom: 1px solid #CCC;
-}
-h2 {
+       label {
+               display: block;
+               color: #D74F25;
+               color: #374E5A;
+               color: #afafaf;
+               margin-top: 10px;
+               font-size: 14px;
+               font-family: Arial;
+       }
+       h1 {
+       /*      margin-bottom: 6px;     */
+               padding-left: 20px;
+               font: 18px arial;
+               color: #0c1426;
+               text-decoration: none;
+               display: block;
+               background: url(http://mjesec.ffzg.hr/drzb2011/images/kvadrat.gif) no-repeat left;
+               border-bottom: 1px solid #CCC;
+       }
+h2, h3 {
        margin-top: 60px;
        font-size: 14px;
        padding: 2px 0;
@@ -130,6 +135,10 @@ h2 {
        border-bottom: 1px solid #46d0fe;
 }
 
+h3 {
+       margin-top: 20px;
+}
+
 a {
        color: #D74F25;
 }
@@ -138,13 +147,17 @@ label {
        color: #374E5A;
 }
 
-.input {
+.input, .inputOrg {
        color: #afafaf;
        float: left;
        margin: 2px;
        padding: 0 6px;
 }
 
+.inputOrg {
+       color:  #374E5A;
+}
+
 .input1 {
        width: 40.8em;
 }
@@ -184,7 +197,7 @@ label {
        font-size: 90%;
 }
 
-input, textarea, .gohome {
+input, textarea {
        font: 14px arial;
        color: #000000;
        border: solid 1px #dedede;
@@ -211,6 +224,9 @@ input:focus, textarea:focus
        border: 1px solid #DE7F61;
 }
 
+.ng-exception {
+       border: 0;
+}
 
 
 #work, #submission {
@@ -232,7 +248,7 @@ input:focus, textarea:focus
 }
 
 .button input:hover, .gohome:hover {
-       background: #dc6844;
+       /* background: #dc6844; */
 }
 
 .button2 input {
@@ -240,21 +256,26 @@ input:focus, textarea:focus
        color: #374E5A;
        border: 1px solid #d74f25;
        display: inline;
-       float: none;
 }
 
 
 .gohome  {
        float: left;
-       color: #ffffff;
-       display: block;
+       color: #374E5A;
+       border: 1px solid #d74f25;
        text-decoration: none;
-       background: #d74f25;
+       background: #f6f6f6;
        padding: 7px;
+       margin-top: 20px;
+       font: 14px arial;
+       border: solid 1px #dedede;
+       border: solid 1px #f6f6f6;
 }
 
 .gohome a {
-       color: #fff;
+}
+
+.gohome a:hover {
        text-decoration: none;
 }
 
@@ -304,29 +325,128 @@ hr {
 
 <h1>Registration and Proposal Submission</h1>
 
-<div>
-<p>Svi sudionici skupa, bez obzira na to jesu li izlagači, suautori ili slušači, trebaju prijaviti svoje sudjelovanje kroz sustav elektroničke prijave.</p>
-<p>Sažetak izlaganja/postera prijavljuje samo prvi autor, odnosno onaj autor koji će rad izložiti. Ostali suautori prilikom prijave na skup ne trebaju prijaviti sažetak, nego se samo registrirati.</p>
-<p>Organizatori simpozija/okruglog stola prijavljuju i sažetak simpozija i/ili okruglog stola,  i sažetak svakog pripadajućeg rada. Autori radova unutar simpozija ne prijavljuju pojedinačno svoje sažetke.</p>
-<p>Duljina sažetka ne može prelaziti 2000 znakova.</p>
 
-<p>Jedna osoba može biti autor u najviše tri rada, pri čemu na samo jednom može biti prvi ili jedini autor.</p>
+
+
+<div class="root" ng:controller="Registration" ng:init="$window.$root = this;">
+
+
+<div ng:show="! registration.$id && ! symposium.$id">
+<p>
+All participants (presenters, coauthors and visitors) have to register via on-line register system.
+</p>
+
+<p>
+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.
+</p>
+
+<p>
+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.
+</p>
+
+<p>
+The organizers of round tables have to submit only abstract of the round table, while its participants have to register as round table participants.
+</p>
+
+<p>
+The abstracts length should be between 1800 and 2000 characters (space included). 
+</p>
+
+<p>
+One person can be author of maximum three papers, only one of them as first/presenting/single author.
+</p>
+
+
 
 </div>
 
+<!--
+<a name="{{$location.hash}}" >bla</a>
+-->
 
-<div class="root" ng:controller="Registration" ng:init="$window.$root = this;">
+<div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
 
 
-<div ng:show="last_saved.$id || symposium">
+</div>
+<div ng:show="registration.$id || symposium">
        <h2>{{registration.person.name}} {{registration.person.surname}}</h2>
+       <!--
+       <label>Institution: {{registration.person.inst}}</label>
+       <label>Address: {{registration.person.address1}}, {{registration.person.city}}, {{registration.person.zip}}, {{registration.person.country}}</label>
+       -->
+       <label ng:show="registration.type == 'participant'">Registration type: Registration only</label>
+       <label ng:show="registration.type == 'accomp'">Registration type: Accompanying person</label>
+       <label ng:show="registration.type == 'student'">Registration type: Student</label>
+       <label ng:show="registration.type == 'sparticipant'">Registration type: Symposium participant<span ng:show="registration.student == true">, student</span></label>
+       <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>
+       <label ng:show="registration.type == 'lecture'">Registration type: Oral presentation<span ng:show="registration.student == true">, student</span></label>
+       <label ng:show="registration.type == 'poster'">Registration type: Poster presentation<span ng:show="registration.student == true">, student</span></label>
+       <label ng:show="registration.type == 'poster' || registration.type == 'lecture'"><b>Title: </b>{{registration.work.title}}</label>
+       <div ng:show="registration.type == 'symposium'">
+               <p>Symposium organizer</p>
+               <label><b>Symposium topic: </b><i>{{registration.symposium.title}}</i></label>
+               <!--
+               <label>Summary:</label> {{registration.symposium.abstract}}
+               <br><br>
+               -->
+               <blockquote>
+               <label>Submitted papers:</label>
+               <ol>
+               <li ng:repeat="w in symposium.works">
+               <!--
+               <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
+               -->
+               <span ng:show="registration.$id != w.$id">{{w.title}}</span>
+               <b ng:show="registration.$id == w.$id">{{w.title}}</b>
+               </li>
+               </ol>
+               </blockquote>
+       </div>
 </div>
+<!--
+<div ng:show="registration.$id || symposium">
+       <h2>Contact Information</h2>
+       <label>{{registration.person.name}} {{registration.person.surname}}</label>
+       <label>{{registration.person.inst}}</label>
+       <label>{{registration.person.address1}}</label>
+       <label>{{registration.person.city}}, {{registration.person.zip}}, {{registration.person.country}}</label>
+       <label ng:show="registration.type == 'participant'"><h3>Registration type</h3> no paper</label>
+       <div ng:show="registration.type == 'symposium'">
+               <p>Symposium organizer</p>
+               <h3>Symposium</h3>
+               <label>Topic:</label><i>{{registration.symposium.title}}</i>
+               <label>Summary:</label> {{registration.symposium.abstract}}
+               <br><br>
+               <label>Submitted papers for this symposium:</label>
+               <ol>
+               <li ng:repeat="w in symposium.works">
+               <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
+               <span ng:show="registration.$id != w.$id">{{w.title}}</span>
+               <b ng:show="registration.$id == w.$id">{{w.title}}</b>
+               </li>
+               </ol>
+       </div>
+</div>
+-->
 
 
-<div id="participant" ng:show="! last_saved.$id && ! symposium">
+<div id="submission" ng:show="! registration.$id && ! symposium.$id">
+       <div>
+               <h2>Registration Type</h2>
+               <label><input type="radio" name="registration.type" value="participant" ng:required>Registration only</label>
+               <label><input type="radio" name="registration.type" value="sparticipant" ng:required>Symposium/round table participant</label>
+               <label><input type="radio" name="registration.type" value="symposium" ng:required>Symposium organizer</label>
+               <label><input type="radio" name="registration.type" value="round" ng:required>Round table organizer</label>
+               <label><input type="radio" name="registration.type" value="lecture" ng:required>Oral presentation</label>
+               <label><input type="radio" name="registration.type" value="poster" ng:required>Poster presentation</label>
+       </div>
+               <label><input type="radio" name="registration.type" value="student" ng:required ng:change="registration.dinner = 'no'">Student registration only</label>
+               <label><input type="radio" name="registration.type" value="accomp" ng:required>Accompanying person</label>
+</div>
+
+<div id="participant" ng:show="! registration.$id && ! symposium.$id">
+
+       
        <h2>Contact Information</h2>
        <div class="labelTop">
                <div class="input input4">First name</div>
@@ -366,37 +486,41 @@ hr {
                <input class="input4" name="registration.person.email" ng:validate="email" ng:required>
                <input class="input4" name="registration.person.phone">
        </div>
-</div>
-
-
-<div id="submission" ng:show="registration.type != 'symposium' && ! last_saved.$id">
-       <div>
-               <h2>Registration Type</h2>
-               <label><input type="radio" name="registration.type" value="participant" ng:required>Attendance with no presentation</label>
-               <label><input type="radio" name="registration.type" value="sparticipant" ng:required>Symposium participant</label>
-               <label><input type="radio" name="registration.type" value="symposium" ng:required>Symposium organizer</label>
-               <label><input type="radio" name="registration.type" value="lecture" ng:required>Oral presentation</label>
-               <label><input type="radio" name="registration.type" value="poster" ng:required>Poster presentation</label>
-               <label><input type="radio" name="registration.type" value="round" ng:required>Round table discussion</label>
+       <div ng:show="registration.type == 'lecture' || registration.type == 'poster' || registration.type == 'sparticipant' || registration.type == 'symposium' || registration.type == 'round'">
+               <br><input type="checkbox" name="registration.student">Check this box if you are student.
+       </div>
+       <div style="clear: both; margin-top: 20px;">
+               Will you join us for the welcome reception on Thursday at 20 hrs?<br/>
+               <input type="radio" name="registration.reception" value="yes">Yes
+               <input type="radio" name="registration.reception" value="no">No
+       </div>
+       <div ng:show="registration.type != 'student'" style="clear: both; margin-top: 20px;">
+               Will you join us for the conference dinner on Friday at 20 hrs? (Dinner is included in the regostration fee.)<br/>
+               <input type="radio" name="registration.dinner" value="yes">Yes
+               <input type="radio" name="registration.dinner" value="no">No
        </div>
+       
 </div>
 
-       <!-- dodano za syposium participants -->
+
+       
        <div ng:show="registration.type == 'sparticipant' && ! last_saved.$id">
-               <h2>Symposia</h2>
-               <label for="registration.sympattend">Topic:</label>
+               <h2>Symposium/round table topic</h2>
                <input class="input1" name="registration.sympattend" ng:required>
        </div>
 
 
-<div id="work" ng:show="registration.type != 'participant' && registration.type != 'sparticipant'">
-<div ng:show="registration.type == 'symposium' && ! last_saved.$id && registration.symposium.work_nr < 2">
+<div id="work" ng:show="registration.type != 'participant' && registration.type != 'sparticipant' && registration.type != 'student' && registration.type != 'accomp'">
+<div ng:show="registration.type == 'symposium' && registration.symposium.work_nr < 4 && ! symposium.$id">
 
-       <h2>Symposia</h2>
+       <h2>Symposium</h2>
        <label for="registration.symposium.title">Topic:</label>
                <input class="input1" name="registration.symposium.title" ng:required>
        <label>Organizer:</label>
+               <!--
                <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>
+               -->
+               <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>
                <div class="clear" ng:repeat="organizer in registration.symposium.organizers">
                <input class="input2" name="organizer.name" ng:required>
                <input class="input2" name="organizer.surname" ng:required>
@@ -404,14 +528,30 @@ hr {
                <input class="input2" name="organizer.email" ng:required ng:validate="email">
                <a href="" ng:click="registration.symposium.organizers.$remove(organizer)">X</a>
                </div>
-       <a class="addPerson" href="" ng:click="registration.symposium.organizers.$add()">Add another organizer</a>
+               <div class="clear"><a class="addPerson" href="" ng:click="registration.symposium.organizers.$add()">Add another organizer</a></div>
        <label>Summary (2000 characters max.)</label>
                <textarea class="input1" name="registration.symposium.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
+               
+               <div ng:show="symposium">
+                       <b>Symposium:</b> {{registration.symposium.title}}
+                       <blockquote>
+                       <label>Submitted papers for this symposium:</label>
+                       <ol>
+                       <li ng:repeat="w in symposium.works">
+                       <!--
+                       <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
+                       -->
+                       <span ng:show="registration.$id != w.$id">{{w.title}}</span>
+                       <b ng:show="registration.$id == w.$id">{{w.title}}</b>
+                       </li>
+                       </ol>
+                       </blockquote>
+               </div>
 </div>
 
-
 <div ng:show="registration.type && ! last_saved.$id">
 
+<!--
                <div ng:show="symposium">
                        <b>Symposium:</b> {{registration.symposium.title}}
                        <blockquote>
@@ -424,7 +564,8 @@ hr {
                        </ol>
                        </blockquote>
                </div>
-<h2 ng:show="registration.type == 'symposium'">Add Symposia Paper ({{registration.symposium.work_nr}})</h2>
+-->
+<h3 ng:show="registration.type == 'symposium'">Add Symposium Paper ({{registration.symposium.work_nr}})</h3>
 <h2 ng:show="registration.type == 'lecture'">Oral Presentation Sumbission</h2>
 <h2 ng:show="registration.type == 'poster'">Poster Presentation Sumbission</h2>
 <h2 ng:show="registration.type == 'round'">Round Table Disscussion Sumbission</h2>
@@ -432,19 +573,35 @@ hr {
 
 <label>Title:</label>
        <input class="input1" name="registration.work.title" ng:required>
+<div ng:show="registration.type != 'round'">
 <label>Authors</label>
-<div>
-       <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>
+       <div>
+               <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>
+       </div>
+       <div class="clear" ng:repeat="author in registration.work.authors">
+               <input class="input2" name="author.name" ng:required>
+               <input class="input2" name="author.surname" ng:required>
+               <input class="input3" name="author.inst" >
+               <input class="input2" name="author.email" ng:required ng:validate="email">
+               <a href="" ng:click="registration.work.authors.$remove(author)">X</a>
+       </div>
+       <a class="addPerson" href="" ng:click="registration.work.authors.$add()">Add another author</a>
 </div>
-<div class="clear" ng:repeat="author in registration.work.authors">
-       <input class="input2" name="author.name" ng:required>
-       <input class="input2" name="author.surname" ng:required>
-       <input class="input3" name="author.inst" >
-       <input class="input2" name="author.email" ng:required ng:validate="email">
-       <a href="" ng:click="registration.work.authors.$remove(author)">X</a>
+<div ng:show="registration.type == 'round'">
+<label>Organizer:</label>
+       <!--
+       <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>
+       -->
+               <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>
+       <div class="clear" ng:repeat="organizer in registration.work.organizers">
+               <input class="input2" name="organizer.name" ng:required>
+               <input class="input2" name="organizer.surname" ng:required>
+               <input class="input3" name="organizer.inst" >
+               <input class="input2" name="organizer.email" ng:required ng:validate="email">
+               <a href="" ng:click="registration.work.organizers.$remove(organizer)">X</a>
+       </div>
+       <div class="clear"><a class="addPerson" href="" ng:click="registration.work.organizers.$add()">Add another organizer</a></div>
 </div>
-<a class="addPerson" href="" ng:click="registration.work.authors.$add()">Add another author</a>
-
 
 <label>Abstract (2000 characters max.):</label>
        <textarea class="input1" name="registration.work.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
@@ -453,65 +610,46 @@ hr {
 </div> <!-- ng:show="registration.type" -->
 </div>
 
-<div class="button" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0">
-<input type="submit" value="Save" ng:click="save();" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0">
+<div class="button" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0 && (symposium.$id || (registration.reception != null && registration.dinner != null))">
+<input type="submit" value="Save" ng:click="save();" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0" >
 </div>
 
-<div ng:show="$invalidWidgets.visible() &gt; 0" style="color:red; margin-top: 20px">Please fill all required fields correctly ({{$invalidWidgets.visible()}} fields left). Red colored fields call for your attention.
+<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. 
+<span ng:show="$invalidWidgets.visible() &gt; 0">Fields with orange border call for your attention. <!-- - {{$invalidWidgets.visible()}} left. --></span>
+<span ng:show="(registration.reception == null || registration.dinner == null) && ! symposium.$id && registration.type != 'student'">
+Decide about going to welcome reception and dinner.</span>
+<span ng:show="(registration.reception == null || registration.dinner == null) && ! symposium.$id && registration.type == 'student'">
+Decide about going to welcome reception.</span>
 </div>
 
 
-
-
 <div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
 
-<div>
-<input type="checkbox" name="last_saved.$id"> Hide submitted registration
-</div>
-
-<div class="saved" ng:show="registration.type == 'participant' || registration.type == 'sparticipant'">
-               <span class="saved2">Your registration has been submitted successfully!</span>
-               <br><br>
-               <span ng:show="registration.sympattend">You will participate in the symosium <b>"{{registration.sympattend}}"</b><br><br><br></span>
-               <span class="saved3">
-               Thank you. We look forward to seeing you at the conference<br><br>
-               .. Kotizacija upute ..
-               </span>
-       </div>
-
-       <div class="saved" ng:show="registration.type != 'participant' && registration.type != 'sparticipant'">
-               <span class="saved2">You submitted the paper successfully! <br><br></span>
-
-               <b>Paper title</b>: {{registration.work.title}} <br><br>
-               <div ng:show="symposium">
-                       <b>Symposium:</b> {{registration.symposium.title}}
-                       <blockquote>
-                       <label>Already submitted papers for this symposium:</label>
-                       <ol>
-                       <li ng:repeat="w in symposium.works">
-                       <!--
-                       <a ng:show="registration.$id != w.$id" href="#{{w.$id}}" >{{w.title}}</a>
-                       -->
-                       <span ng:show="registration.$id != w.$id">{{w.title}}</span>
-                       <b ng:show="registration.$id == w.$id">{{w.title}}</b>
-                       </li>
-                       </ol>
-                       </blockquote>
+       <div class="saved" ng:show="registration.type == 'participant' || registration.type == 'sparticipant' || registration.type == 'student' || registration.type == 'accomp' && ! symposium">
+               <span class="saved2">Thank you! Your registration has been submitted successfully!</span>
+               <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011-eng/registration/fee">Please read registration fee payment instructions</a></div>
+               <div class="gohome" ng:show="registration.type == 'student' || registration.student == true">
+                       You must provide a proof of your student status by e-mail sent to <a href="mailto:drzb@ffzg.hr">drzb@ffzg.hr</a>
                </div>
+               <br><br>
        </div>
-       <div class="button button2" ng:show="registration.$id && registration.type != 'participant' && registration.type != 'sparticipant' && last_saved.$equals(registration)">
-               You can <input type="reset" value="Submit another paper" ng:click="reset()"> or <a href="http://psihologija.ffzg.hr/drzb2011/">just leave</a> this page. <br><br> ... conference fee ... instructions ...<br><br>
+       <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">
+               <span class="saved2">Thank you. Your proposal has been submitted successfully! <br></span>
+               <span class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011-eng/registration/fee">Please read conference fee payment instructions</a></span>
+               
        </div>
-       <!--    
-       <div>
-       Registration ID: {{registration.$id}}. You can bookmark this page and review it later.
+       <div class="button button2" ng:show="registration.type != 'participant' && registration.type != 'sparticipant' && registration.type != 'student' && registration.type != 'accomp' && last_saved.$id && ! symposium">
+               <span class="saved2">Thank you. Your proposal has been submitted successfully! <br></span>
+               <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011-eng/registration/fee">Please read registration fee payment instructions</a></div>
+               <div class="gohome" ng:show="registration.type == 'student' || registration.student == true">
+                       You must provide a proof of your student status by e-mail sent to <a href="mailto:drzb@ffzg.hr">drzb@ffzg.hr</a>
+               <br>
        </div>
-       -->
-
-       <!--
-       <div class=""><a href="http://psihologija.ffzg.hr/drzb2011/">Go to conference home page</a></div>
-       -->
+       
 </div>
+       <div class="button button2" ng:show="last_saved.$id && symposium.$id && registration.symposium.work_nr < 4">
+               <input type="reset" value="Submit another paper" ng:click="reset()"> 
+       </div>
 <!--
 <div class="button2" ng:show="registration.$id && registration.type != 'participant' && registration.type != 'sparticipant' && last_saved.$equals(registration)">
        <input type="reset" value="Submit another paper" ng:click="reset()">
@@ -519,14 +657,12 @@ hr {
 </div>
 -->
 
-<div class="footer"></div>
-
+</div>
 <!--
 <div ng:show="registration.$id">
 Permalink to <a href="#{{registration.$id}}">DRZB2011 registration</a> which you can bookmark
 </div>
 -->
-
 <input type=checkbox name=debug style="float: right; clear: both">
 <pre ng:show="debug">