Open-ILS/src/templates/staff/circ/patron/t_edit.tt2

   1 [% DOC_IMG = '/images/question-mark.png' %]
   2
   3 <!-- register banner -->
   4 <div ng-if="!patron_id" class='patron-reg-fixed-bar'>
   5
   6   <div class="container-fluid" style="text-align:center">
   7     <div class="alert alert-info alert-less-pad strong-text-2">
   8       <span >[% l('Register Patron') %]</span>
   9     </div>
  10   </div>
  11
  12   <div class="flex-row" class='patron-reg-actions-bar'>
  13     [% INCLUDE 'staff/circ/patron/reg_actions.tt2' %]
  14   </div>
  15 </div>
  16
  17
  18 <!-- edit banner -->
  19 <div ng-if="patron_id"
  20     class="strong-text-2">[% l('Patron Edit') %]</div>
  21
  22
  23 <div id="reg-alert-pane">
  24
  25   <div id="reg-dupe-links">
  26     [%# dupe_search_encoded is uri escaped in the JS %]
  27     <div class="alert alert-danger" ng-show="dupe_counts.name">
  28       <a target="_blank"
  29         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}">
  30       [% l('[_1] patron(s) with same name', '{{dupe_counts.name}}') %]
  31       </a>
  32     </div>
  33     <div class="alert alert-danger" ng-show="dupe_counts.email">
  34       <a target="_blank"
  35         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}">
  36         [% l('[_1] patron(s) with same email',
  37         '{{dupe_counts.email}}') %]</a>
  38     </div>
  39     <div class="alert alert-danger" ng-show="dupe_counts.ident">
  40       <a target="_blank"
  41         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}">
  42         [% l('[_1] patron(s) with same identification',
  43         '{{dupe_counts.ident}}') %]</a>
  44     </div>
  45     <div class="alert alert-danger" ng-show="dupe_counts.phone">
  46       <a target="_blank"
  47         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}">
  48         [% l('[_1] patron(s) with same phone',
  49         '{{dupe_counts.phone}}') %]</a>
  50     </div>
  51     <div class="alert alert-danger" ng-show="dupe_counts.address">
  52       <a target="_blank"
  53         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}" >
  54         [% l('[_1] patron(s) with same address',
  55         '{{dupe_counts.address}}') %]</a>
  56     </div>
  57   </div>
  58
  59   <!-- IDL field documentation window -->
  60   <div class="alert alert-info" ng-show="selected_field_doc">
  61     <fieldset id="reg-field-doc">
  62       <legend>
  63       {{idl_fields[selected_field_doc.fm_class()][selected_field_doc.field()].label}}
  64       </legend>
  65       <div>{{selected_field_doc.string()}}</div>
  66     </fieldset>
  67   </div>
  68
  69   <div class="alert alert-info" ng-show="stage_user_requestor">
  70     <a target="_blank"
  71       href="/eg/staff/circ/patron/{{stage_user.reqesting_usr()}}/edit">
  72       [% l('Requested by [_1]', '{{stage_user_requestor}}') %]
  73     </a>
  74   </div>
  75 </div>
  76
  77
  78 [% MACRO formfield(cls, field, path, input_type) BLOCK;
  79
  80   # input field generator for common text/number/checkbox fields
  81
  82   IF NOT input_type; input_type = 'text'; END %]
  83
  84 <div class="row reg-field-row"
  85   ng-show="show_field('[% cls _ '.' _ field %]')">
  86
  87   <div class="col-md-3 reg-field-label"> <!-- field label -->
  88
  89     <label>{{idl_fields.[% cls %].[% field %].label}}</label>
  90
  91     <!-- field documentation img/link -->
  92     <img ng-show="field_doc.[% cls %].[% field %]"
  93       ng-click="set_selected_field_doc('[% cls %]','[% field %]')"
  94       src='[% DOC_IMG %]'></img>
  95   </div>
  96
  97   <div class="col-md-3 reg-field-input"> <!-- field form input -->
  98
  99   [% model = path ? 'patron.' _ path _ '.' _ field : 'patron.' _ field %]
 100
 101   [% IF input_type == 'checkbox' %]
 102
 103     <div class='checkbox'>
 104       <input type='checkbox' ng-model='[% model %]'/>
 105     </div>
 106
 107   [% ELSE %]
 108     <!-- text / number input -->
 109
 110     [% IF field == 'alert_message' %]
 111       <textarea ng-change="field_modified()"
 112         class="form-control" ng-model="[% model %]"/>
 113     [% ELSIF field == 'post_code' %]
 114       <input type="text" ng-change="field_modified()"
 115         ng-blur="post_code_changed(patron.[% path %])"
 116         class="form-control" ng-model="[% model %]"/>
 117     [% ELSIF field == 'barcode' %]
 118       <input type="text"
 119         focus-me="focus_bc"
 120         ng-change="field_modified()"
 121         ng-disabled="disable_bc"
 122         ng-blur="barcode_changed(patron.card.barcode)"
 123         class="form-control" ng-model="[% model %]"/>
 124     [% ELSIF field == 'usrname' %]
 125       <input type="text"
 126         focus-me="focus_usrname"
 127         ng-change="field_modified()"
 128         ng-blur="usrname_changed(patron.usrname)"
 129         class="form-control" ng-model="[% model %]"/>
 130     [% ELSIF field == 'day_phone' %]
 131       <input type="text"
 132         ng-blur="day_phone_changed(patron.day_phone)"
 133         ng-change="field_modified()"
 134         class="form-control" ng-model="[% model %]"/>
 135     [% ELSIF field.match('phone') %]
 136       <input type="text"
 137         ng-change="field_modified()"
 138         ng-blur="dupe_value_changed('phone', patron.[% field %])"
 139         class="form-control" ng-model="[% model %]"/>
 140     [% ELSIF field.match('ident_value') %]
 141       <input type="text"
 142         ng-change="field_modified()"
 143         ng-blur="dupe_value_changed('ident', patron.[% field %])"
 144         class="form-control" ng-model="[% model %]"/>
 145     [% ELSIF field == 'first_given_name' OR field == 'family_name' %]
 146       <input type="text"
 147         ng-change="field_modified()"
 148         ng-blur="dupe_value_changed('name', patron.[% field %])"
 149         class="form-control" ng-model="[% model %]"/>
 150     [% ELSIF field == 'email' %]
 151       <input type="[% input_type %]"
 152         ng-change="field_modified()"
 153         ng-blur="dupe_value_changed('email', patron.email)"
 154         class="form-control" ng-model="[% model %]"/>
 155     [% ELSIF field.match('street') OR field == 'city' %]
 156       <!-- note: passing address object to dupe_value_changed -->
 157       <input type="[% input_type %]"
 158         ng-change="field_modified()"
 159         ng-blur="dupe_value_changed('address', patron.[% path %])"
 160         class="form-control" ng-model="[% model %]"/>
 161     [% ELSE %]
 162       <input type="[% input_type %]"
 163         ng-change="field_modified()"
 164         class="form-control" ng-model="[% model %]"/>
 165     [% END %]
 166   [% END %]
 167
 168   </div>
 169
 170   <!-- supplemental actions and example text -->
 171   <div class="col-md-6 patron-reg-example">
 172
 173     [% IF field == 'barcode' %]
 174
 175       <button class="btn btn-default" ng-show="!patron.isnew"
 176         ng-click="replace_card()">[% l('Replace Barcode') %]</button>
 177       <button class="btn btn-default"
 178         ng-click="cards_dialog()">[% l('See All') %]</button>
 179
 180     [% ELSIF field == 'passwd' %]
 181
 182       <button class="btn btn-default" ng-click="generate_password()">
 183         [% l('Generate Password') %]</button>
 184
 185     [% ELSE %]
 186
 187       <!-- invalidate buttons -->
 188
 189       [% IF field.match('phone') OR field.match('email') %]
 190         <button ng-show="patron.[% field %] && !patron.isnew"
 191             class="btn btn-default"
 192             ng-click="invalidate_field('[% field %]')">
 193             [% l('Invalidate') %]
 194         </button>
 195       [% END %]
 196
 197       <!-- example strings -->
 198
 199       [% set_str = "org_settings['ui.patron.edit." _
 200           cls _ "." _ field _ ".example']"; %]
 201
 202       <span ng-if="[% set_str %]">
 203         [% l('Example: [_1]', "{{" _ set_str _ "}}") %]
 204       </span>
 205
 206       <!-- phones have a fall-through example strings -->
 207       [% IF field.match('phone') %]
 208         <span ng-if="![% set_str %] && org_settings['ui.patron.edit.phone.example']">
 209           [% l('Example: [_1]',
 210           "{{org_settings['ui.patron.edit.phone.example']}}") %]
 211         </span>
 212       [% END %]
 213     [% END %]
 214   </div>
 215 </div>
 216 [% END %]
 217
 218 <!-- progress dialog displayed as we await all data to finish loading -->
 219 <div class="row" ng-show="!page_data_loaded">
 220   <div class="col-md-6 pad-vert">
 221     <div class="progress progress-striped active">
 222         <div class="progress-bar"  role="progressbar" aria-valuenow="100"
 223               aria-valuemin="0" aria-valuemax="100" style="width: 100%">
 224             <span class="sr-only">[% l('Loading...') %]</span>
 225         </div>
 226     </div>
 227   </div>
 228 </div>
 229
 230 <!-- this div wraps the entire form so we can hide it
 231      until all needed data has been loaded -->
 232 <div ng-show="page_data_loaded"><!-- form wrapper -->
 233
 234 [% formfield('ac', 'barcode', 'card') %]
 235 [% formfield('au', 'usrname') %]
 236 [% formfield('au', 'passwd') %]
 237 [% formfield('au', 'prefix') %]
 238 [% formfield('au', 'first_given_name') %]
 239 [% formfield('au', 'second_given_name') %]
 240 [% formfield('au', 'family_name') %]
 241 [% formfield('au', 'suffix') %]
 242 [% formfield('au', 'alias') %]
 243
 244 <div class="row reg-field-row" ng-show="show_field('au.dob')">
 245   <div class="col-md-3 reg-field-label">
 246     <label>{{idl_fields.au.dob.label}}</label>
 247     <img ng-show="field_doc.au.dob"
 248       ng-click="selected_field_doc=field_doc.au.dob"
 249       src='[% DOC_IMG %]'></img>
 250   </div>
 251   <div class="col-md-3 reg-field-input">
 252     <input eg-date-input
 253       ng-change="field_modified()"
 254       class="form-control" ng-model="patron.dob"/>
 255   </div>
 256 </div>
 257
 258 [% formfield('au', 'juvenile', '', 'checkbox') %]
 259
 260 <!-- ident_type -->
 261
 262 <div class="row reg-field-row" ng-show="show_field('au.ident_type')">
 263   <div class="col-md-3 reg-field-label">
 264     <label>{{idl_fields.au.ident_type.label}}</label>
 265     <img ng-show="field_doc.au.ident_type"
 266       ng-click="selected_field_doc=field_doc.au.ident_type"
 267       src='[% DOC_IMG %]'></img>
 268   </div>
 269   <div class="col-md-3 reg-field-input">
 270     <div class="btn-group" dropdown>
 271       <button type="button" class="btn btn-default dropdown-toggle">
 272         <span style="padding-right: 5px;">
 273           {{patron.ident_type.name() || "[% l('Primary Ident Type') %]"}}
 274         </span>
 275         <span class="caret"></span>
 276       </button>
 277       <ul class="dropdown-menu">
 278         <li ng-repeat="type in ident_types">
 279           <a href ng-click="patron.ident_type = type; field_modified()">
 280             {{type.name()}}
 281           </a>
 282         </li>
 283       </ul>
 284     </div>
 285   </div>
 286 </div>
 287
 288
 289 [% formfield('au', 'ident_value') %]
 290 [% formfield('au', 'ident_value2') %]
 291 [% formfield('au', 'email', '', 'email') %]
 292 [% formfield('au', 'day_phone') %]
 293 [% formfield('au', 'evening_phone') %]
 294 [% formfield('au', 'other_phone') %]
 295
 296 <!-- home org unit selector -->
 297
 298 <div class="row reg-field-row" ng-show="show_field('au.home_ou')">
 299   <div class="col-md-3 reg-field-label">
 300     <label>{{idl_fields.au.home_ou.label}}</label>
 301     <img ng-show="field_doc.au.home_ou"
 302       ng-click="selected_field_doc=field_doc.au.home_ou"
 303       src='[% DOC_IMG %]'></img>
 304     </div>
 305     <div class="col-md-3 reg-field-input">
 306       <eg-org-selector selected="patron.home_ou" onchange="field_modified">
 307       </eg-org-selector>
 308   </div>
 309 </div>
 310
 311 <!-- profile selector -->
 312
 313 <div class="row reg-field-row" ng-show="show_field('au.profile')">
 314   <div class="col-md-3 reg-field-label">
 315     <label>{{idl_fields.au.profile.label}}</label>
 316     <img ng-show="field_doc.au.profile"
 317       ng-click="selected_field_doc=field_doc.au.profile"
 318       src='[% DOC_IMG %]'></img>
 319   </div>
 320   <div class="col-md-3 reg-field-input">
 321     <div class="btn-group" dropdown>
 322       <button type="button" class="btn btn-default dropdown-toggle">
 323         <span style="padding-right: 5px;">
 324           {{patron.profile.name() || "[% l('Profile Group') %]"}}
 325         </span>
 326         <span class="caret"></span>
 327       </button>
 328       <ul class="dropdown-menu">
 329         <li ng-repeat="grp in edit_profiles">
 330           <a href
 331             style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
 332             ng-click="set_profile(grp)">{{grp.name()}}</a>
 333         </li>
 334       </ul>
 335     </div>
 336   </div>
 337   <div class="col-md-3">
 338     <button class="btn btn-default" ng-disabled="!has_group_link_perm"
 339       ng-click="secondary_groups_dialog()">[% l('Secondary Groups') %]</button>
 340   </div>
 341 </div>
 342
 343 <div class="row reg-field-row" ng-show="show_field('au.expire_date')">
 344   <div class="col-md-3 reg-field-label">
 345   <label>{{idl_fields.au.expire_date.label}}</label>
 346     <img ng-show="field_doc.au.expire_date"
 347     ng-click="selected_field_doc=field_doc.au.expire_date"
 348     src='[% DOC_IMG %]'></img>
 349   </div>
 350   <div class="col-md-3 reg-field-input">
 351     <input eg-date-input
 352       ng-change="field_modified()"
 353       class="form-control" ng-model="patron.expire_date"/>
 354   </div>
 355   <div class="col-md-3">
 356     <button class="btn btn-default" ng-click="set_expire_date()">
 357       [% l('Update Expire Date') %]</button>
 358   </div>
 359 </div>
 360
 361 <!-- net_access_level -->
 362
 363 <div class="row reg-field-row" ng-show="show_field('au.net_access_level')">
 364   <div class="col-md-3 reg-field-label">
 365     <label>{{idl_fields.au.net_access_level.label}}</label>
 366     <img ng-show="field_doc.au.net_access_level"
 367       ng-click="selected_field_doc=field_doc.au.net_access_level"
 368       src='[% DOC_IMG %]'></img>
 369   </div>
 370   <div class="col-md-3 reg-field-input">
 371     <div class="btn-group" dropdown>
 372       <button type="button" class="btn btn-default dropdown-toggle">
 373         <span style="padding-right: 5px;">
 374           {{patron.net_access_level.name() || "[% l('Net Access Level') %]"}}
 375         </span>
 376         <span class="caret"></span>
 377       </button>
 378       <ul class="dropdown-menu">
 379         <li ng-repeat="level in net_access_levels">
 380           <a href
 381             ng-click="patron.net_access_level = level">{{level.name()}}</a>
 382         </li>
 383       </ul>
 384     </div>
 385   </div>
 386 </div>
 387
 388 [% formfield('au', 'active', '', 'checkbox') %]
 389 [% formfield('au', 'barred', '', 'checkbox') %]
 390 [% formfield('au', 'master_account', '', 'checkbox') %]
 391 [% formfield('au', 'claims_returned_count', '', 'number') %]
 392 [% formfield('au', 'claims_never_checked_out_count', '', 'number') %]
 393 [% formfield('au', 'alert_message') %]
 394
 395 <div class="alert alert-success row" role="alert">
 396   <div class="col-md-6">[% l('User Settings') %]</div>
 397 </div>
 398
 399 <div class="row reg-field-row">
 400   <div class="col-md-3 reg-field-label">
 401     <label>{{user_setting_types['opac.default_phone'].label()}}</label>
 402   </div>
 403   <div class="col-md-3 reg-field-input">
 404     <input
 405       ng-change="field_modified()"
 406       type='text' ng-model="user_settings['opac.default_phone']"/>
 407   </div>
 408 </div>
 409
 410 <div class="row reg-field-row">
 411   <div class="col-md-3 reg-field-label">
 412     <label>{{user_setting_types['opac.default_pickup_location'].label()}}</label>
 413   </div>
 414   <div class="col-md-3 reg-field-input">
 415     <eg-org-selector
 416       xonchange="field_modified"
 417       selected="patron.home_ou"></eg-org-selector>
 418   </div>
 419 </div>
 420
 421 <div class="row reg-field-row">
 422   <div class="col-md-3 reg-field-label">
 423     <label>{{user_setting_types['circ.holds_behind_desk'].label()}}</label>
 424   </div>
 425   <div class="col-md-3 reg-field-input">
 426     <div class='checkbox'>
 427       <input
 428         ng-change="field_modified()"
 429         type='checkbox' ng-model="user_settings['circ.holds_behind_desk']"/>
 430     </div>
 431   </div>
 432 </div>
 433
 434 <div class="row reg-field-row">
 435   <div class="col-md-3 reg-field-label">
 436     <label>[% l('Holds Notices') %]</label>
 437   </div>
 438   <div class="col-md-3 reg-field-input flex-row">
 439     <div class='flex-cell'>
 440       <input
 441         ng-change="field_modified()"
 442         type='checkbox' ng-model="hold_notify_phone"/>
 443       [% l('Phone') %]
 444     </div>
 445     <div class='flex-cell'>
 446       <input
 447         ng-change="field_modified()"
 448         type='checkbox' ng-model="hold_notify_email"/>
 449       [% l('Email') %]
 450     </div>
 451     <div class='flex-cell' ng-if="org_settings['sms.enable']">
 452       <input
 453         ng-change="field_modified()"
 454         type='checkbox' ng-model="hold_notify_sms"/>
 455       [% l('SMS') %]
 456     </div>
 457   </div>
 458 </div>
 459
 460 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
 461   <div class="col-md-3 reg-field-label">
 462     <label>[% l('Default SMS/Text Number') %]</label>
 463   </div>
 464   <div class="col-md-3 reg-field-input">
 465     <input
 466       ng-change="field_modified()"
 467       type='text'/>
 468   </div>
 469 </div>
 470
 471 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
 472   <div class="col-md-3 reg-field-label">
 473     <label>[% l('Default SMS Carrier') %]</label>
 474   </div>
 475   <div class="col-md-3 reg-field-input">
 476     <div class="btn-group" dropdown>
 477       <button type="button" class="btn btn-default dropdown-toggle">
 478         <span style="padding-right: 5px;"></span>
 479         <span class="caret"></span>
 480       </button>
 481       <ul class="dropdown-menu">
 482         <li ng-repeat="carrier in sms_carriers">
 483           <a href
 484             ng-click="field_modified();user_settings['opac.default_sms_carrier'] = carrier">
 485                 {{carrier.name()}}
 486           </a>
 487         </li>
 488       </ul>
 489     </div>
 490   </div>
 491 </div>
 492
 493 <div class="row reg-field-row" ng-repeat="type in opt_in_setting_types">
 494   <div class="col-md-3 reg-field-label">
 495     <label>{{type.label()}}</label>
 496   </div>
 497   <div class="col-md-3 reg-field-input">
 498     <input
 499       ng-change="field_modified()"
 500       type='checkbox' ng-model="user_settings[type.name()]"/>
 501   </div>
 502 </div>
 503
 504 <!-- addresses -->
 505
 506 <div ng-repeat="addr in patron.addresses">
 507   <div class="alert alert-success row" role="alert">
 508       <div class="col-md-3">
 509         [% l('Address') %]
 510         <div ng-show="addr._linked_owner">
 511           (<a target="_blank"
 512             href="/eg/staff/circ/patron/{{addr._linked_owner_id}}/edit">
 513             [% l('Owned by [_1]', '{{addr._linked_owner}}') %]
 514           </a>)
 515         </div>
 516       </div>
 517       <div class="col-md-3">
 518           <span class='pad-all-min'>
 519             [% l('Mailing') %] <input type='checkbox'
 520               ng-change="field_modified();set_addr_type(addr, 'mailing')"
 521               ng-model="addr._is_mailing"/>
 522           </span>
 523           <span class='pad-all-min'>
 524             [% l('Physical') %] <input type='checkbox'
 525               ng-change="field_modified();set_addr_type(addr, 'billing')"
 526               ng-model="addr._is_billing"/>
 527           </span>
 528           <span class='pad-all-min'>
 529             <button type="button"
 530               ng-click="field_modified();delete_address(addr.id)"
 531               class="btn btn-danger">[% l('X') %]</button>
 532           </span>
 533       </div>
 534   </div>
 535
 536   [% formfield('aua', 'address_type', 'addresses[$index]') %]
 537   [% formfield('aua', 'post_code', 'addresses[$index]') %]
 538   [% formfield('aua', 'street1', 'addresses[$index]') %]
 539   [% formfield('aua', 'street2', 'addresses[$index]') %]
 540   [% formfield('aua', 'city', 'addresses[$index]') %]
 541   [% formfield('aua', 'county', 'addresses[$index]') %]
 542   [% formfield('aua', 'state', 'addresses[$index]') %]
 543   [% formfield('aua', 'country', 'addresses[$index]') %]
 544   [% formfield('aua', 'valid', 'addresses[$index]', 'checkbox') %]
 545   [% formfield('aua', 'within_city_limits', 'addresses[$index]', 'checkbox') %]
 546
 547   <div class="row" ng-if="$last">
 548     <button type="button" ng-click="new_address()"
 549       class="btn btn-success">[% l('New Address') %]</button>
 550   </div>
 551
 552   <!-- pending address -->
 553
 554 </div> <!-- addresses -->
 555
 556 <div class="alert alert-success row" role="alert"
 557     ng-show="show_field('stat_cats')" ng-if="stat_cats.length > 0">
 558     <div class="col-md-6">[% l('Statistical Categories') %]</div>
 559 </div>
 560
 561 <div class="row reg-field-row"
 562     ng-show="show_field('stat_cats')" ng-repeat="cat in stat_cats">
 563   <div class="col-md-3 reg-field-label">
 564     <label>{{cat.name()}}</label>
 565   </div>
 566   <div class="col-md-3 reg-field-input">
 567
 568     <!-- Editable typeahead is not support in this version of
 569         angularjs-bootstrap.  Requires Angular 1.4 and
 570         angularjs-bootstrap version 1.1+ -->
 571
 572     <!-- typeahead is wonky.  Consider updating -->
 573     <!--
 574     <input type="text" ng-model="stat_cat_entry_maps[cat.id()]"
 575       typeahead="value as entry.value() for entry in cat.entries() | filter:$viewValue | limitTo:8"
 576       class="form-control">
 577     -->
 578
 579     <div ng-if="cat.entries().length != 0">
 580       <div class="btn-group" dropdown>
 581         <button type="button" class="btn btn-default dropdown-toggle">
 582           <span style="padding-right: 5px;">
 583             {{stat_cat_entry_maps[cat.id()]}}</span>
 584           <span class="caret"></span>
 585         </button>
 586         <ul class="dropdown-menu">
 587           <li ng-repeat="entry in cat.entries()">
 588             <a href
 589               ng-click="field_modified();stat_cat_entry_maps[cat.id()]=entry.value()">
 590               {{entry.value()}}
 591             </a>
 592           </li>
 593         </ul>
 594       </div>
 595     </div>
 596   </div>
 597
 598   <!-- Stat cat retrieval API uses open-ils.storage under the covers
 599       which represents DB bools at 1/0 instead of cstore-style t/f -->
 600   <div class="col-md-3 reg-field-input" ng-if="cat.allow_freetext() == '1'">
 601     <input type="text" ng-model="stat_cat_entry_maps[cat.id()]"/>
 602   </div>
 603 </div>
 604
 605 <!-- surveys -->
 606
 607 <div class="alert alert-success row" role="alert"
 608     ng-show="show_field('surveys')" ng-if="surveys.length > 0">
 609     <div class="col-md-6">[% l('Surveys') %]</div>
 610 </div>
 611
 612 <div class="row reg-field-row"
 613     ng-show="show_field('surveys')" ng-repeat="survey in surveys">
 614   <div class="col-md-3 reg-field-label">
 615     <label>{{survey.name()}}</label>
 616   </div>
 617   <div class="col-md-6 reg-field-input">
 618     <div class="row" ng-repeat="question in survey.questions()"
 619       style="margin-bottom: 10px;">
 620       <div class="col-md-6">{{question.question()}}</div>
 621       <div class="col-md-6">
 622         <div class="btn-group" dropdown>
 623           <button type="button" class="btn btn-default dropdown-toggle">
 624             <span style="padding-right: 5px;">
 625               {{survey_responses[question.id()].answer()}}
 626             </span>
 627             <span class="caret"></span>
 628           </button>
 629           <ul class="dropdown-menu">
 630             <li ng-repeat="answer in question.answers()">
 631               <a href
 632                 ng-click="field_modified();survey_responses[question.id()] = answer">
 633                 {{answer.answer()}}
 634               </a>
 635             </li>
 636           </ul>
 637         </div>
 638       </div>
 639     </div>
 640   </div>
 641 </div>
 642
 643 </div><!-- /form wrapper -->