git.rot13.org Git - angular-drzb/blob - app/partials/registration.html.ep

   1 <h1><%= locale
   2         en => 'Registration and proposal submission',
   3         hr => 'Registracija i prijavljivanje izlaganja'
   4 %></h1>
   5
   6 <div class="intro">
   7 %= include( "drzb2013/intro.$lang" );
   8 </div>
   9
  10 <form ng-controller="RegistrationCtrl" name="RegistrationForm">
  11
  12 <fieldset class="controls">
  13
  14 <legend><%= locale
  15         en => 'Registration type',
  16         hr => 'Odaberite tip registracije'
  17 %></legend>
  18
  19 <label class="radio"><input type="radio" ng-model="user.registration_type" value="lecture" ><%= locale
  20         en => 'Oral presentation',
  21         hr => 'Prijava usmenog izlaganja',
  22 %></label>
  23 <label class="radio"><input type="radio" ng-model="user.registration_type" value="poster" ><%= locale
  24         en => 'Poster prezentation',
  25         hr => 'Prijava poster prezentacije'
  26 %></label>
  27 <label class="radio"><input type="radio" ng-model="user.registration_type" value="symposium" ><%= locale
  28     en => 'Symposium',
  29         hr => 'Prijava simpozija'
  30 %></label>
  31 <label class="radio"><input type="radio" ng-model="user.registration_type" value="round" ><%= locale
  32     en => 'Round table',
  33         hr => 'Prijava okruglog stola',
  34 %></label>
  35 <hr />
  36 <label class="radio"><input type="radio" ng-model="user.registration_type" value="participant" ><%= locale
  37     en => 'Registration',
  38         hr => 'Registracija'
  39 %></label>
  40 <label class="radio"><input type="radio" ng-model="user.registration_type" value="accomp" ><%= locale
  41     en => 'Registration for accompanying persons',
  42         hr => 'Registracija za osobe u pratnji' %>
  43 </label>
  44 </fieldset>
  45
  46 <fieldset ng-show="user.registration_type">
  47
  48 <legend><%= locale
  49 en => 'Registration - contact information',
  50 hr => 'Registracija - kontakt podaci'
  51 %></legend>
  52
  53 % my $Name = locale( en => 'Name', hr => 'Ime' );
  54 % my $Surname = locale( en => 'Surname', hr => 'Prezime' );
  55 % my $Organization = locale( en => 'Organization', hr => 'Organizacija' );
  56 % my $Email = locale( en => 'E-mail', hr => 'E-pošta' );
  57
  58 <div class="controls controls-row">
  59  <input class="my-input span5" ng-model="user.firstname" placeholder="<%= $Name %>" ng-required="true" />
  60  <input class="my-input span5" ng-model="user.surname"   placeholder="<%= $Surname %>" ng-required="true" />
  61 </div>
  62
  63 <div class="controls controls-row">
  64  <input class="my-input span10" ng-model="user.organization" placeholder="<%= $Organization %>" >
  65 </div>
  66
  67 % my $Address = locale en => 'Address', hr => 'Adresa';
  68 <div class="controls controls-row">
  69  <input class="my-input span10" ng-model="user.address" placeholder="<%= $Address %>" >
  70 </div>
  71
  72 <div class="controls controls-row">
  73  <input class="my-input span3" ng-model="user.city" placeholder="<%= locale en => 'City', hr => 'Grad' %>" ng-required="true" >
  74  <input class="my-input span3" ng-model="user.zip_code" placeholder="<%= locale en => 'ZIP', hr => 'Poštanski br.' %>" >
  75  <input class="my-input span4" ng-model="user.country" placeholder="<%= locale en => 'Country', hr => 'Zemlja' %>" >
  76 </div>
  77
  78 <div class="controls controls-row">
  79  <input class="my-input span5" ng-model="user.email" type="email" placeholder="<%= $Email %>" ng-required="true" />
  80  <input class="my-input span5" ng-model="user.phone" placeholder="<%= locale en => 'Phone number', hr => 'Tel. broj' %>" />
  81 </div>
  82
  83 <legend>
  84 %= locale( en => 'Options', hr => '' );
  85 </legend>
  86 <label class="checkbox">
  87  <input ng-model="user.student" type="checkbox" ng-change="change_student()">
  88  <%= locale
  89 en => 'Check this box if you are student',
  90 hr => 'Označite ako ste student' %>
  91 </label>
  92
  93 <div ng-show="! user.student">
  94
  95 %# FIXME: skip for en
  96
  97 <label class="checkbox">
  98  <input ng-model="user.hpd_member" type="checkbox">
  99 <%= locale
 100 en => 'Check this box if you are HPD member',
 101 hr => 'Označite ako ste član HPD-a' %>
 102 </label>
 103
 104 <label class="checkbox">
 105 <input type="checkbox" ng-model="user.r1.required">
 106 <%= locale
 107 en => 'Check this box if you need invoice',
 108 hr => 'Trebam R-1 račun' %>
 109 </label>
 110
 111 <div ng-show="user.r1.required">
 112 <legend><%= locale
 113 en => 'Organization contact details',
 114 hr => 'Organizacija koja uplaćuje R-1 račun' %>
 115 </legend>
 116
 117 <input class="my-input span10" ng-model="user.r1.organization" ng-required="user.r1.required" placeholder="<%= $Organization %>">
 118 <input class="my-input span10" ng-model="user.r1.address" ng-required="user.r1.required" placeholder="<%= $Address %>">
 119 <input class="my-input span5" ng-model="user.r1.OIB" ng-required="user.r1.required" placeholder="OIB">
 120
 121 </div><!-- r1.required -->
 122 </div><!-- ! user.student -->
 123
 124 % my $Yes = locale( en => 'Yes', hr => 'Da' );
 125 % my $No  = locale( en => 'No',  hr => 'Ne' );
 126
 127 <legend>
 128 </legend>
 129 <strong>
 130 <%= locale
 131 en => 'Will you join us for the welcome reception?',
 132 hr => 'Hoćete li biti na domjenku dobrodošlice?' %>
 133 </strong>
 134 <label class="radio"><input type="radio" name="user.reception" ng-model="user.reception" value="yes" ng-required="true"><%= $Yes %></label>
 135 <label class="radio"><input type="radio" name="user.reception" ng-model="user.reception" value="no"  ng-required="true"><%= $No %></label>
 136
 137 <div ng-show="! user.student">
 138
 139 <legend>
 140 </legend>
 141 <strong>
 142 <%= locale
 143 en => 'Will you join us for the conference dinner?',
 144 hr => 'Hoćete li biti na zajedničkoj večeri?' %>
 145 </strong>
 146 <%= locale
 147 en => 'Dinner is included in the regostration fee.',
 148 hr => 'Večera je uključena u kotizaciju.' %>
 149 <label class="radio"><input type="radio" name="user.dinner" ng-model="user.dinner" value="yes" ng-required="! user.student && ! user.dinner"><%= $Yes %></label>
 150 <label class="radio"><input type="radio" name="user.dinner" ng-model="user.dinner" value="no"  ng-required="! user.student && ! user.dinner"><%= $No %></label>
 151
 152
 153 </div><!-- not student -->
 154
 155
 156 </fieldset><!-- selected registration_type -->
 157
 158
 159 <div ng-show="has_work">
 160
 161 <div ng-switch on="work.type">
 162 <h2 ng-switch-when="lecture"><%= locale en=>'Oral presentation submission', hr=>'Prijava usmenog izlaganja' %></h2>
 163 <h2 ng-switch-when="poster"><%= locale en=>'Poster presentation submission', hr=>'Prijava poster prezentacije' %></h2>
 164 <h2 ng-switch-when="symposium"><%= locale en=>'Symposium', hr=>'Prijava teme simpozija' %></h2>
 165 <h2 ng-switch-when="round"><%= locale en=>'Round table', hr=>'Prijava teme okruglog stola' %></h2>
 166 <b ng-switch-default>Has unknown work type {{work.type}} to submit</b>
 167 </div>
 168
 169 % my $Title = locale( en => 'Title', hr => 'Naslov' );
 170
 171 % my $WorkTemplate = begin
 172         % my $has_h3_note = shift;
 173 <div class="controls controls-row">
 174  <input class="span10 my-input" ng-model="work.title" placeholder="<%= $Title %>" ng-required="has_work" >
 175 </div>
 176
 177 % if ( $has_h3_note ) {
 178 <h3 ng-show="user.registration_type == 'symposium'">
 179 <%= locale
 180 en => 'Symposium organizer',
 181 hr => 'Organizator simpozija' %>
 182 </h3>
 183 % }
 184
 185
 186 <div ng-repeat="person in work.persons" class="controls controls-row">
 187         <input class="span2 my-input" ng-model="person.firstname" placeholder="<%= $Name %>" ng-required="has_work" />
 188         <input class="span2 my-input" ng-model="person.surname"   placeholder="<%= $Surname %>" ng-required="has_work" />
 189         <input class="span3 my-input" ng-model="person.organization" placeholder="<%= $Organization %>" >
 190         <input class="span2 my-input" ng-model="person.email" type="email" placeholder="<%= $Email %>" ng-required="has_work" />
 191         <a class="controls span1 btn btn-danger" href="" ng-click="removePerson(work.persons,person)"><%= locale en => 'delete', hr => 'obriši' %></a>
 192 </div>
 193 <a class="btn" href="" ng-click="addPerson(work.persons)"><%= locale en=>'add person',hr=>'dodaj osobu' %></a>
 194 <div class="controls">
 195  <label>
 196 <%= locale
 197 en => 'Abstract ({{work.abstract.length || 0}}  from max. 2000 characters with spaces)',
 198 hr => 'Sažetak ({{work.abstract.length || 0}}  od maks. 2000 znakova s razmacima)'
 199 %>
 200  </label>
 201  <textarea class="span10" ng-model="work.abstract" ng-maxlength="2000" rows="10" cols="80" ng-required="has_work" ></textarea>
 202 </div>
 203 % end
 204
 205 <%= $WorkTemplate->(1) %>
 206
 207 </div><!-- has_work -->
 208
 209 <div ng-show="user.registration_type == 'symposium'">
 210
 211 <h2><%= locale hr=>'Prijava radova unutar simpozija {{work.title}}' %></h2>
 212
 213 <div ng-repeat="work in work.symposium_works">
 214
 215 <h3><%= locale hr=>'{{$index + 1}}. rad na simpoziju' %></h3>
 216
 217 <%= $WorkTemplate->(0) %>
 218
 219 </div><!-- ng-repeat symposium_works  -->
 220
 221 <a class="btn" href="" ng-click="add_symposium_work(work.symposium_works)">Add one more work to the symposium</a>
 222
 223 </div><!-- user.registration_type == 'symposium' -->
 224
 225 <div class="form-actions">
 226  <button class="btn btn-primary" ng-click="update(registration)" ng-show="RegistrationForm.$valid"><%= locale en=>'Submit',hr=>'Pošalji' %></button>
 227
 228 <p class="left" style="color: red" ng-show="! RegistrationForm.$valid">
 229 <%= locale
 230 en => 'Please fill all required fields correctly. Fields with red border call for your attention.',
 231 hr => 'Molimo ispunite sva obavezna polja označena crvenim okvirom.'
 232 %>
 233 </p>
 234 </div>
 235
 236 <!--
 237 <pre>
 238 {{RegistrationForm.$valid}}
 239 {{RegistrationForm.$error}}
 240
 241 location={{$location.path()}}
 242
 243 </pre>
 244 -->
 245 </form>
 246