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

   1 <h1>Registration and proposal submission</h1>
   2
   3 <div id="intro">
   4 <p>
   5 All participants (presenters, coauthors and visitors) have to register via on-line register system.
   6 </p>
   7
   8 <p>
   9 Abstract of <strong>oral presentation/poster</strong> has to be submitted only by first author or by presenting coauthor. Other coauthors do not have to submit the abstract, only register.
  10 </p>
  11
  12 <p>
  13 The organizers of <strong>symposia</strong> have to submit not only the symposium’s abstract, but the abstracts of every single paper within it (it has to be four of them). Authors of papers within symposium DO NOT submit their abstracts on their own, but only register.
  14 </p>
  15
  16 <p>
  17 The organizers of <strong>round tables</strong> have to submit only abstract of the round table, while its participants have to register only.
  18 </p>
  19
  20 <p>
  21 The abstracts length should be between <strong>1800 and 2000 characters</strong> (space included).
  22 </p>
  23
  24 <p>
  25 One person can be author of <strong>maximum three papers</strong>, only one of them as first/presenting/single author.
  26 </p>
  27 </div> <!-- intro -->
  28
  29 <form ng-controller="RegistrationCtrl" name="RegistrationForm">
  30
  31 <legend>Registration type</legend>
  32
  33 <label class="radio"><input type="radio" ng-model="user.registration_type" value="lecture" >Oral presentation</label>
  34 <label class="radio"><input type="radio" ng-model="user.registration_type" value="poster" >Poster prezentation</label>
  35 <label class="radio"><input type="radio" ng-model="user.registration_type" value="symposium" >Symposium</label>
  36 <label class="radio"><input type="radio" ng-model="user.registration_type" value="round" >Round table</label>
  37 <hr />
  38 <label class="radio"><input type="radio" ng-model="user.registration_type" value="participant" >Registration</label>
  39 <label class="radio"><input type="radio" ng-model="user.registration_type" value="accomp" >Registration for accompanying persons</label>
  40
  41 <fieldset ng-show="user.registration_type">
  42
  43 <legend>Registration - contact information</legend>
  44
  45 <div class="controls controls-row">
  46  <input class="my-input span6" ng-model="user.firstname" placeholder="Name" ng-required="true" />
  47  <input class="my-input span6" ng-model="user.surname"   placeholder="Surname" ng-required="true" />
  48 </div>
  49
  50 <div class="controls controls-row">
  51  <input class="my-input span12" ng-model="user.organization" placeholder="Institution" >
  52 </div>
  53
  54 <div class="controls controls-row">
  55  <input class="my-input span12" ng-model="user.address" placeholder="Address" >
  56 </div>
  57
  58 <div class="controls controls-row">
  59  <input class="my-input span4" ng-model="user.city" placeholder="City" ng-required="true" >
  60  <input class="my-input span4" ng-model="user.zip_code" placeholder="ZIP" >
  61  <input class="my-input span4" ng-model="user.country" placeholder="Country" >
  62 </div>
  63
  64 <div class="controls controls-row">
  65  <input class="my-input span6" ng-model="user.email" type="email" placeholder="E-mail" ng-required="true" />
  66  <input class="my-input span6" ng-model="user.phone" placeholder="Phone number" />
  67 </div>
  68
  69 <legend>
  70 </legend>
  71 <label class="checkbox">
  72  <input ng-model="user.student" type="checkbox" ng-change="change_student()">
  73 Check this box if you are student
  74 </label>
  75
  76 <div ng-show="! user.student">
  77
  78 <label class="checkbox">
  79  <input ng-model="user.hpd_member" type="checkbox">
  80 Check this box if you are HPD member
  81 </label>
  82
  83 <label class="checkbox">
  84 <input type="checkbox" ng-model="user.r1.required">
  85 Check this box if you need invoice
  86 </label>
  87
  88 <div ng-show="user.r1.required">
  89 <legend>
  90 Institution contact details
  91 </legend>
  92
  93 <input class="my-input span12" ng-model="user.r1.organization" ng-required="user.r1.required" placeholder="Name">
  94 <input class="my-input span12" ng-model="user.r1.address" ng-required="user.r1.required" placeholder="Address">
  95 <input class="my-input span5" ng-model="user.r1.OIB" ng-required="user.r1.required" placeholder="OIB">
  96
  97 </div><!-- r1.required -->
  98 </div><!-- ! user.student -->
  99
 100 <legend>
 101 </legend>
 102 <strong>Will you join us for the welcome reception?</strong>
 103 <label class="radio"><input type="radio" name="user.reception" ng-model="user.reception" value="yes" ng-required="true">Yes</label>
 104 <label class="radio"><input type="radio" name="user.reception" ng-model="user.reception" value="no"  ng-required="true">No</label>
 105
 106 <div ng-show="! user.student">
 107
 108 <legend>
 109 </legend>
 110 <strong>Will you join us for the conference dinner?</strong>
 111 Dinner is included in the regostration fee.
 112 <label class="radio"><input type="radio" name="user.dinner" ng-model="user.dinner" value="yes" ng-required="! user.student && ! user.dinner">Yes</label>
 113 <label class="radio"><input type="radio" name="user.dinner" ng-model="user.dinner" value="no"  ng-required="! user.student && ! user.dinner">No</label>
 114
 115
 116 </div><!-- not student -->
 117
 118 </fieldset><!-- selected registration_type -->
 119
 120
 121 <div ng-show="has_work">
 122
 123 <div ng-switch on="work.type">
 124 <h2 ng-switch-when="lecture">Oral presentation submission</h2>
 125 <h2 ng-switch-when="poster">Poster presentation submission</h2>
 126 <h2 ng-switch-when="symposium">Symposium</h2>
 127 <h2 ng-switch-when="round">Round table</h2>
 128 <b ng-switch-default>Has unknown work type {{work.type}} to submit</b>
 129 </div>
 130
 131 <input class="span10 my-input input-block-level" ng-model="work.title" placeholder="Title" ng-required="has_work" >
 132 <h3 ng-show="user.registration_type == 'symposium'">Symposium organizer</h3>
 133 <div ng-repeat="person in work.persons" class="controls controls-row">
 134         <input class="span2 my-input" ng-model="person.firstname" placeholder="Name" ng-required="has_work" />
 135         <input class="span2 my-input" ng-model="person.surname"   placeholder="Surname" ng-required="has_work" />
 136         <input class="span2 my-input" ng-model="person.organization" placeholder="Institution" >
 137         <input class="span2 my-input" ng-model="person.email" type="email" placeholder="E-mail" ng-required="has_work" />
 138         <a class="btn btn-danger" href="" ng-click="removePerson(work.persons,person)">delete</a>
 139 </div>
 140 <a class="btn" href="" ng-click="addPerson(work.persons)">add person</a>
 141 <div class="controls">
 142  <label>
 143  Abstract ({{work.abstract.length || 0}}  from max. 2000 characters with spaces)
 144  </label>
 145  <textarea class="span12" ng-model="work.abstract" ng-maxlength="2000" rows="10" cols="80" ng-required="has_work" ></textarea>
 146 </div>
 147
 148 </div><!-- has_work -->
 149
 150 <div ng-show="user.registration_type == 'symposium'">
 151
 152 <h2>Prijava radova unutar simpozija {{work.title}}</h2>
 153
 154 <div ng-repeat="work in work.symposium_works">
 155
 156 <h3>{{$index + 1}}. rad na simpoziju</h3>
 157
 158 <input class="my-input input-block-level" ng-model="work.title" placeholder="Title" ng-required="has_work" >
 159 <div ng-repeat="person in work.persons" class="controls controls-row">
 160         <input class="span2 my-input" ng-model="person.firstname" placeholder="Name" ng-required="has_work" />
 161         <input class="span2 my-input" ng-model="person.surname"   placeholder="Surname" ng-required="has_work" />
 162         <input class="span2 my-input" ng-model="person.organization" placeholder="Institution" >
 163         <input class="span2 my-input" ng-model="person.email" type="email" placeholder="E-mail" ng-required="has_work" />
 164         <a class="btn btn-danger" href="" ng-click="removePerson(work.persons,person)">delete</a>
 165 </div>
 166 <a class="btn" href="" ng-click="addPerson(work.persons)">add person</a>
 167 <div class="controls">
 168  <label>
 169  Abstract ({{work.abstract.length || 0}}  from max. 2000 characters with spaces)
 170  </label>
 171  <textarea class="span12" ng-model="work.abstract" ng-maxlength="2000" rows="10" cols="80" ng-required="has_work" ></textarea>
 172 </div>
 173
 174 </div><!-- ng-repeat symposium_works  -->
 175
 176 <a class="btn" href="" ng-click="add_symposium_work(work.symposium_works)">Add one more work to the symposium</a>
 177
 178 </div><!-- user.registration_type == 'symposium' -->
 179
 180 <div class="form-actions">
 181  <button class="btn btn-primary" ng-click="update(registration)" ng-show="RegistrationForm.$valid">Submit</button>
 182 <p class="left" style="color: red" ng-show="! RegistrationForm.$valid">
 183 Please fill all required fields correctly. Fields with red border call for your attention.
 184 </p>
 185 </div>
 186
 187 <!--
 188 <pre>
 189 {{RegistrationForm.$valid}}
 190 {{RegistrationForm.$error}}
 191
 192 location={{$location.path()}}
 193
 194 </pre>
 195 -->
 196 </form>
 197