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