convert rest of form parts to bootstrap
[angular-drzb] / app / partials / registration.html
1 <h1>Registracija i prijavljivanje izlaganja</h1>
2
3 <p>
4 Svi sudionici skupa, bez obzira na to jesu li izlagači, suautori ili slušači, moraju se registrirati kroz sustav elektroničke prijave.
5 </p>
6
7 <form ng-controller="RegistrationCtrl" name="RegistrationForm">
8
9 <h2>Odaberite tip registracije</h2>
10
11 <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>
12 <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>
13 <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>
14 <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>
15 <hr />
16 <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>
17 <label class="radio"><input type="radio" ng-model="user.registration_type" value="accomp" >Registracija za osobe u pratnji.</label>
18
19
20 <fieldset ng-show="user.registration_type">
21
22 <legend>Registracija kontakt podaci</legend>
23
24 <div class="controls controls-row">
25  <input class="my-input span6" ng-model="user.firstname" placeholder="Ime" ng-required="true" />
26  <input class="my-input span6" ng-model="user.surname"   placeholder="Prezime" ng-required="true" />
27 </div>
28
29 <div class="controls controls-row">
30  <input class="my-input span12" ng-model="user.organization" placeholder="Ustanova" >
31 </div>
32
33 <div class="controls controls-row">
34  <input class="my-input span12" ng-model="user.address" placeholder="Adresa" >
35 </div>
36
37 <div class="controls controls-row">
38  <input class="my-input span4" ng-model="user.city" placeholder="Grad" ng-required="true" >
39  <input class="my-input span4" ng-model="user.zip_code" placeholder="Poštanski br." >
40  <input class="my-input span4" ng-model="user.country" placeholder="Zemlja" >
41 </div>
42
43 <div class="controls controls-row">
44  <input class="my-input span6" ng-model="user.email" type="email" placeholder="E-pošta" ng-required="true" />
45  <input class="my-input span6" ng-model="user.phone" placeholder="Tel. broj" />
46 </div>
47
48 <label class="checkbox">
49  <input ng-model="user.student" type="checkbox" ng-change="change_student()">
50  Označite ako ste student.
51 </label>
52
53 <div ng-show="! user.student">
54
55 <label class="checkbox">
56  <input ng-model="user.hpd_member" type="checkbox">
57  Označite ako ste član HPD-a
58 </label>
59
60 </div><!-- ! user.student -->
61
62 <legend>
63 Hoćete li biti na domjenku dobrodošlice
64 </legend>
65 <label class="radio"><input type="radio" ng-model="user.reception" value="yes" ng-required="true">Da</label>
66 <label class="radio"><input type="radio" ng-model="user.reception" value="no"  ng-required="true">Ne</label>
67
68 <div ng-show="! user.student">
69
70 <legend>
71 Hoćete li biti na zajedničkoj večeri?
72 </legend>
73 Večera je uključena u kotizaciju.
74 <label class="radio"><input type="radio" ng-model="user.dinner" value="yes" ng-required="! user.student && ! user.dinner">Da</label>
75 <label class="radio"><input type="radio" ng-model="user.dinner" value="no"  ng-required="! user.student && ! user.dinner">Ne</label>
76
77 <label class="checkbox">
78 <input type="checkbox" ng-model="user.r1.required">
79 Trebam R-1 račun
80 </label>
81
82 <div ng-show="user.r1.required">
83 <legend>
84 Organizacija koja uplaćuje R-1 račun
85 </legend>
86
87 <input class="my-input span12" ng-model="user.r1.organization" ng-required="user.r1.required" placeholder="Naziv">
88 <input class="my-input span12" ng-model="user.r1.address" ng-required="user.r1.required" placeholder="Adresa">
89 <input class="my-input span5" ng-model="user.r1.OIB" ng-required="user.r1.required" placeholder="OIB">
90
91 </div><!-- r1.required -->
92
93 </div><!-- not student -->
94
95 </fieldset><!-- selected registration_type -->
96
97
98 <div ng-show="has_work">
99
100 <div ng-switch on="work.type">
101 <h2 ng-switch-when="lecture">Prijava predavanja</h2>
102 <h2 ng-switch-when="poster">Prijava postera</h2>
103 <h2 ng-switch-when="symposium">Simpozij</h2>
104 <h2 ng-switch-when="round">Prijava teme okruglog stola</h2>
105 <b ng-switch-default>Has unknown work type {{work.type}} to submit</b>
106 </div>
107
108 <input class="my-input input-block-level" ng-model="work.title" placeholder="Naslov" ng-required="has_work" >
109 <h3 ng-show="user.registration_type == 'symposium'">Organizator simpozija</h3>
110 <div ng-repeat="person in work.persons" class="controls controls-row">
111         <input class="span2 my-input" ng-model="person.firstname" placeholder="Ime" ng-required="has_work" />
112         <input class="span2 my-input" ng-model="person.surname"   placeholder="Prezime" ng-required="has_work" />
113         <input class="span4 my-input" ng-model="person.organization" placeholder="Ustanova" >
114         <input class="span2 my-input" ng-model="person.email" type="email" placeholder="E-mail" ng-required="has_work" />
115         <a class="btn btn-danger" href="" ng-click="removePerson(work.persons,person)">obriši</a>
116 </div>
117 <a class="btn" href="" ng-click="addPerson(work.persons)">dodaj osobu</a>
118 <label class="left">
119 Sažetak ({{work.abstract.length || 0}}  od maks. 2000 znakova)
120 </label>
121 <textarea class="span12" ng-model="work.abstract" ng-maxlength="2000" rows="10" cols="80" ng-required="has_work" ></textarea>
122
123 </div><!-- has_work -->
124
125 <div ng-show="user.registration_type == 'symposium'">
126
127 <h2>Prijava radova unutar simpozija {{work.title}}</h2>
128
129 <div ng-repeat="work in work.symposium_works">
130
131 <h3>{{$index + 1}}. rad na simpoziju</h3>
132
133 <input class="my-input input-block-level" ng-model="work.title" placeholder="Naslov" ng-required="has_work" >
134 <div ng-repeat="person in work.persons" class="controls controls-row">
135         <input class="span2 my-input" ng-model="person.firstname" placeholder="Ime" ng-required="has_work" />
136         <input class="span2 my-input" ng-model="person.surname"   placeholder="Prezime" ng-required="has_work" />
137         <input class="span4 my-input" ng-model="person.organization" placeholder="Ustanova" >
138         <input class="span2 my-input" ng-model="person.email" type="email" placeholder="E-mail" ng-required="has_work" />
139         <a class="btn btn-danger" href="" ng-click="removePerson(work.persons,person)">obriši</a>
140 </div>
141 <a class="btn" href="" ng-click="addPerson(work.persons)">dodaj osobu</a>
142 <label class="left">
143 Sažetak ({{work.abstract.length || 0}}  od maks. 2000 znakova)
144 </label>
145 <textarea class="span12" ng-model="work.abstract" ng-maxlength="2000" rows="10" cols="80" ng-required="has_work" ></textarea>
146
147 </div><!-- ng-repeat symposium_works  -->
148
149 <a class="btn" href="" ng-click="add_symposium_work(work.symposium_works)">Dodaj još jedan rad na simpoziju</a>
150
151 </div><!-- user.registration_type == 'symposium' -->
152
153 <div class="form-actions">
154  <button class="btn btn-primary" ng-click="update(registration)" ng-show="RegistrationForm.$valid">Registriraj se za konferenciju</button>
155 <p class="left" style="color: red" ng-show="! RegistrationForm.$valid">
156 Molimo ispunite sva obavezna polja. Obratite pažnju na polja s narančastim okvirom. Odlučite o dolasku na domjenak i večeru.
157 </p>
158 </div>
159
160
161 <pre>
162 {{RegistrationForm.$valid}}
163 {{RegistrationForm.$error}}
164
165 location={{$location.path()}}
166
167 </pre>
168
169 </form>
170