From 9012ed2b13bf281cfce16e537de784ee1a33a0d5 Mon Sep 17 00:00:00 2001
From: Marijana Glavica <mglavica@ffzg.hr>
Date: Wed, 10 Nov 2010 04:24:04 +0100
Subject: [PATCH] hide fields after submission, messages instead

---
 templates/conference/Registration.html.ep | 177 +++++++++++++---------
 1 file changed, 107 insertions(+), 70 deletions(-)

diff --git a/templates/conference/Registration.html.ep b/templates/conference/Registration.html.ep
index 682cc7a..401eb12 100644
--- a/templates/conference/Registration.html.ep
+++ b/templates/conference/Registration.html.ep
@@ -223,7 +223,7 @@ input:focus, textarea:focus
 }
 
 .button input {
-	margin-bottom: 120px;
+	margin-bottom: 10px;
 	float: left;
 	color: #ffffff;
 	display: block;
@@ -235,9 +235,15 @@ input:focus, textarea:focus
 	background: #dc6844;
 }
 
-.button2 {
+.button2 input {
+	background: #F6F6F6;
+	color: #374E5A;
+	border: 1px solid #d74f25;
+	display: inline;
+	float: none;
 }
 
+
 .gohome  {
 	float: left;
 	color: #ffffff;
@@ -271,25 +277,27 @@ input:focus, textarea:focus
 	margin-top: 50px;
 }
 .saved {
-	color: #D74F25; 
 	margin-bottom: 20px;
-	font-weight: bold;
+	margin-top: 20px;
 }
 .saved2 {
 	color: #374E5A;
+	color: #d74f25;
+	font-weight: bold;
 	font-style: italic;
 	display: block;
 }
 .saved3 {
 	color: #374E5A;
-	display: block;
 	font-weight: normal;
 	margin-top: 20px;
 }
 .footer {
 	height: 10px;
 }
-
+hr {
+	border: 1px solid #ccc;
+}
 </style>
 
 
@@ -304,13 +312,21 @@ input:focus, textarea:focus
 <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>
 
 
 <div class="root" ng:controller="Registration" ng:init="$window.$root = this;">
 
 
-<div id="participant">
+<div ng:show="last_saved.$id || symposium">
+	<h2>{{registration.person.name}} {{registration.person.surname}}</h2>
+</div>
+
+
+<div id="participant" ng:show="! last_saved.$id && ! symposium">
 	<h2>Contact Information</h2>
 	<div class="labelTop">
 		<div class="input input4">First name</div>
@@ -353,7 +369,7 @@ input:focus, textarea:focus
 </div>
 
 
-<div id="submission" ng:show="registration.type != 'symposium'">
+<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>
@@ -366,72 +382,75 @@ input:focus, textarea:focus
 </div>
 
 	<!-- dodano za syposium participants -->
-	<div ng:show="registration.type == 'sparticipant'">
+	<div ng:show="registration.type == 'sparticipant' && ! last_saved.$id">
 		<h2>Symposia</h2>
-		<label for="registration.symposium.title">Topic:</label>
-			<input class="input1" name="registration.symposium.title" ng:required>
+		<label for="registration.sympattend">Topic:</label>
+		<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'">
+<div ng:show="registration.type == 'symposium' && ! last_saved.$id && registration.symposium.work_nr < 2">
 
-		<h2>Symposia</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="clear" ng:repeat="organizer in registration.symposium.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.symposium.organizers.$remove(organizer)">X</a>
-			</div>
-		<a class="addPerson" href="" ng:click="registration.symposium.organizers.$add()">Add another organizer</a>
-		<label>Summary (2000 characters max.)</label>
-			<textarea class="input1" name="registration.symposium.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
-	</div>
+	<h2>Symposia</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="clear" ng:repeat="organizer in registration.symposium.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.symposium.organizers.$remove(organizer)">X</a>
+		</div>
+	<a class="addPerson" href="" ng:click="registration.symposium.organizers.$add()">Add another organizer</a>
+	<label>Summary (2000 characters max.)</label>
+		<textarea class="input1" name="registration.symposium.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
+</div>
+
+
+<div ng:show="registration.type && ! last_saved.$id">
 
 		<div ng:show="symposium">
-			<label class="list">List of already submitted papers for symposium {{registration.symposium.title}}</label>
+			<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>
 			<b ng:show="registration.$id == w.$id">{{w.title}}</b>
 			</li>
 			</ol>
+			</blockquote>
 		</div>
+<h2 ng:show="registration.type == 'symposium'">Add Symposia Paper ({{registration.symposium.work_nr}})</h2>
+<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>
 
-  <div ng:show="registration.type">
 
-	<h2 ng:show="registration.type == 'symposium'">Symposia paper ({{registration.symposium.work_nr}})</h2>
-	<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>
-
-
-	<label>Title:</label>
-		<input class="input1" name="registration.work.title" ng:required>
-	<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="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>
+<label>Title:</label>
+	<input class="input1" name="registration.work.title" ng:required>
+<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="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>
 
 
-	<label>Abstract (2000 characters max.):</label>
-		<textarea class="input1" name="registration.work.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
+<label>Abstract (2000 characters max.):</label>
+	<textarea class="input1" name="registration.work.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
 
 
-  </div> <!-- ng:show="registration.type" -->
+</div> <!-- ng:show="registration.type" -->
 </div>
 
 <div class="button" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0">
@@ -445,30 +464,48 @@ input:focus, textarea:focus
 
 
 <div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
-	<div class="saved" ng:show="registration.type == 'participant' || registration.type == 'sparticipant'">
-		<span class="saved2">{{registration.person.name}} {{registration.person.surname}}</span> you finished your registration successfully. 
-		<span class="saved3">Registration ID: {{registration.$id}}.</span>
+<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'">
-		You finished your registration successfully.
-<!--
-		<span class="saved3">Submitted paper: <b>{{registration.work.title}}</b></span>
-		<span class="saved3">Registration ID: {{registration.$id}}.</span>
--->
+		<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>
 	</div>
-<!--
-	Please review your data, correct and save if needed (just start typing and Save button will show automatically).
--->
-<!--	
+	<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>
+	<!--	
 	<div>
 	Registration ID: {{registration.$id}}. You can bookmark this page and review it later.
 	</div>
--->
-	<div class="button" ng:show="registration.$id && registration.type != 'participant' && registration.type != 'sparticipant' && last_saved.$equals(registration)">
-		<input type="reset" value="Submit another paper" ng:click="reset()">
-	</div>
-	<div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/">Go to conference home page</a></div>
+	-->
+
+	<!--
+	<div class=""><a href="http://psihologija.ffzg.hr/drzb2011/">Go to conference home page</a></div>
+	-->
 </div>
 <!--
 <div class="button2" ng:show="registration.$id && registration.type != 'participant' && registration.type != 'sparticipant' && last_saved.$equals(registration)">
-- 
2.20.1