dizajn drzb2013
[angular-drzb] / app / partials / registration.html
index 7a9030c..bf5c7ad 100644 (file)
+<h1>Registracija i prijavljivanje izlaganja</h1>
+
+<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>
 
 <form ng-controller="RegistrationCtrl" name="RegistrationForm">
 
-<h2>Registration - contact details</h2>
+<h2>Odaberite tip registracije</h2>
 
-<input ng-model="user.firstname" placeholder="first name" required />
-<input ng-model="user.surname"   placeholder="surname" required />
-<br>
-<input ng-model="user.organization" placeholder="organizacija" >
-<br>
-<input ng-model="user.address" placeholder="address" >
-<input ng-model="user.town" placeholder="town" required >
-<input ng-model="user.zip_code" placeholder="zip code" >
-<input ng-model="user.country" placeholder="country" >
-<br>
-<input ng-model="user.email" type="email" placeholder="e-mail@example.com" required />
-<input ng-model="user.phone" placeholder="+385-1-555-1234" />
+<label class="radio"><input type="radio" ng-model="user.registration_type" value="lecture" >Prijava usmenog izlaganja - <i>popunjava prvi autor, odnosno osoba koja će izložiti rad. Ostali autori trebaju se samo registrirati.</i></label>
+<label class="radio"><input type="radio" ng-model="user.registration_type" value="poster" >Prijava poster prezentacije - <i>popunjava prvi autor, ondnosno osoba koja će izložiti rad. Ostali autori trebaju se samo registrirati.</i></label>
+<label class="radio"><input type="radio" ng-model="user.registration_type" value="symposium" >Prijava simpozija - <i>popunjava organizator simpozija, upisuje sažetke svih radova. Autori radova na simpoziju trebaju se samo registrirati.</i></label>
+<label class="radio"><input type="radio" ng-model="user.registration_type" value="round" >Prijava okruglog stola - <i>popunjava organizator okruglog stola. Sudionici se trebaju registrirati.</i></label>
+<hr />
+<label class="radio"><input type="radio" ng-model="user.registration_type" value="participant" >Registracija - <i>popunjavaju slušači i suatori, te autori i suatori radova na simpoziju i sudionici okruglog stola.</i></label>
+<label class="radio"><input type="radio" ng-model="user.registration_type" value="accomp" >Registracija za osobe u pratnji.</label>
 
-<br>
+<fieldset ng-show="user.registration_type">
 
-<button ng-click="update(user)" ng-show="RegistrationForm.$valid">Register for conference</button>
+<legend>Registracija - kontakt podaci</legend>
 
-<pre>
-user={{user}}
+<div class="controls controls-row">
+ <input class="my-input span6" ng-model="user.firstname" placeholder="Ime" ng-required="true" />
+ <input class="my-input span6" ng-model="user.surname"   placeholder="Prezime" ng-required="true" />
+</div>
+
+<div class="controls controls-row">
+ <input class="my-input span12" ng-model="user.organization" placeholder="Ustanova" >
+</div>
+
+<div class="controls controls-row">
+ <input class="my-input span12" ng-model="user.address" placeholder="Adresa" >
+</div>
+
+<div class="controls controls-row">
+ <input class="my-input span4" ng-model="user.city" placeholder="Grad" ng-required="true" >
+ <input class="my-input span4" ng-model="user.zip_code" placeholder="Poštanski br." >
+ <input class="my-input span4" ng-model="user.country" placeholder="Zemlja" >
+</div>
+
+<div class="controls controls-row">
+ <input class="my-input span6" ng-model="user.email" type="email" placeholder="E-pošta" ng-required="true" />
+ <input class="my-input span6" ng-model="user.phone" placeholder="Tel. broj" />
+</div>
+
+<label class="checkbox">
+ <input ng-model="user.student" type="checkbox" ng-change="change_student()">
+ Označite ako ste student.
+</label>
+
+<div ng-show="! user.student">
+
+<label class="checkbox">
+ <input ng-model="user.hpd_member" type="checkbox">
+ Označite ako ste član HPD-a
+</label>
+
+<label class="checkbox">
+<input type="checkbox" ng-model="user.r1.required">
+Trebam R-1 račun
+</label>
+
+<div ng-show="user.r1.required">
+<legend>
+Organizacija koja uplaćuje R-1 račun
+</legend>
+
+<input class="my-input span12" ng-model="user.r1.organization" ng-required="user.r1.required" placeholder="Naziv">
+<input class="my-input span12" ng-model="user.r1.address" ng-required="user.r1.required" placeholder="Adresa">
+<input class="my-input span5" ng-model="user.r1.OIB" ng-required="user.r1.required" placeholder="OIB">
+
+</div><!-- r1.required -->
+</div><!-- ! user.student -->
+
+<legend>
+Hoćete li biti na domjenku dobrodošlice
+</legend>
+<label class="radio"><input type="radio" ng-model="user.reception" value="yes" ng-required="true">Da</label>
+<label class="radio"><input type="radio" ng-model="user.reception" value="no"  ng-required="true">Ne</label>
+
+<div ng-show="! user.student">
+
+<legend>
+Hoćete li biti na zajedničkoj večeri?
+</legend>
+Večera je uključena u kotizaciju.
+<label class="radio"><input type="radio" ng-model="user.dinner" value="yes" ng-required="! user.student && ! user.dinner">Da</label>
+<label class="radio"><input type="radio" ng-model="user.dinner" value="no"  ng-required="! user.student && ! user.dinner">Ne</label>
+
+
+</div><!-- not student -->
 
-$routeParams={{$routeParams}}
+</fieldset><!-- selected registration_type -->
 
+
+<div ng-show="has_work">
+
+<div ng-switch on="work.type">
+<h2 ng-switch-when="lecture">Prijava predavanja</h2>
+<h2 ng-switch-when="poster">Prijava postera</h2>
+<h2 ng-switch-when="symposium">Simpozij</h2>
+<h2 ng-switch-when="round">Prijava teme okruglog stola</h2>
+<b ng-switch-default>Has unknown work type {{work.type}} to submit</b>
+</div>
+
+<input class="my-input input-block-level" ng-model="work.title" placeholder="Naslov" ng-required="has_work" >
+<h3 ng-show="user.registration_type == 'symposium'">Organizator simpozija</h3>
+<div ng-repeat="person in work.persons" class="controls controls-row">
+       <input class="span2 my-input" ng-model="person.firstname" placeholder="Ime" ng-required="has_work" />
+       <input class="span2 my-input" ng-model="person.surname"   placeholder="Prezime" ng-required="has_work" />
+       <input class="span4 my-input" ng-model="person.organization" placeholder="Ustanova" >
+       <input class="span2 my-input" ng-model="person.email" type="email" placeholder="E-mail" ng-required="has_work" />
+       <a class="btn btn-danger" href="" ng-click="removePerson(work.persons,person)">obriši</a>
+</div>
+<a class="btn" href="" ng-click="addPerson(work.persons)">dodaj osobu</a>
+<div class="controls">
+ <label>
+ Sažetak ({{work.abstract.length || 0}}  od maks. 2000 znakova s razmacima)
+ </label>
+ <textarea class="span12" ng-model="work.abstract" ng-maxlength="2000" rows="10" cols="80" ng-required="has_work" ></textarea>
+</div>
+
+</div><!-- has_work -->
+
+<div ng-show="user.registration_type == 'symposium'">
+
+<h2>Prijava radova unutar simpozija {{work.title}}</h2>
+
+<div ng-repeat="work in work.symposium_works">
+
+<h3>{{$index + 1}}. rad na simpoziju</h3>
+
+<input class="my-input input-block-level" ng-model="work.title" placeholder="Naslov" ng-required="has_work" >
+<div ng-repeat="person in work.persons" class="controls controls-row">
+       <input class="span2 my-input" ng-model="person.firstname" placeholder="Ime" ng-required="has_work" />
+       <input class="span2 my-input" ng-model="person.surname"   placeholder="Prezime" ng-required="has_work" />
+       <input class="span4 my-input" ng-model="person.organization" placeholder="Ustanova" >
+       <input class="span2 my-input" ng-model="person.email" type="email" placeholder="E-mail" ng-required="has_work" />
+       <a class="btn btn-danger" href="" ng-click="removePerson(work.persons,person)">obriši</a>
+</div>
+<a class="btn" href="" ng-click="addPerson(work.persons)">dodaj osobu</a>
+<div class="controls">
+ <label>
+ Sažetak ({{work.abstract.length || 0}}  od maks. 2000 znakova s razmacima)
+ </label>
+ <textarea class="span12" ng-model="work.abstract" ng-maxlength="2000" rows="10" cols="80" ng-required="has_work" ></textarea>
+</div>
+
+</div><!-- ng-repeat symposium_works  -->
+
+<a class="btn" href="" ng-click="add_symposium_work(work.symposium_works)">Dodaj još jedan rad na simpoziju</a>
+
+</div><!-- user.registration_type == 'symposium' -->
+
+<div class="form-actions">
+ <button class="btn btn-primary" ng-click="update(registration)" ng-show="RegistrationForm.$valid">Pošalji</button>
+<p class="left" style="color: red" ng-show="! RegistrationForm.$valid">
+Molimo ispunite sva obavezna polja označena crvenim okvirom.
+</p>
+</div>
+
+
+<pre>
 {{RegistrationForm.$valid}}
 {{RegistrationForm.$error}}
 
@@ -34,4 +171,3 @@ location={{$location.path()}}
 
 </form>
 
-