2013 iteration
[angular-mojolicious.git] / public / app / drzb2013 / registration-edit.html
diff --git a/public/app/drzb2013/registration-edit.html b/public/app/drzb2013/registration-edit.html
new file mode 100644 (file)
index 0000000..28ad9ff
--- /dev/null
@@ -0,0 +1,394 @@
+<!DOCTYPE HTML>
+<html xmlns:ng="http://angularjs.org">
+<head>
+<meta charset="utf-8">
+<script src="angular.js" ng:autobind></script>
+
+<title>Conference registration</title>
+
+<script src="database.js"></script>
+<script src="registration.js"></script>
+
+<link rel="stylesheet" href="registration.css" type="text/css">
+
+</head>
+<body>
+
+<div id="wrapper">
+    <div id="header">
+        <a href="http://psihologija.ffzg.hr/drzb2011"><img src="http://psihologija.ffzg.hr/drzb2011/images/header.gif" alt="Dani Ramira i Zorana Bujasa" class="float_left" /></a>
+    </div>
+
+    <div id="mainNav">
+<div id="navigation">
+<ul>
+<li class="level"><a href="http://psihologija.ffzg.hr/drzb2011">Naslovnica</a></li>
+       <li>
+       <a class="level4" href="http://psihologija.ffzg.hr/drzb2011/registracija">Registracija</a>
+
+       <ul>
+
+       <li>
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/registracija/vrste2">Oblici sudjelovanja</a>
+
+       <li>
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/registracija/kotizacija">Kotizacija</a>
+       <li>
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/registracija/bodovanje2">Bodovanje</a>
+
+   </ul></li>
+
+       <li>
+       <a class="level4" href="http://psihologija.ffzg.hr/drzb2011/prijava">Prijava izlaganja</a>
+       <ul>
+
+       <li>
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/prijava/pripremasazetaka">Priprema sažetaka</a>
+       <li>
+
+               <a class="level5" href="http://psihologija.ffzg.hr/drzb2011/prijava/obrazac">Obrazac za prijavu</a>
+
+   </ul></li>
+       <li>
+               <a class="level4" href="http://psihologija.ffzg.hr/drzb2011/program">Program</a>
+       <li>
+               <a class="level4" href="http://psihologija.ffzg.hr/drzb2011/organizacija">Organizacija</a>
+       <li>
+               <a target="_blank" class="level4" href="http://psihologija.ffzg.hr/drzb2011/smjestaj">Smještaj</a>
+</ul>
+</div>
+
+    </div>
+
+    <div id="mainNav_right">
+        <ul>
+            <li><a href="http://psihologija.ffzg.hr/drzb2011" class="active">Hrvatski</a></li>
+            <li><a href="http://psihologija.ffzg.hr/drzb2011-eng">English</a></li>
+        </ul>
+    </div>
+</div>
+
+<div class="title">
+<h1>Registracija i prijavljivanje izlaganja</h1>
+</div>
+
+
+<div class="root" ng:controller="Registration" ng:init="$window.$root = this;">
+
+
+<div style="clear: both; padding-top: 10px;" ng:show="! registration.$id && ! symposium.$id">
+<p>
+Svi sudionici skupa, bez obzira na to jesu li izlagači, suautori ili slušači, moraju se registrirati 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 ne trebaju prijaviti sažetak, nego se samo registrirati.
+</p>
+
+<p>
+Organizatori simpozija prijavljuju i sažetak simpozija i sažetak svakog pripadajućeg rada (mora ih biti četiri). Autori pojedinih radova unutar simpozija NE prijavljuju pojedinačno svoje sažetke, nego se u sustav registriraju kao sudionici simpozija.
+</p>
+
+<p>
+Organizatori okruglog stola prijavljuju samo sažetak okruglog stola, a sudionici se registriraju kao sudionici okruglog stola.
+</p>
+
+<p>
+Duljina sažetka treba biti između 1800 i 2000 znakova (uključujući razmake).
+</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 ili autor koji će izlagati.
+</p>
+
+
+
+</div>
+
+<!--
+<a name="{{$location.hash}}" >bla</a>
+-->
+
+<!--
+<div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
+-->
+<div style="margin-bottom: 40px">
+
+
+</div>
+<div style="padding-top: 40px">
+</div>
+
+<!--
+<div id="submission" ng:show="! registration.$id && ! symposium.$id">
+-->
+<div id="submission">
+       <div>
+               <h2>Tip registracije</h2>
+               <label><input type="radio" name="registration.type" value="participant" ng:required>Samo registracija</label>
+               <label><input type="radio" name="registration.type" value="sparticipant" ng:required>Sudionik simpozija/okruglog stola</label>
+               <label><input type="radio" name="registration.type" value="symposium" ng:required>Organizator simpozija</label>
+               <label><input type="radio" name="registration.type" value="round" ng:required>Organizator okruglog stola</label>
+               <label><input type="radio" name="registration.type" value="lecture" ng:required>Usmeno priopćenje</label>
+               <label><input type="radio" name="registration.type" value="poster" ng:required>Prezentacija postera</label>
+       </div>
+               <label><input type="radio" name="registration.type" value="student" ng:required ng:change="registration.dinner = 'no'">Student - samo registracija</label>
+               <label><input type="radio" name="registration.type" value="accomp" ng:required>Osoba u pratnji</label>
+</div>
+<!--
+<div id="participant" ng:show="! registration.$id && ! symposium.$id">
+-->
+<div id="participant">
+
+       
+       <h2>Podaci za kontakt</h2>
+       <div class="labelTop">
+               <div class="input input4">Ime</div>
+               <div class="input input4">Prezime</div>
+       </div>
+       <div style="clear: both">
+               <input class="input4" name="registration.person.name" ng:required>
+               <input class="input4" name="registration.person.surname" ng:required>
+       </div>
+       <div class="labelTop">
+               <div class="input input5">Ustanova</div>
+       </div>  
+       <div style="clear: both">
+               <input class="input5" name="registration.person.inst">
+       </div>
+       <div class="labelTop">
+               <div class="input input5">Adresa</div>
+       </div>  
+       <div style="clear: both">
+               <input class="input5" name="registration.person.address1" ng:required>
+       </div>
+       <div class="labelTop">
+               <div class="input input6">Grad</div>
+               <div class="input input6">Poštanski br.</div>
+               <div class="input input6">Zemlja</div>
+       </div>
+       <div style="clear: both">
+               <input class="input6" name="registration.person.city" ng:required>
+               <input class="input6" name="registration.person.zip">
+               <input class="input6" name="registration.person.country">
+       </div>
+       <div class="labelTop">
+               <div class="input input4">E-pošta</div>
+               <div class="input input4">Tel. broj</div>
+       </div>
+       <div style="clear: both">
+               <input class="input4" name="registration.person.email" ng:validate="email" ng:required>
+               <input class="input4" name="registration.person.phone">
+       </div>
+       <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">Označite ako ste student.
+       </div>
+       <div style="clear: both; margin-top: 20px;">
+               Hoćete li biti na domjenku dobrodošlice u četvrtak u 20 sati?<br/>
+               <input type="radio" name="registration.reception" value="yes">Da
+               <input type="radio" name="registration.reception" value="no">Ne
+       </div>
+       <div ng:show="registration.type != 'student'" style="clear: both; margin-top: 20px;">
+               Hoćete li biti na zajedničkoj večeri u petak u 20 sati? (Večera je uključena u kotizaciju.)<br/>
+               <input type="radio" name="registration.dinner" value="yes">Da
+               <input type="radio" name="registration.dinner" value="no">Ne
+       </div>
+       <div ng:show="registration.type != 'student'" style="clear: both; margin-top: 20px;">
+               Trebate li R-1 račun?<br/>
+               <input type="radio" name="registration.r1" value="yes">Da
+               <input type="radio" name="registration.r1" value="no">Ne
+       </div>
+       <div ng:show="registration.r1 == 'yes'">
+               <div class="labelTop">
+                       <div class="input input5">Naziv organizacije koja uplaćuje</div>
+               </div>  
+               <div style="clear: both">
+                       <input class="input5" name="registration.r1inst" ng:required>
+               </div>
+               <div class="labelTop">
+                       <div class="input input5">Adresa organizacije</div>
+               </div>  
+               <div style="clear: both">
+                       <input class="input5" name="registration.r1address" ng:required>
+               </div>
+               <div class="labelTop">
+                       <div class="input input5">OIB organizacije</div>
+               </div>  
+               <div style="clear: both">
+                       <input class="input5" name="registration.r1oib" ng:required>
+               </div>
+       </div>
+       
+</div>
+
+
+       
+       <div ng:show="registration.type == 'sparticipant' && ! last_saved.$id">
+               <h2>Tema simpozija/okruglog stola</h2>
+               <input class="input1" name="registration.sympattend" ng:required>
+       </div>
+
+
+<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>Simpozij</h2>
+       <label for="registration.symposium.title">Tema:</label>
+               <input class="input1" name="registration.symposium.title" ng:required>
+       <label>Organizator(i):</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>
+               <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>
+               <div class="clear"><a class="addPerson" href="" ng:click="registration.symposium.organizers.$add()">Dodaj drugog organizatora</a></div>
+       <label>Sažetak (<span class="lengthCount">{{registration.symposium.abstract.length}}</span> / maks. 2000 znakova)</label>
+               <textarea class="input1" name="registration.symposium.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
+               
+               <div ng:show="symposium">
+                       <b>Simpozij:</b> {{registration.symposium.title}}
+                       <blockquote>
+                       <label>Prijavljeni radovi za ovaj simpozij:</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>
+
+<!--
+               <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>
+                       <b ng:show="registration.$id == w.$id">{{w.title}}</b>
+                       </li>
+                       </ol>
+                       </blockquote>
+               </div>
+-->
+<h3 ng:show="registration.type == 'symposium'">Prijava rada unutar simpizija ({{registration.symposium.work_nr}})</h3>
+<h2 ng:show="registration.type == 'lecture'">Prijava usmenog priopćenja</h2>
+<h2 ng:show="registration.type == 'poster'">Prijava postera</h2>
+<h2 ng:show="registration.type == 'round'">Prijava teme okruglog stola</h2>
+
+
+<label>Naslov:</label>
+       <input class="input1" name="registration.work.title" ng:required>
+<div ng:show="registration.type != 'round'">
+<label>Autori:</label>
+       <div>
+               <div class="input input2">Ime</div><div class="input input2">Prezime</div><div class="input input3">Ustanova</div><div class="input input2">E-pošta</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()">Dodaj još jednog autora</a>
+</div>
+<div ng:show="registration.type == 'round'">
+<label>Organizator:</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>
+
+<label>Sažetak (<span class="lengthCount">{{registration.work.abstract.length}}</span> / maks. 2000 znakova)</label>
+       <textarea class="input1" name="registration.work.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
+
+
+</div> <!-- ng:show="registration.type" -->
+</div>
+
+<!--
+<div class="button" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0 && (symposium.$id || (registration.reception != null && registration.dinner != null))">
+-->
+<div class="button">
+<!--
+<input type="submit" value="Snimi" ng:click="save();" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0" >
+-->
+<input type="submit" value="Snimi" ng:click="save();">
+</div>
+
+
+<div style="margin-bottom: 40px" ng:show="registration.$id && last_saved.$equals(registration)">
+</div>
+<!--
+<div class="button button2" style="clear: both">
+       <input type="reset" value="Dodavanje sljedećeg rada" 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()">
+       <div class="gohome"><a href="http://psihologija.ffzg.hr/drzb2011/">Go to conference home page</a></div>
+</div>
+-->
+</div>
+<div id="footer">
+        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
+        <div id="go_to_top"><a href="#"></a></div>
+   <p id="foot">
+        <a href="http://psihologija.ffzg.hr" target="_blank">http://psihologija.ffzg.hr</a>
+    </p> 
+</div>
+
+<!--
+<div ng:show="registration.$id">
+Permalink to <a href="#{{registration.$id}}">DRZB2011 registration</a> which you can bookmark
+</div>
+-->
+<!--
+<div style="clear: both">
+<input type=checkbox name=debug style="float: right; clear: both">
+<pre ng:show="debug">
+
+dirty={{! last_saved.$equals(registration)}} invalid={{$invalidWidgets.visible()}}
+
+registration = {{registration}}
+
+last_saved = {{last_saved}}
+
+master = {{master}}
+
+symposium = {{symposium}}
+
+$id={{$id}}
+registration.$id={{registration.$id}}
+</pre>
+</div>
+
+</body>
+</html>