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