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