X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=templates%2Fconference%2FRegistration.html.ep;h=6a5a1548c5998861344628876eef9ef111d20086;hb=9aabf01994845ae1102edd7dbba3e4e6f82b0f2a;hp=cbac84f560dc1f8d26f27941d1ba6344e607d214;hpb=28eb34878f42131f5ac40cca937ea8ae10dfec05;p=angular-mojolicious.git

diff --git a/templates/conference/Registration.html.ep b/templates/conference/Registration.html.ep
index cbac84f..6a5a154 100644
--- a/templates/conference/Registration.html.ep
+++ b/templates/conference/Registration.html.ep
@@ -15,7 +15,6 @@ function Registration($resource){
 		},
 		symposium: { organizers: [ {name:'', surname:'', inst:'', email:'' } ], work_nr: 1, },
 	};
-	this.last_saved = {};
 	this.Registration = $resource( '/data/conference/Registration/:id', { id:'' } );
 	this.Symposium = $resource( '/data/conference/Symposium/:id', { id:'' } );
 	this.reset();
@@ -45,22 +44,21 @@ console.debug( 'load symposium ', s_id );
 	},
 	reset: function() {
 		console.debug( this.Registration );
-		var current_symposium = null;
-		var current_person = null;
-		if ( this.registration && this.registration.type == 'symposium' ) {
-			current_symposium = this.registration.symposium;
-			current_person = this.registration.person;
-			if ( this.registration.$id ) current_symposium.work_nr++; // only if saved
-console.debug( 'current_symposium', current_symposium, 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 ( current_symposium ) {
-			this.registration.symposium = current_symposium;
-			this.registration.type = 'symposium';
-			this.registration.person = current_person;
+		if ( last ) {
+			this.registration.category  = last.category;
+			this.registration.type      = last.type;
+			this.registration.person    = last.person;
+
+			if ( last.type == 'symposium' )
+			this.registration.symposium = last.symposium;
 		}
 		this.last_saved = {};
-console.debug( 'reset', current_symposium, this.registration, this.$location.hashPath );
+console.debug( 'reset', this.registration, this.$location.hashPath, last );
 	},
 	save: function(){
 		var self = this;
@@ -85,6 +83,11 @@ console.debug('save_symposium', self.symposium );
 	},
 };
 
+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>
 
@@ -107,7 +110,6 @@ label, h2 {
 	margin-top: 10px;
 	font-size: 14px;
 	font-family: Arial;
-	font-weight: normal;
 }
 
 h2 {
@@ -118,7 +120,6 @@ h2 {
 
 a {
 	color: #D74F25;
-	font-size: 80%;
 }
 
 label {
@@ -184,11 +185,11 @@ label {
 	margin-bottom: 6px;
 }
 
-
-
-
-.addNew {
-	padding-right: 30px;
+.addPerson {
+	color: #D74F25;
+	color: #EDC8BC;
+	color: #EAB3A2;
+	font-size: 90%;
 }
 
 input, textarea
@@ -212,8 +213,9 @@ input:focus, textarea:focus
 input.ng-validation-error {
 	border: 1px solid #D74F25;
 	border: 1px solid #FF6666;
-	border: 1px solid #FF9966;
 	border: 1px solid #EDC8BC;
+	border: 1px solid #FF9966;
+	border: 1px solid #EAB3A2;
 }
 
 .warrning {
@@ -261,23 +263,16 @@ input.ng-validation-error {
 
 <div ng:controller="Registration" ng:init="$window.$root = this;">
 
-<div id="choose" ng:show="! registration.category && ! registration.symposium.$id">
+
+<div id="choose"> <!-- ng:show="! registration.symposium.$id"> -->
 	<h2>Please choose:</h2>
-	<input type="radio" name="registration.category" value="participant">Just attending the conference<br/>
-	<input type="radio" name="registration.category" value="submission">I want to submit a work<br/>
+	<label><input type="radio" name="registration.category" value="participant" ng:required>Just attending the conference</label>
+	<label><input type="radio" name="registration.category" value="submission">I want to submit a work</label>
 </div>
 
-<div id="submission" ng:show="registration.category == 'submission'">
-	<div ng:show="! registration.symposium.$id">
-		<h2>Choose submittion type:</h2>
-		<input type="radio" name="registration.type" value="symposium" ng:required>Symposia<br/>
-		<input type="radio" name="registration.type" value="lecture" ng:required>Oral presentation<br/>
-		<input type="radio" name="registration.type" value="poster" ng:required>Poster presentation<br/>
-		<input type="radio" name="registration.type" value="round" ng:required>Round table discussion<br/>
-	</div>
-</div>
+
 <div id="participant" ng:show="registration.category">
-	<h2>Participant Registration</h2>
+	<h2>Contact Information</h2>
 	<div class="labelTop">
 		<div class="pname">First name</div>
 		<div class="pname">Surname</div>
@@ -320,8 +315,20 @@ input.ng-validation-error {
 </div>
 
 
+<div id="submission" ng:show="registration.category == 'submission'">
+	<div>
+		<h2>Choose submittion type:</h2>
+		<input type="radio" name="registration.type" value="symposium" ng:required>Symposia<br/>
+		<input type="radio" name="registration.type" value="lecture" ng:required>Oral presentation<br/>
+		<input type="radio" name="registration.type" value="poster" ng:required>Poster presentation<br/>
+		<input type="radio" name="registration.type" value="round" ng:required>Round table discussion<br/>
+	</div>
+</div>
+
+
+
 
-<div id="work" ng:show="registration.type">
+<div id="work" ng:show="registration.categegory == 'submission'">
 	<div ng:show="registration.type == 'symposium'">
 
 		<h2>Symposia Submission</h2>
@@ -338,9 +345,9 @@ input.ng-validation-error {
 			<input class="fl2" name="organizer.email" ng:required>
 			<a href="" ng:click="registration.symposium.organizers.$remove(organizer)">X</a>
 		</div>
-		<a href="" ng:click="registration.symposium.organizers.$add()">Add another organizer</a>
+		<a class="addPerson" href="" ng:click="registration.symposium.organizers.$add()">Add another organizer</a>
 		<label>Summary:</label>
-			<textarea class="fl1" name="registration.symposium.abstract" rows="5" ></textarea>
+			<textarea class="fl1" name="registration.symposium.abstract" rows="5" ng:validate="max_length:2000"></textarea>
 		<div ng:show="symposium">
 			<label>List of already submitted works</label>
 			<ol>
@@ -367,29 +374,41 @@ input.ng-validation-error {
 		<input class="fl2" name="author.surname" ng:required>
 		<input class="fl3" name="author.inst" >
 		<input class="fl2" name="author.email" ng:required>
-		[<a href="" ng:click="registration.work.authors.$remove(author)">X</a>]
+		<a href="" ng:click="registration.work.authors.$remove(author)">X</a>
 	</div>
-	[<a href="" ng:click="registration.work.authors.$add()">Add another author</a>]
+	<a class="addPerson" href="" ng:click="registration.work.authors.$add()">Add another author</a>
 
 
 	<label>Summary:</label>
-		<textarea class="fl1" name="registration.work.abstract" rows="5"></textarea>
+		<textarea class="fl1" name="registration.work.abstract" rows="5" ng:validate="max_length:2000"></textarea>
+
+
+	<div ng:show="registration.$id" class="saved">
+		<i>{{registration.work.title}}</i> has been submited successfully.<br>
+	</div>
+
 </div>
 
-<div ng:show="registration.$id" class="saved">
-Registration has been sumbited. Your registration ID is {{registration.$id}}.
+<input type="submit" value="Save" ng:click="save();" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0">
+
+<div ng:show="$invalidWidgets.visible() &gt; 0" style="color:red; margin-top: 20px">Please fill all required fields ({{$invalidWidgets.visible()}} fields left).
 </div>
 
-<div id="buttons" ng:show="registration.category || registration.symposium.$id">
-	<span ng:show="$invalidWidgets.visible() == 0">
-	<input type="submit" value="Save" ng:click="save();" ng:show="! last_saved.$equals(registration)">
-	<input type="reset" value="Add another work" ng:click="reset()" ng:show="registration.work && registration.work.$id">
-	</span>
 
-	<div ng:show="$invalidWidgets.visible() &gt; 0" style="color:red; margin-top: 20px">Please fill all required fields ({{$invalidWidgets.visible()}} fields left).</div>
+
+
+<div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
+	<div class="saved" ng:show="registration.category == 'participant'">
+	Your registration has been submitted successfully.
+	</div>
+	Please review your data, correct and save if needed or <a href="http://psihologija.ffzg.hr/drzb2011/">go to conference home page</a>.
+	<div>
+	Registration ID: <a href="#{{registration.$id}}">{{registration.$id}}</a>.<br>You can bookmark this page and review it later.
+	</div>
 </div>
 
 
+<input type="reset" value="Another work proposal to submit?" ng:click="reset()" ng:show="registration.$id && registration.category == 'submission'">
 
 <!--
 <div ng:show="registration.$id">