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