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" ng-class='{"patron-reg-fixed-bar":!offline}'>
   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 <div id="reg-alert-pane">
  23
  24   <div id="reg-dupe-links">
  25     [%# dupe_search_encoded is uri escaped in the JS %]
  26     <div class="alert alert-danger" ng-show="dupe_counts.name">
  27       <a target="_blank"
  28         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.name}}&inactive=1">
  29       [% l('[_1] patron(s) with same name', '{{dupe_counts.name}}') %]
  30       </a>
  31     </div>
  32     <div class="alert alert-danger" ng-show="dupe_counts.email">
  33       <a target="_blank"
  34         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.email}}">
  35         [% l('[_1] patron(s) with same email',
  36         '{{dupe_counts.email}}') %]</a>
  37     </div>
  38     <div class="alert alert-danger" ng-show="dupe_counts.ident">
  39       <a target="_blank"
  40         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.ident}}">
  41         [% l('[_1] patron(s) with same identification',
  42         '{{dupe_counts.ident}}') %]</a>
  43     </div>
  44     <div class="alert alert-danger" ng-show="dupe_counts.day_phone">
  45       <a target="_blank"
  46         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.day_phone}}">
  47         [% l('[_1] patron(s) with same phone',
  48         '{{dupe_counts.day_phone}}') %]</a>
  49     </div>
  50     <div class="alert alert-danger" ng-show="dupe_counts.evening_phone">
  51       <a target="_blank"
  52         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.evening_phone}}">
  53         [% l('[_1] patron(s) with same phone',
  54         '{{dupe_counts.evening_phone}}') %]</a>
  55     </div>
  56     <div class="alert alert-danger" ng-show="dupe_counts.other_phone">
  57       <a target="_blank"
  58         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.other_phone}}">
  59         [% l('[_1] patron(s) with same phone',
  60         '{{dupe_counts.other_phone}}') %]</a>
  61     </div>
  62     <div class="alert alert-danger" ng-show="dupe_counts.address">
  63       <a target="_blank"
  64         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.address}}" >
  65         [% l('[_1] patron(s) with same address',
  66         '{{dupe_counts.address}}') %]</a>
  67     </div>
  68   </div>
  69
  70   <div class="alert alert-danger" ng-show="address_alerts.length > 0">
  71       <div class="strong-text-3">[% l('Address Alert') %]</div>
  72       <div ng-repeat="address_alert in address_alerts">
  73         {{address_alert.alert_message()}}
  74       </div>
  75   </div>
  76
  77   <!-- IDL field documentation window -->
  78   <div class="alert alert-info" ng-show="selected_field_doc">
  79     <fieldset id="reg-field-doc">
  80       <legend>
  81       {{idl_fields[selected_field_doc.fm_class()][selected_field_doc.field()].label}}
  82       </legend>
  83       <div>{{selected_field_doc.string()}}</div>
  84     </fieldset>
  85   </div>
  86
  87   <div class="alert alert-info" ng-show="stage_user_requestor">
  88     <a target="_blank"
  89       href="/eg/staff/circ/patron/{{stage_user.reqesting_usr()}}/edit">
  90       [% l('Requested by [_1]', '{{stage_user_requestor}}') %]
  91     </a>
  92   </div>
  93 </div>
  94
  95 [%
  96 # draws a label for inputs based on the idl class's field's
  97 # label OR a supplied string
  98 MACRO draw_field_label (cls, field, label_override) BLOCK %]
  99   <div class="col-md-3 reg-field-label"> <!-- field label -->
 100     [% IF label_override %]<label>[% label_override %]</label>
 101     [% ELSE %]<label id="{{idl_fields.[% cls %].[% field %].name}}">{{idl_fields.[% cls %].[% field %].label}}</label>[% END %]
 102     <!-- field documentation img/link -->
 103     <img ng-show="field_doc.[% cls %].[% field %]"
 104       ng-click="set_selected_field_doc('[% cls %]','[% field %]')"
 105       src='[% DOC_IMG %]'></img>
 106   </div>
 107 [% END %]
 108
 109
 110 [%
 111 # draws a vanilla form input field for inputs that require no
 112 # special additions.
 113 MACRO draw_form_input(cls, field, path, type, disable) BLOCK;
 114   IF !type; type = 'text'; END;
 115   base_obj = path ? 'patron.' _ path : 'patron';
 116   model = base_obj _ '.' _ field;
 117 %]
 118   <div class="col-md-3 reg-field-input">
 119     <input
 120       [% IF type == "email" %]type="text" ng-required="hold_notify_type.email"
 121       [% ELSE %]type="[% type %]"
 122       [% END %]
 123       class="form-control"
 124       name="[% model %]"
 125       aria-labelledby="{{idl_fields.[% cls %].[% field %].name}}"
 126       ng-change="field_modified()"
 127       ng-required="field_required('[% cls %]', '[% field %]')"
 128       ng-blur="handle_field_changed([% base_obj %], '[% field %]')"
 129       ng-pattern="field_pattern('[% cls %]', '[% field %]')"
 130       [% IF disable %]ng-disabled="[% disable %]"[% END %]
 131       ng-model="[% model %]"/>
 132   </div>
 133 [% END %]
 134
 135 [% MACRO draw_example_text(cls, field) BLOCK;
 136   set_str = "org_settings['ui.patron.edit." _ cls _ "." _ field _ ".example']";
 137 %]
 138   <span ng-if="[% set_str %]">
 139     [% l('Example: [_1]', '{{' _ set_str _ '}}') %]
 140   </span>
 141 [% END %]
 142
 143 <!-- progress dialog displayed as we await all data to finish loading -->
 144 <div class="row" ng-show="!page_data_loaded">
 145   <div class="col-md-6 pad-vert">
 146     <div class="progress progress-striped active">
 147         <div class="progress-bar"  role="progressbar" aria-valuenow="100"
 148               aria-valuemin="0" aria-valuemax="100" style="width: 100%">
 149             <span class="sr-only">[% l('Loading...') %]</span>
 150         </div>
 151     </div>
 152   </div>
 153 </div>
 154
 155 <!--
 156 MAIN FORM
 157 This div wraps the entire form so we can hide it until all needed data
 158 has been loaded.  Setting ng-form and a name lets us refer to fields
 159 within the "form" by name for validation.
 160 -->
 161 <div ng-form id="patron-reg-container"
 162   name="reg_form" ng-show="page_data_loaded">
 163
 164 <!-- BARCODE -->
 165
 166 <div class="row reg-field-row" ng-show="show_field('ac.barcode')">
 167   [% draw_field_label('ac', 'barcode') %]
 168   <div class="col-md-3 reg-field-input"> <!-- field form input -->
 169       <input type="text"
 170         name="barcode"
 171         aria-labelledby="{{idl_fields.ac.barcode.name}}"
 172         ng-model="patron.card.barcode"
 173         ng-pattern="field_pattern('ac', 'barcode')"
 174         ng-required="field_required('ac', 'barcode')"
 175         focus-me="focus_bc"
 176         ng-change="field_modified()"
 177         ng-disabled="disable_bc"
 178         class="form-control"
 179         ng-blur="handle_field_changed(patron.card, 'barcode')"/>
 180   </div>
 181   <div class="col-md-6 patron-reg-example">
 182       <button class="btn btn-default" ng-show="!patron.isnew"
 183         ng-click="replace_card()">[% l('Replace Barcode') %]</button>
 184       <button class="btn btn-default" ng-if="!patron.isnew"
 185         ng-click="cards_dialog()">[% l('See All') %]</button>
 186       <div ng-show="dupe_barcode" class="patron-reg-validation-alert">
 187         <span>[% l('Barcode is already in use') %]</span>
 188       </div>
 189   </div>
 190 </div>
 191
 192 <!-- USRNAME -->
 193
 194 <div class="row reg-field-row" ng-show="show_field('au.usrname')">
 195   [% draw_field_label('au', 'usrname') %]
 196   <div class="col-md-3 reg-field-input">
 197     <input type="text"
 198       name='usrname'
 199       aria-labelledby="{{idl_fields.au.usrname.name}}"
 200       ng-required="field_required('au', 'usrname')"
 201       focus-me="focus_usrname"
 202       ng-change="field_modified()"
 203       ng-pattern="field_pattern('au', 'usrname')"
 204       ng-blur="handle_field_changed(patron, 'usrname')"
 205       class="form-control"
 206       ng-model="patron.usrname"/>
 207   </div>
 208   <div class="col-md-6 patron-reg-example">
 209     <div ng-show="dupe_username" class="patron-reg-validation-alert">
 210       <span>[% l('Username is already in use') %]</span>
 211     </div>
 212   </div>
 213 </div>
 214
 215 <!-- PASSWD -->
 216
 217 <div class="row reg-field-row" ng-show="show_field('au.passwd')">
 218   [% draw_field_label('au', 'passwd') %]
 219   [% draw_form_input('au', 'passwd'); %]
 220   <div class="col-md-6 patron-reg-example">
 221     <button class="btn btn-default" ng-click="generate_password()">
 222       [% l('Generate Password') %]</button>
 223   </div>
 224 </div>
 225
 226 <div class="row reg-field-row">
 227   <div class="col-md-6">
 228     <ul class="nav nav-pills nav-pills-like-tabs">
 229       <li ng-class="{active : name_tab == 'primary'}">
 230         <a ng-click="name_tab='primary'" href="#">[% l('Primary Name') %]</a>
 231       </li>
 232       <li ng-class="{active : name_tab == 'preferred'}">
 233         <a ng-click="name_tab='preferred'" href="#">[% l('Preferred Name') %]</a>
 234       </li>
 235     </ul>
 236   </div>
 237 </div>
 238
 239 <div ng-show="name_tab == 'primary'">
 240
 241   <!-- PREFIX -->
 242
 243   <div class="row reg-field-row" ng-show="show_field('au.prefix')">
 244     [% draw_field_label('au', 'prefix') %]
 245     [% draw_form_input('au', 'prefix'); %]
 246     <div class="col-md-6 patron-reg-example">
 247       [% draw_example_text('au', 'prefix') %]
 248     </div>
 249   </div>
 250
 251   <!-- FIRST_GIVEN_NAME -->
 252
 253   <div class="row reg-field-row" ng-show="show_field('au.first_given_name')">
 254     [% draw_field_label('au', 'first_given_name') %]
 255     [% draw_form_input('au', 'first_given_name'); %]
 256     <div class="col-md-6 patron-reg-example">
 257       [% draw_example_text('au', 'first_given_name') %]
 258     </div>
 259   </div>
 260
 261   <!-- SECOND_GIVEN_NAME -->
 262
 263   <div class="row reg-field-row" ng-show="show_field('au.second_given_name')">
 264     [% draw_field_label('au', 'second_given_name') %]
 265     [% draw_form_input('au', 'second_given_name'); %]
 266     <div class="col-md-6 patron-reg-example">
 267       [% draw_example_text('au', 'second_given_name') %]
 268     </div>
 269   </div>
 270
 271   <!-- FAMILY_NAME -->
 272
 273   <div class="row reg-field-row" ng-show="show_field('au.family_name')">
 274     [% draw_field_label('au', 'family_name') %]
 275     [% draw_form_input('au', 'family_name'); %]
 276     <div class="col-md-6 patron-reg-example">
 277       [% draw_example_text('au', 'family_name') %]
 278     </div>
 279   </div>
 280
 281   <!-- SUFFIX -->
 282
 283   <div class="row reg-field-row" ng-show="show_field('au.suffix')">
 284     [% draw_field_label('au', 'suffix') %]
 285     [% draw_form_input('au', 'suffix'); %]
 286     <div class="col-md-6 patron-reg-example">
 287       [% draw_example_text('au', 'suffix') %]
 288     </div>
 289   </div>
 290 </div> <!-- ng-show == primary -->
 291
 292 <div ng-show="name_tab == 'preferred'" class="patron-reg-pref-names">
 293
 294   <!-- PREFIX -->
 295
 296   <div class="row reg-field-row" ng-show="show_field('au.pref_prefix')">
 297     [% draw_field_label('au', 'pref_prefix') %]
 298     [% draw_form_input('au', 'pref_prefix'); %]
 299     <div class="col-md-6 patron-reg-example">
 300       [% draw_example_text('au', 'pref_prefix') %]
 301     </div>
 302   </div>
 303
 304   <!-- FIRST_GIVEN_NAME -->
 305
 306   <div class="row reg-field-row" ng-show="show_field('au.pref_first_given_name')">
 307     [% draw_field_label('au', 'pref_first_given_name') %]
 308     [% draw_form_input('au', 'pref_first_given_name'); %]
 309     <div class="col-md-6 patron-reg-example">
 310       [% draw_example_text('au', 'pref_first_given_name') %]
 311     </div>
 312   </div>
 313
 314   <!-- SECOND_GIVEN_NAME -->
 315
 316   <div class="row reg-field-row" ng-show="show_field('au.pref_second_given_name')">
 317     [% draw_field_label('au', 'pref_second_given_name') %]
 318     [% draw_form_input('au', 'pref_second_given_name'); %]
 319     <div class="col-md-6 patron-reg-example">
 320       [% draw_example_text('au', 'pref_second_given_name') %]
 321     </div>
 322   </div>
 323
 324   <!-- FAMILY_NAME -->
 325
 326   <div class="row reg-field-row" ng-show="show_field('au.pref_family_name')">
 327     [% draw_field_label('au', 'pref_family_name') %]
 328     [% draw_form_input('au', 'pref_family_name'); %]
 329     <div class="col-md-6 patron-reg-example">
 330       [% draw_example_text('au', 'pref_family_name') %]
 331     </div>
 332   </div>
 333
 334   <!-- SUFFIX -->
 335
 336   <div class="row reg-field-row" ng-show="show_field('au.pref_suffix')">
 337     [% draw_field_label('au', 'pref_suffix') %]
 338     [% draw_form_input('au', 'pref_suffix'); %]
 339     <div class="col-md-6 patron-reg-example">
 340       [% draw_example_text('au', 'pref_suffix') %]
 341     </div>
 342   </div>
 343 </div> <!-- ng-show == preferred -->
 344
 345 <!-- indicate bottom of name tabs -->
 346 <div class="row reg-field-row">
 347   <div class="col-md-6"><hr class="patron-reg-names-separator"/></div>
 348 </div>
 349
 350 <div class="row reg-field-row" ng-show="show_field('au.name_keywords')">
 351   [% draw_field_label('au', 'name_keywords') %]
 352   <div class="col-md-3 reg-field-input">
 353     <textarea
 354       class="form-control"
 355       aria-labelledby="{{idl_fields.au.name_keywords.name}}"
 356       ng-model="patron.name_keywords"
 357       ng-pattern="field_pattern('au', 'name_keywords')"
 358       ng-change="field_modified()"
 359       ng-blur="handle_field_changed(patron, 'name_keywords')">
 360     </textarea>
 361   </div>
 362   <div class="col-md-6 patron-reg-example">
 363     [% draw_example_text('au', 'name_keywords') %]
 364   </div>
 365 </div>
 366
 367 <!-- ALIAS -->
 368
 369 <div class="row reg-field-row" ng-show="show_field('au.alias')">
 370   [% draw_field_label('au', 'alias') %]
 371   [% draw_form_input('au', 'alias'); %]
 372   <div class="col-md-6 patron-reg-example">
 373     [% draw_example_text('au', 'alias') %]
 374   </div>
 375 </div>
 376
 377 <!-- DOB -->
 378
 379 <div class="row reg-field-row" ng-show="show_field('au.dob')">
 380   [% draw_field_label('au', 'dob') %]
 381   <div class="col-md-3 reg-field-input">
 382     <eg-date-input
 383       date-aria="{{idl_fields.au.dob.name}}"
 384       ng-required="field_required('au', 'dob')"
 385       ng-model="patron.dob">
 386     </eg-date-input>
 387   </div>
 388   <div class="col-md-6 patron-reg-example">
 389     [% draw_example_text('au', 'dob') %]
 390   </div>
 391 </div>
 392
 393 <!-- JUVENILE -->
 394
 395 <div class="row reg-field-row" ng-show="show_field('au.juvenile')">
 396   [% draw_field_label('au', 'juvenile') %]
 397   <div class="col-md-3 reg-field-input">
 398       <input
 399         aria-labelledby="{{idl_fields.au.juvenile.name}}"
 400         ng-change="field_modified()"
 401         ng-blur="handle_field_changed(patron, 'juvenile')"
 402         type='checkbox' ng-model="patron.juvenile"/>
 403   </div>
 404 </div>
 405
 406 <!-- GUARDIAN -->
 407
 408 <div class="row reg-field-row" ng-show="show_field('au.guardian')">
 409   [% draw_field_label('au', 'guardian') %]
 410   [% draw_form_input('au', 'guardian'); %]
 411   <div class="col-md-6 patron-reg-example">
 412     [% draw_example_text('au', 'guardian') %]
 413   </div>
 414 </div>
 415
 416 <!-- ident_type -->
 417
 418 <div class="row reg-field-row" ng-show="show_field('au.ident_type')">
 419   [% draw_field_label('au', 'ident_type') %]
 420   <div class="col-md-3 reg-field-input">
 421     <select
 422       class="form-control"
 423       aria-labelledby="{{idl_fields.au.ident_type.name}}"
 424       ng-model="patron.ident_type"
 425       ng-required="field_required('au', 'ident_type')"
 426       ng-blur="handle_field_changed(patron, 'ident_type')"
 427       ng-options="type.name() for type in ident_types track by type.id()">
 428     </select>
 429   </div>
 430 </div>
 431
 432 <!-- IDENT_VALUE -->
 433
 434 <div class="row reg-field-row" ng-show="show_field('au.ident_value')">
 435   [% draw_field_label('au', 'ident_value') %]
 436   [% draw_form_input('au', 'ident_value') %]
 437   <div class="col-md-6 patron-reg-example">
 438     [% draw_example_text('au', 'ident_value') %]
 439   </div>
 440 </div>
 441
 442 <!-- ident_type2 -->
 443
 444 <div class="row reg-field-row" ng-show="show_field('au.ident_type2')">
 445   [% draw_field_label('au', 'ident_type2') %]
 446   <div class="col-md-3 reg-field-input">
 447     <select
 448       class="form-control"
 449       aria-labelledby="{{idl_fields.au.ident_type2.name}}"
 450       ng-model="patron.ident_type2"
 451       ng-required="field_required('au', 'ident_type2')"
 452       ng-blur="handle_field_changed(patron, 'ident_type2')"
 453       ng-options="type.name() for type in ident_types track by type.id()">
 454     </select>
 455   </div>
 456 </div>
 457
 458 <!-- IDENT_VALUE2 -->
 459 <div class="row reg-field-row" ng-show="show_field('au.ident_value2')">
 460   [% draw_field_label('au', 'ident_value2') %]
 461   [% draw_form_input('au', 'ident_value2') %]
 462   <div class="col-md-6 patron-reg-example">
 463     [% draw_example_text('au', 'ident_value2') %]
 464   </div>
 465 </div>
 466
 467 <!-- PHOTO_URL -->
 468 <div class="row reg-field-row" ng-show="show_field('au.photo_url')">
 469   [% draw_field_label('au', 'photo_url') %]
 470   [% draw_form_input('au', 'photo_url', '', 'photo_url') %]
 471   <div class="col-md-3 patron-reg-example">
 472     <span ng-if="org_settings['ui.patron.edit.au.photo_url.example']">
 473       [% l('Example: [_1]',
 474         "{{org_settings['ui.patron.edit.au.photo_url.example']}}") %]
 475     </span>
 476   </div>
 477 </div>
 478
 479 <!-- EMAIL -->
 480 <div class="row reg-field-row" ng-show="show_field('au.email')">
 481   [% draw_field_label('au', 'email') %]
 482   [% draw_form_input('au', 'email', '', 'email') %]
 483   <div class="col-md-3 patron-reg-example">
 484     <button class="btn btn-default" ng-show="base_email && !patron.isnew"
 485       ng-disabled="reg_form['patron.email'].$dirty"
 486       ng-click="send_test_email()">[% l('Send Test Email') %]</button>
 487     <button ng-show="patron.email && !patron.isnew"
 488       class="btn btn-default"
 489       ng-click="invalidate_field('email')">[% l('Invalidate') %]</button>
 490     <span ng-if="org_settings['ui.patron.edit.au.email.example']">
 491       [% l('Example: [_1]',
 492         "{{org_settings['ui.patron.edit.au.email.example']}}") %]
 493     </span>
 494   </div>
 495 </div>
 496
 497 <div class="row reg-field-row" ng-show="show_field('au.email') && opt_in_setting_types['circ.send_email_checkout_receipts']">
 498   <div class="col-md-3 reg-field-label">
 499     <label id="checkoutReceipts">{{opt_in_setting_types['circ.send_email_checkout_receipts'].label()}}</label>
 500   </div>
 501   <div class="col-md-3 reg-field-input">
 502     <input
 503       aria-labelledby="checkoutReceipts"
 504       ng-change="field_modified()"
 505       type='checkbox' ng-model="user_settings['circ.send_email_checkout_receipts']"/>
 506   </div>
 507 </div>
 508
 509 <!-- DAY_PHONE -->
 510
 511 <div class="row reg-field-row" ng-show="show_field('au.day_phone')">
 512   [% draw_field_label('au', 'day_phone') %]
 513   [% draw_form_input('au', 'day_phone') %]
 514   <div class="col-md-6 patron-reg-example">
 515     <button ng-show="patron.day_phone && !patron.isnew"
 516         class="btn btn-default"
 517         ng-click="invalidate_field('day_phone')">[% l('Invalidate') %]</button>
 518     [% draw_example_text('au', 'day_phone') %]
 519     <!-- phones have a fall-through example strings -->
 520     <span ng-if="!org_settings['ui.patron.edit.au.day_phone.example'] && org_settings['ui.patron.edit.phone.example']">
 521       [% l('Example: [_1]',
 522         "{{org_settings['ui.patron.edit.phone.example']}}") %]
 523     </span>
 524   </div>
 525 </div>
 526
 527 <!-- EVENING_PHONE -->
 528
 529 <div class="row reg-field-row" ng-show="show_field('au.evening_phone')">
 530   [% draw_field_label('au', 'evening_phone') %]
 531   [% draw_form_input('au', 'evening_phone') %]
 532   <div class="col-md-6 patron-reg-example">
 533     <button ng-show="patron.evening_phone && !patron.isnew"
 534         class="btn btn-default"
 535         ng-click="invalidate_field('evening_phone')">[% l('Invalidate') %]</button>
 536     [% draw_example_text('au', 'evening_phone') %]
 537     <!-- phones have a fall-through example strings -->
 538     <span ng-if="!org_settings['ui.patron.edit.au.evening_phone.example'] && org_settings['ui.patron.edit.phone.example']">
 539       [% l('Example: [_1]',
 540         "{{org_settings['ui.patron.edit.phone.example']}}") %]
 541     </span>
 542   </div>
 543 </div>
 544
 545 <!-- OTHER_PHONE -->
 546
 547 <div class="row reg-field-row" ng-show="show_field('au.other_phone')">
 548   [% draw_field_label('au', 'other_phone') %]
 549   [% draw_form_input('au', 'other_phone') %]
 550   <div class="col-md-6 patron-reg-example">
 551     <button ng-show="patron.other_phone && !patron.isnew"
 552         class="btn btn-default"
 553         ng-click="invalidate_field('other_phone')">[% l('Invalidate') %]</button>
 554     [% draw_example_text('au', 'other_phone') %]
 555     <!-- phones have a fall-through example strings -->
 556     <span ng-if="!org_settings['ui.patron.edit.au.other_phone.example'] && org_settings['ui.patron.edit.phone.example']">
 557       [% l('Example: [_1]',
 558         "{{org_settings['ui.patron.edit.phone.example']}}") %]
 559     </span>
 560   </div>
 561 </div>
 562
 563 <!-- home org unit selector -->
 564
 565 <div class="row reg-field-row" ng-show="show_field('au.home_ou')">
 566   [% draw_field_label('au', 'home_ou') %]
 567   <div class="col-md-3 reg-field-input">
 568     <eg-org-selector
 569       selected="patron.home_ou"
 570       onchange="handle_home_org_changed"
 571       org-aria="{{idl_fields.au.home_ou.name}}"
 572       disable-test="disable_home_org">
 573     </eg-org-selector>
 574   </div>
 575 </div>
 576
 577 <!-- profile selector -->
 578
 579 <div class="row reg-field-row" ng-show="show_field('au.profile')">
 580   [% draw_field_label('au', 'profile') %]
 581   <div class="col-md-3 reg-field-input">
 582     <div class="btn-group" uib-dropdown>
 583       <button type="button" class="btn btn-default" uib-dropdown-toggle
 584           aria-labelledby="{{idl_fields.au.profile.name}}"
 585           ng-class="{'ng-invalid' : invalid_profile()}">
 586         <span style="padding-right: 5px;">
 587           {{patron.profile.name() || "[% l('Profile Group') %]"}}
 588         </span>
 589         <span class="caret"></span>
 590       </button>
 591       <ul class="scrollable-menu" uib-dropdown-menu>
 592         <li ng-repeat="entry in edit_profile_entries" ng-if="edit_profile_entries.length"
 593           ng-class="{disabled : entry.grp().usergroup() == 'f'}">
 594           <a href
 595             style="padding-left: {{pgtde_depth(entry) * 10 + 5}}px"
 596             ng-click="set_profile(entry.grp())">{{entry.grp().name()}}</a>
 597         </li>
 598         <li ng-repeat="grp in edit_profiles" ng-if="!edit_profile_entries.length"
 599           ng-class="{disabled : grp.usergroup() == 'f'}">
 600           <a href
 601             style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
 602             ng-click="set_profile(grp)">{{grp.name()}}</a>
 603         </li>
 604       </ul>
 605     </div>
 606   </div>
 607   <div class="col-md-3">
 608     <button class="btn btn-default" ng-if="!offline" ng-disabled="!perms.CREATE_USER_GROUP_LINK"
 609       ng-click="secondary_groups_dialog()">[% l('Secondary Groups') %]</button>
 610   </div>
 611 </div>
 612
 613 <div class="row reg-field-row" ng-show="show_field('au.expire_date')">
 614   [% draw_field_label('au', 'expire_date') %]
 615   <div class="col-md-3 reg-field-input">
 616     <eg-date-input
 617       date-aria="{{idl_fields.au.expire_date.name}}"
 618       ng-model="patron.expire_date">
 619     </eg-date-input>
 620   </div>
 621   <div class="col-md-3">
 622     <button class="btn btn-default" ng-click="set_expire_date()">
 623       [% l('Update Expire Date') %]</button>
 624   </div>
 625 </div>
 626
 627 <!-- net_access_level -->
 628
 629 <div class="row reg-field-row" ng-show="show_field('au.net_access_level')">
 630   [% draw_field_label('au', 'net_access_level') %]
 631   <div class="col-md-3 reg-field-input">
 632     <select
 633       class="form-control"
 634       aria-labelledby="{{idl_fields.au.net_access_level.name}}"
 635       ng-model="patron.net_access_level"
 636       ng-required="field_required('au', 'net_access_level')"
 637       ng-blur="handle_field_changed(patron, 'net_access_level')"
 638       ng-options="level.name() for level in net_access_levels track by level.id()">
 639     </select>
 640   </div>
 641 </div>
 642
 643 <!-- ACTIVE -->
 644
 645 <div class="row reg-field-row" ng-show="show_field('au.active')">
 646   [% draw_field_label('au', 'active') %]
 647   <div class="col-md-3 reg-field-input">
 648       <input
 649         aria-labelledby="{{idl_fields.au.active.name}}"
 650         ng-change="field_modified()"
 651         ng-blur="handle_field_changed(patron, 'active')"
 652         type='checkbox' ng-model="patron.active"/>
 653   </div>
 654 </div>
 655
 656 <!-- BARRED -->
 657
 658 <div class="row reg-field-row" ng-show="show_field('au.barred')">
 659   [% draw_field_label('au', 'barred') %]
 660   <div class="col-md-3 reg-field-input">
 661       <input
 662         aria-labelledby="{{idl_fields.au.barred.name}}"
 663         ng-change="field_modified()"
 664         ng-blur="handle_field_changed(patron, 'barred')"
 665         type='checkbox' ng-model="patron.barred"/>
 666   </div>
 667 </div>
 668
 669 <!-- MASTER_ACCOUNT -->
 670
 671 <div class="row reg-field-row" ng-show="show_field('au.master_account')">
 672   [% draw_field_label('au', 'master_account') %]
 673   <div class="col-md-3 reg-field-input">
 674       <input
 675         aria-labelledby="{{idl_fields.au.master_account.name}}"
 676         ng-change="field_modified()"
 677         ng-blur="handle_field_changed(patron, 'master_account')"
 678         type='checkbox' ng-model="patron.master_account"/>
 679   </div>
 680 </div>
 681
 682 <!-- CLAIMS_RETURNED_COUNT -->
 683
 684 <div class="row reg-field-row" ng-show="show_field('au.claims_returned_count')">
 685   [% draw_field_label('au', 'claims_returned_count') %]
 686   [% draw_form_input('au', 'claims_returned_count',
 687     '', 'number', '!perms.UPDATE_PATRON_CLAIM_RETURN_COUNT') %]
 688   <div class="col-md-6 patron-reg-example">
 689     [% draw_example_text('au', 'claims_returned_count') %]
 690   </div>
 691 </div>
 692
 693 <!-- CLAIMS_NEVER_CHECKED_OUT_COUNT -->
 694
 695 <div class="row reg-field-row" ng-show="show_field('au.claims_never_checked_out_count')">
 696   [% draw_field_label('au', 'claims_never_checked_out_count') %]
 697   [% draw_form_input('au', 'claims_never_checked_out_count',
 698     '', 'number', '!perms.UPDATE_PATRON_CLAIM_NEVER_CHECKED_OUT_COUNT') %]
 699   <div class="col-md-6 patron-reg-example">
 700     [% draw_example_text('au', 'claims_never_checked_out_count') %]
 701   </div>
 702 </div>
 703
 704 <!-- ALERT_MESSAGE -->
 705
 706 <div class="row reg-field-row" ng-show="show_field('au.alert_message')">
 707   [% draw_field_label('au', 'alert_message') %]
 708   <div class="col-md-3 reg-field-input">
 709     <textarea
 710       class="form-control"
 711       aria-labelledby="{{idl_fields.au.alert_message.name}}"
 712       ng-model="patron.alert_message"
 713       ng-pattern="field_pattern('au', 'alert_message')"
 714       ng-change="field_modified()"
 715       ng-blur="handle_field_changed(patron, 'alert_message')">
 716     </textarea>
 717   </div>
 718   <div class="col-md-6 patron-reg-example">
 719     [% draw_example_text('au', 'alert_message') %]
 720   </div>
 721 </div>
 722
 723 <div ng-if="!offline">
 724
 725 <div class="alert alert-success row" role="alert">
 726   <div class="col-md-6">[% l('User Settings') %]</div>
 727 </div>
 728
 729 <div class="row reg-field-row">
 730   <div class="col-md-3 reg-field-label">
 731     <label id="defaultPhone">{{user_setting_types['opac.default_phone'].label()}}</label>
 732   </div>
 733   <div class="col-md-3 reg-field-input">
 734     <input ng-required="hold_notify_type.phone"
 735       aria-labelledby="defaultPhone"
 736       ng-change="field_modified()"
 737       ng-blur="handle_field_changed(user_settings, 'opac.default_phone')"
 738       type='text' ng-model="user_settings['opac.default_phone']"/>
 739   </div>
 740 </div>
 741
 742 <div class="row reg-field-row">
 743   <div class="col-md-3 reg-field-label">
 744     <label id="defaultPickupLoc">
 745       {{user_setting_types['opac.default_pickup_location'].label()}}
 746     </label>
 747   </div>
 748   <div class="col-md-3 reg-field-input">
 749     <eg-org-selector nodefault
 750       org-aria="defaultPickupLoc"
 751       disable-test="disable_pulib"
 752       selected="patron._pickup_lib"
 753       onchange="handle_pulib_changed">
 754     </eg-org-selector>
 755   </div>
 756 </div>
 757
 758 <div class="row reg-field-row"
 759     ng-if="org_settings['circ.holds.behind_desk_pickup_supported']">
 760   <div class="col-md-3 reg-field-label">
 761     <label id="holdsBehindDesk">
 762       {{user_setting_types['circ.holds_behind_desk'].label()}}
 763     </label>
 764   </div>
 765   <div class="col-md-3 reg-field-input">
 766       <input
 767         aria-labelledby="holdsBehindDesk"
 768         ng-change="field_modified()"
 769         type='checkbox' ng-model="user_settings['circ.holds_behind_desk']"/>
 770   </div>
 771 </div>
 772
 773 <!-- TODO: Add circ.collections.exempt to master SQL seed data -->
 774 <div class="row reg-field-row"
 775   ng-if="user_setting_types['circ.collections.exempt']">
 776   <div class="col-md-3 reg-field-label">
 777     <label id="exempt">
 778       {{user_setting_types['circ.collections.exempt']}}
 779     </label>
 780   </div>
 781   <div class="col-md-3 reg-field-input">
 782       <input
 783         type='checkbox'
 784         aria-labelledby="exempt"
 785         ng-change="field_modified()"
 786         ng-disabled="!perms.UPDATE_PATRON_COLLECTIONS_EXEMPT"
 787         ng-model="user_settings['circ.collections.exempt']"/>
 788   </div>
 789 </div>
 790
 791 <div class="row reg-field-row">
 792   <div class="col-md-3 reg-field-label">
 793     <label id="holdsNotices">[% l('Holds Notices') %]</label>
 794   </div>
 795   <div class="col-md-4 reg-field-input flex-row">
 796     <div class='flex-cell'>
 797       <input
 798         aria-labelledby="holdsNotices holdsPhone"
 799         ng-change="field_modified()"
 800         type='checkbox' ng-model="hold_notify_type.phone"/>
 801       <label id="holdsPhone">
 802         [% l('Phone') %]
 803       </label>
 804     </div>
 805     <div class='flex-cell'>
 806       <input
 807         aria-labelledby="holdsNotices holdsEmail"
 808         ng-change="field_modified()"
 809         type='checkbox' ng-model="hold_notify_type.email"/>
 810       <label id="holdsEmail">
 811         [% l('Email') %]
 812       </label>
 813     </div>
 814     <div class='flex-cell' ng-if="org_settings['sms.enable']">
 815       <input
 816         aria-labelledby="holdsNotices holdsSms"
 817         ng-change="field_modified()"
 818         type='checkbox' ng-model="hold_notify_type.sms"/>
 819       <label id="holdsSms">
 820         [% l('SMS') %]
 821       </label>
 822     </div>
 823   </div>
 824 </div>
 825
 826 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
 827   <div class="col-md-3 reg-field-label">
 828     <label id="defaultSmsNum">[% l('Default SMS/Text Number') %]</label>
 829   </div>
 830   <div class="col-md-3 reg-field-input">
 831     <input
 832       name="default_sms_text_number"
 833       aria-labelledby="defaultSmsNum"
 834       ng-required="hold_notify_type.sms"
 835       ng-change="field_modified()" ng-model="user_settings['opac.default_sms_notify']"
 836       ng-blur="handle_field_changed(user_settings, 'opac.default_sms_notify')"
 837       type='text'/>
 838   </div>
 839   <div class="col-md-3" ng-if="base_default_sms && !patron.isnew">
 840     <button class="btn btn-default"
 841       ng-disabled="reg_form['default_sms_text_number'].$dirty || reg_form['default_sms_text_carrier'].$dirty"
 842       ng-click="send_test_sms()">[% l('Send Test Text') %]</button>
 843   </div>
 844 </div>
 845
 846 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
 847   <div class="col-md-3 reg-field-label">
 848     <label id="defaultSmsCarrier">
 849       [% l('Default SMS Carrier') %]
 850     </label>
 851   </div>
 852   <div class="col-md-3 reg-field-input">
 853     <span class="nullable">
 854       <select str-to-int
 855         class="form-control"
 856         aria-labelledby="defaultSmsCarrier"
 857         name="default_sms_text_carrier"
 858         ng-model="user_settings['opac.default_sms_carrier']"
 859         ng-required="user_settings['opac.default_sms_notify']"
 860         ng-options="c.id() as c.name() for c in sms_carriers"
 861         ng-blur="handle_field_changed(user_settings, 'opac.default_sms_carrier')">
 862         <option value="">Select a Carrier</option>
 863       </select>
 864     </span>
 865   </div>
 866 </div>
 867
 868 <div class="row reg-field-row" ng-repeat="type in opt_in_setting_types">
 869   <div class="col-md-3 reg-field-label" ng-if="type.name() != 'circ.send_email_checkout_receipts'">
 870     <label id="settingTypes">{{type.label()}}</label>
 871   </div>
 872   <div class="col-md-3 reg-field-input" ng-if="type.name() != 'circ.send_email_checkout_receipts'">
 873     <input
 874       aria-labelledby="settingTypes"
 875       ng-change="field_modified()"
 876       type='checkbox' ng-model="user_settings[type.name()]"/>
 877   </div>
 878 </div>
 879
 880 <div class="row reg-field-row" ng-if="org_settings['circ.privacy_waiver']">
 881   <div class="col-md-3 reg-field-label">
 882     <label id="privacyWaiver">[% l('Allow others to use my account') %]</label>
 883   </div>
 884   <div class="col-md-4 reg-field-input">
 885     <div class="row" ng-repeat="waiver_entry in patron.waiver_entries" ng-hide="waiver_entry.isdeleted">
 886       <div class="row flex-row">
 887         <div class="flex-cell">
 888           <label id="waiverName" ng-hide="true">
 889             [% l('Name') %]
 890           </label>
 891           <input ng-change="field_modified()"
 892             aria-labelledby="privacyWaiver waiverName"
 893             type='text' ng-model="waiver_entry.name"/>
 894         </div>
 895         <div class="flex-cell">
 896           <button type="button"
 897             aria-label="[% l('Delete Person Allowed to Use My Account') %]"
 898             ng-click="field_modified();delete_waiver_entry(waiver_entry)"
 899             class="btn btn-danger">[% l('X') %]</button>
 900         </div>
 901       </div>
 902       <div class="row flex-row reg-field-input">
 903         <div class="flex-cell">
 904           <label id="waiverPlace"><input ng-change="field_modified()"
 905             aria-labelledby="privacyWaiver waiverPlace"
 906             type='checkbox' ng-model="waiver_entry.place_holds"/>
 907             [% l('Place Holds?') %]</label>
 908         </div>
 909         <div class="flex-cell">
 910           <label id="waiverPickup"><input ng-change="field_modified()"
 911             aria-labelledby="privacyWaiver waiverPickup"
 912             type='checkbox' ng-model="waiver_entry.pickup_holds"/>
 913             [% l('Pick Up Holds?') %]</label>
 914         </div>
 915         <div class="flex-cell">
 916           <label id="waiverHistory"><input ng-change="field_modified()"
 917             aria-labelledby="privacyWaiver waiverHistory"
 918             type='checkbox' ng-model="waiver_entry.view_history"/>
 919             [% l('View Borrowing History?') %]</label>
 920         </div>
 921         <div class="flex-cell">
 922           <label id="waiverCheckOut"><input ng-change="field_modified()"
 923             aria-labelledby="privacyWaiver waiverCheckOut"
 924             type='checkbox' ng-model="waiver_entry.checkout_items"/>
 925             [% l('Check Out Items?') %]</label>
 926         </div>
 927       </div> <!-- end checkboxes -->
 928     </div> <!-- end ng-repeat waiver_entry -->
 929     <div class="row">
 930       <div class="col-md-3 reg-field-input">
 931       <button type="button"
 932         ng-click="new_waiver_entry()"
 933         class="btn btn-success">[% l('Add Person') %]</button>
 934       </div>
 935     </div>
 936   </div> <!-- end waiver entries input -->
 937 </div> <!-- end waiver entries row -->
 938
 939 </div> <!-- end offline test -->
 940
 941 <!-- addresses -->
 942
 943 <div ng-repeat="addr in patron.addresses">
 944   <div class="alert alert-success row" role="alert">
 945     <div class="col-md-3">
 946       <label id="address{{addr.id}}">
 947         [% l('Address') %]
 948       </label>
 949       <div ng-show="addr._linked_owner">
 950         (<a target="_blank"
 951           href="/eg/staff/circ/patron/{{addr._linked_owner_id}}/edit">
 952           [% l('Owned by [_1]', '{{addr._linked_owner}}') %]
 953         </a>)
 954       </div>
 955     </div>
 956     <div class="col-md-3">
 957         <span class='pad-all-min'>
 958           <label id="mailing{{addr.id}}">
 959             [% l('Mailing') %]
 960           </label>
 961           <input type='checkbox'
 962             aria-labelledby="address{{addr.id}} mailing{{addr.id}}"
 963             ng-change="field_modified();set_addr_type(addr, 'mailing')"
 964             ng-model="addr._is_mailing"/>
 965         </span>
 966         <span class='pad-all-min'>
 967           <label id="physical{{addr.id}}">
 968             [% l('Physical') %]
 969           </label>
 970            <input type='checkbox'
 971             aria-labelledby="address{{addr.id}} physical{{addr.id}}"
 972             ng-change="field_modified();set_addr_type(addr, 'billing')"
 973             ng-model="addr._is_billing"/>
 974         </span>
 975         <span class='pad-all-min'>
 976           <button type="button"
 977             aria-label="[% l('Delete this address') %]"
 978             ng-click="field_modified();delete_address(addr.id)"
 979             class="btn btn-danger">[% l('X') %]</button>
 980         </span>
 981     </div>
 982   </div>
 983
 984   <div ng-if="addr.pending" class="row">
 985     <div class="col-md-6 patron-reg-pending-address">
 986       <div class="row">
 987         <div class="col-md-6">
 988           [% l('This is a pending address') %]
 989         </div>
 990         <div class="col-md-6">
 991           <button class="btn btn-success"
 992             ng-click="approve_pending_address(addr)">[% l('Approve') %]</button>
 993         </div>
 994       </div>
 995       <div class="row" ng-if="addr._replaces">
 996         <div class="col-md-6">
 997           [% | l(
 998             '{{addr._replaces.street1}}',
 999             '{{addr._replaces.street2}}',
1000             '<br/>'
1001             '{{addr._replaces.city}}',
1002             '{{addr._replaces.state}}',
1003             '{{addr._replaces.post_code}}') %]
1004             Replaces: [_1] [_2] [_3] [_4], [_5] [_6]
1005           [% END %]
1006         </div>
1007       </div>
1008     </div>
1009     <!-- make sure we occupy the entire row -->
1010     <div class="col-md-6"> </div>
1011   </div>
1012
1013   <!-- ADDRESS_TYPE -->
1014   <div class="row reg-field-row" ng-show="show_field('aua.address_type')">
1015     [% draw_field_label('aua', 'address_type') %]
1016     [% draw_form_input('aua',
1017       'address_type', 'addresses[$index]', '', 'addr._linked_owner') %]
1018     <div class="col-md-6 patron-reg-example">
1019       [% draw_example_text('aua', 'address_type') %]
1020     </div>
1021   </div>
1022
1023   <!-- POST_CODE -->
1024
1025   <div class="row reg-field-row" ng-show="show_field('aua.post_code')">
1026     [% draw_field_label('aua', 'post_code') %]
1027     [% draw_form_input('aua',
1028       'post_code', 'addresses[$index]', '', 'addr._linked_owner') %]
1029     <div class="col-md-6 patron-reg-example">
1030       [% draw_example_text('aua', 'post_code') %]
1031     </div>
1032   </div>
1033
1034   <!-- STREET1 -->
1035
1036   <div class="row reg-field-row" ng-show="show_field('aua.street1')">
1037     [% draw_field_label('aua', 'street1') %]
1038     [% draw_form_input('aua',
1039       'street1', 'addresses[$index]', '', 'addr._linked_owner') %]
1040     <div class="col-md-6 patron-reg-example">
1041       [% draw_example_text('aua', 'street1') %]
1042     </div>
1043   </div>
1044
1045   <!-- STREET2 -->
1046
1047   <div class="row reg-field-row" ng-show="show_field('aua.street2')">
1048     [% draw_field_label('aua', 'street2') %]
1049     [% draw_form_input('aua',
1050       'street2', 'addresses[$index]', '', 'addr._linked_owner') %]
1051     <div class="col-md-6 patron-reg-example">
1052       [% draw_example_text('aua', 'street2') %]
1053     </div>
1054   </div>
1055
1056   <!-- CITY -->
1057
1058   <div class="row reg-field-row" ng-show="show_field('aua.city')">
1059     [% draw_field_label('aua', 'city') %]
1060     [% draw_form_input('aua',
1061       'city', 'addresses[$index]', '', 'addr._linked_owner') %]
1062     <div class="col-md-6 patron-reg-example">
1063       [% draw_example_text('aua', 'city') %]
1064     </div>
1065   </div>
1066
1067   <!-- COUNTY -->
1068
1069   <div class="row reg-field-row" ng-show="show_field('aua.county')">
1070     [% draw_field_label('aua', 'county') %]
1071     [% draw_form_input('aua',
1072       'county', 'addresses[$index]', '', 'addr._linked_owner') %]
1073     <div class="col-md-6 patron-reg-example">
1074       [% draw_example_text('aua', 'county') %]
1075     </div>
1076   </div>
1077
1078   <!-- STATE -->
1079
1080   <div class="row reg-field-row" ng-show="show_field('aua.state')">
1081     [% draw_field_label('aua', 'state') %]
1082     [% draw_form_input('aua',
1083       'state', 'addresses[$index]', '', 'addr._linked_owner') %]
1084     <div class="col-md-6 patron-reg-example">
1085       [% draw_example_text('aua', 'state') %]
1086     </div>
1087   </div>
1088
1089   <!-- COUNTRY -->
1090
1091   <div class="row reg-field-row" ng-show="show_field('aua.country')">
1092     [% draw_field_label('aua', 'country') %]
1093     [% draw_form_input('aua',
1094       'country', 'addresses[$index]', '', 'addr._linked_owner') %]
1095     <div class="col-md-6 patron-reg-example">
1096       [% draw_example_text('aua', 'country') %]
1097     </div>
1098   </div>
1099
1100   <!-- VALID -->
1101
1102   <div class="row reg-field-row" ng-show="show_field('aua.valid')">
1103     [% draw_field_label('aua', 'valid') %]
1104     <div class="col-md-3 reg-field-input">
1105         <input
1106           aria-labelledby="{{idl_fields.aua.valid.name}}"
1107           type='checkbox'
1108           ng-change="field_modified()"
1109           ng-disabled='addr._linked_owner'
1110           ng-blur="handle_field_changed(patron.addresses[$index], 'valid')"
1111           ng-model="patron.addresses[$index].valid"/>
1112     </div>
1113     <div class="col-md-6 patron-reg-example">
1114       [% draw_example_text('aua', 'valid') %]
1115     </div>
1116   </div>
1117
1118   <!-- WITHIN_CITY_LIMITS -->
1119
1120   <div class="row reg-field-row" ng-show="show_field('aua.within_city_limits')">
1121     [% draw_field_label('aua', 'within_city_limits') %]
1122     <div class="col-md-3 reg-field-input">
1123         <input
1124           type='checkbox'
1125           aria-labelledby="{{idl_fields.aua.within_city_limits.name}}"
1126           ng-change="field_modified()"
1127           ng-disabled='addr._linked_owner'
1128           ng-blur="handle_field_changed(patron.addresses[$index], 'within_city_limits')"
1129           ng-model="patron.addresses[$index].within_city_limits"/>
1130     </div>
1131     <div class="col-md-6 patron-reg-example">
1132       [% draw_example_text('aua', 'within_city_limits') %]
1133     </div>
1134   </div>
1135
1136   <!-- pending address -->
1137
1138 </div> <!-- addresses -->
1139
1140 <div class="row">
1141   <button type="button" ng-click="new_address()"
1142     class="btn btn-success">[% l('New Address') %]</button>
1143 </div>
1144
1145 <div ng-if="!offline">
1146 <div class="alert alert-success row" role="alert"
1147     ng-show="show_field('stat_cats') || hasRequiredStatCat" ng-if="stat_cats.length > 0">
1148     <div class="col-md-6">[% l('Statistical Categories') %]</div>
1149 </div>
1150
1151 <div class="row reg-field-row"
1152      ng-show="show_field('stat_cats') || hasRequiredStatCat" ng-repeat="cat in stat_cats">
1153      <!-- Display this stat cat when displaying all stat cats
1154        or when this stat cat is required.  Wrap the body of
1155        stat cat display in a div for easy show/hide.  -->
1156   <div ng-if="show_field('stat_cats') || cat.required() == 1">
1157
1158     <div class="col-md-3 reg-field-label">
1159       <label id="statcat{{cat.id()}}">{{cat.name()}}</label>
1160     </div>
1161     <div class="col-md-3 reg-field-input">
1162       <div ng-if="cat.entries().length != 0">
1163         <div class="btn-group" uib-dropdown>
1164           <button type="button" class="btn btn-default"
1165             aria-labelledby="statcat{{cat.id()}}"
1166             ng-class="{'ng-invalid': cat.required() == 1 && !stat_cat_entry_maps[cat.id()] }"
1167             uib-dropdown-toggle>
1168             <span style="padding-right: 5px;">
1169               {{stat_cat_entry_maps[cat.id()]}}</span>
1170             <span class="caret"></span>
1171           </button>
1172           <ul uib-dropdown-menu>
1173             <li ng-repeat="entry in cat.entries()">
1174               <a href
1175                 ng-click="field_modified();stat_cat_entry_maps[cat.id()]=entry.value()">
1176                 {{entry.value()}}
1177               </a>
1178             </li>
1179           </ul>
1180         </div>
1181       </div>
1182     </div>
1183
1184     <!-- Stat cat retrieval API uses open-ils.storage under the covers
1185         which represents DB bools at 1/0 instead of cstore-style t/f -->
1186     <div class="col-md-3 reg-field-input"
1187       ng-show="show_field('stat_cats') || hasRequiredStatCat"
1188       ng-if="cat.allow_freetext() == '1'">
1189       <input type="text"
1190         aria-labelledby="statcat{{cat.id()}}"
1191         ng-model="stat_cat_entry_maps[cat.id()]"
1192         class="form-control" ng-required="cat.required() == 1"/>
1193     </div>
1194
1195   </div><!-- show/hide wrapper -->
1196 </div>
1197 </div>
1198
1199 <!-- surveys -->
1200
1201 <div class="alert alert-success row" role="alert"
1202     ng-show="show_field('surveys')" ng-if="surveys.length > 0">
1203     <div class="col-md-6">[% l('Surveys') %]</div>
1204 </div>
1205
1206 <div class="row reg-field-row"
1207     ng-show="show_field('surveys')" ng-repeat="survey in surveys">
1208   <div class="col-md-3 reg-field-label">
1209     <label>{{survey.name()}}</label>
1210   </div>
1211   <div class="col-md-6 reg-field-input">
1212     <div class="row" ng-repeat="question in survey.questions()"
1213       style="margin-bottom: 10px;">
1214       <div class="col-md-6">{{question.question()}}</div>
1215       <div class="col-md-6">
1216         <div class="btn-group" uib-dropdown>
1217           <button type="button" class="btn btn-default" uib-dropdown-toggle>
1218             <span style="padding-right: 5px;">
1219               {{survey_responses[question.id()].answer()}}
1220             </span>
1221             <span class="caret"></span>
1222           </button>
1223           <ul uib-dropdown-menu>
1224             <li ng-repeat="answer in question.answers()">
1225               <a href
1226                 ng-click="field_modified();survey_responses[question.id()] = answer">
1227                 {{answer.answer()}}
1228               </a>
1229             </li>
1230           </ul>
1231         </div>
1232       </div>
1233     </div>
1234   </div>
1235 </div>
1236
1237 </div><!-- /form wrapper -->