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 span5" ng-model="user.firstname" placeholder="Name" ng-required="true" />
  47  <input class="my-input span5" ng-model="user.surname"   placeholder="Surname" ng-required="true" />
  48 </div>
  49
  50 <div class="controls controls-row">
  51  <input class="my-input span10" ng-model="user.organization" placeholder="Institution" >
  52 </div>
  53
  54 <div class="controls controls-row">
  55  <input class="my-input span10" ng-model="user.address" placeholder="Address" >
  56 </div>
  57
  58 <div class="controls controls-row">
  59  <input class="my-input span3" ng-model="user.city" placeholder="City" ng-required="true" >
  60  <input class="my-input span3" 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 span5" ng-model="user.email" type="email" placeholder="E-mail" ng-required="true" />
  66  <input class="my-input span5" 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 span10" ng-model="user.r1.organization" ng-required="user.r1.required" placeholder="Name">
  94 <input class="my-input span10" 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 <div class="controls controls-row">
 132  <input class="span10 my-input" ng-model="work.title" placeholder="Title" ng-required="has_work" >
 133 </div>
 134 <h3 ng-show="user.registration_type == 'symposium'">Symposium organizer</h3>
 135 <div ng-repeat="person in work.persons" class="controls controls-row">
 136         <input class="span2 my-input" ng-model="person.firstname" placeholder="Name" ng-required="has_work" />
 137         <input class="span2 my-input" ng-model="person.surname"   placeholder="Surname" ng-required="has_work" />
 138         <input class="span3 my-input" ng-model="person.organization" placeholder="Institution" >
 139         <input class="span2 my-input" ng-model="person.email" type="email" placeholder="E-mail" ng-required="has_work" />
 140         <a class="controls span1 btn btn-danger" href="" ng-click="removePerson(work.persons,person)">delete</a>
 141 </div>
 142 <a class="btn" href="" ng-click="addPerson(work.persons)">add person</a>
 143 <div class="controls">
 144  <label>
 145  Abstract ({{work.abstract.length || 0}}  from max. 2000 characters with spaces)
 146  </label>
 147  <textarea class="span10" ng-model="work.abstract" ng-maxlength="2000" rows="10" cols="80" ng-required="has_work" ></textarea>
 148 </div>
 149
 150 </div><!-- has_work -->
 151
 152 <div ng-show="user.registration_type == 'symposium'">
 153
 154 <h2>Prijava radova unutar simpozija {{work.title}}</h2>
 155
 156 <div ng-repeat="work in work.symposium_works">
 157
 158 <h3>{{$index + 1}}. rad na simpoziju</h3>
 159
 160 <div class="controls controls-row">
 161  <input class="span10 my-input" ng-model="work.title" placeholder="Title" ng-required="has_work" >
 162 </div>
 163 <div ng-repeat="person in work.persons" class="controls controls-row">
 164         <input class="span2 my-input" ng-model="person.firstname" placeholder="Name" ng-required="has_work" />
 165         <input class="span2 my-input" ng-model="person.surname"   placeholder="Surname" ng-required="has_work" />
 166         <input class="span3 my-input" ng-model="person.organization" placeholder="Institution" >
 167         <input class="span2 my-input" ng-model="person.email" type="email" placeholder="E-mail" ng-required="has_work" />
 168         <a class="controls span1 btn btn-danger" href="" ng-click="removePerson(work.persons,person)">delete</a>
 169 </div>
 170 <a class="btn" href="" ng-click="addPerson(work.persons)">add person</a>
 171 <div class="controls">
 172  <label>
 173  Abstract ({{work.abstract.length || 0}}  from max. 2000 characters with spaces)
 174  </label>
 175  <textarea class="span10" ng-model="work.abstract" ng-maxlength="2000" rows="10" cols="80" ng-required="has_work" ></textarea>
 176 </div>
 177
 178 </div><!-- ng-repeat symposium_works  -->
 179
 180 <a class="btn" href="" ng-click="add_symposium_work(work.symposium_works)">Add one more work to the symposium</a>
 181
 182 </div><!-- user.registration_type == 'symposium' -->
 183
 184 <div class="form-actions">
 185  <button class="btn btn-primary" ng-click="update(registration)" ng-show="RegistrationForm.$valid">Submit</button>
 186 <p class="left" style="color: red" ng-show="! RegistrationForm.$valid">
 187 Please fill all required fields correctly. Fields with red border call for your attention.
 188 </p>
 189 </div>
 190
 191 <!--
 192 <pre>
 193 {{RegistrationForm.$valid}}
 194 {{RegistrationForm.$error}}
 195
 196 location={{$location.path()}}
 197
 198 </pre>
 199 -->
 200 </form>
 201