Open-ILS/src/templates/staff/share/t_patron_search_form.tt2

   1
   2 <!-- TODO: inputs need sr-only labels
   3    <label class="sr-only" for="input-id">label</label>
   4 -->
   5
   6 <div class="row" id="patron-search-form-row">
   7   <div class="col-md-11">
   8     <form ng-submit="search(searchArgs)" id="patron-search-form"
   9         role="form" class="form-horizontal">
  10
  11       <div class="form-group">
  12
  13         <div class="col-md-2">
  14           <input type="text" class="form-control"
  15             focus-me="focusMe"
  16             ng-model="searchArgs.family_name" placeholder="[% l('Last Name') %]"/>
  17         </div>
  18
  19         <div class="col-md-2">
  20           <input type="text" class="form-control"
  21             ng-model="searchArgs.first_given_name" placeholder="[% l('First Name') %]"/>
  22         </div>
  23
  24         <div class="col-md-2">
  25           <input type="text" class="form-control"
  26             ng-model="searchArgs.second_given_name" placeholder="[% l('Middle Name') %]"/>
  27         </div>
  28
  29         <div class="col-md-2">
  30             <input type="text" class="form-control" ng-model="searchArgs.name"
  31             placeholder="[% l('Name Keywords') %]" title="[% l('Name Keywords') %]"/>
  32         </div>
  33
  34         <div class="col-md-2" ng-mouseover="setLastFormElement()">
  35           <input type="submit" class="btn btn-primary" value="[% l('Search') %]"/>
  36         </div>
  37
  38
  39         <div class="col-md-2">
  40           <button class="btn btn-default" ng-click="applyShowExtras($event, true)"
  41             ng-mouseover="setLastFormElement()"
  42             title="[% l('Show More Fields') %]" ng-show="!showExtras">
  43             <span class="glyphicon glyphicon-circle-arrow-down"></span>
  44           </button>
  45           <button class="btn btn-default" ng-click="applyShowExtras($event, false)"
  46             ng-mouseover="setLastFormElement()"
  47             title="[% l('Show Fewer Fields') %]" ng-show="showExtras">
  48             <span class="glyphicon glyphicon-circle-arrow-up"></span>
  49           </button>
  50         </div>
  51       </div>
  52
  53       <div class="form-group" ng-show="showExtras">
  54         <div class="col-md-2">
  55           <input type="text" class="form-control" ng-model="searchArgs.card"
  56             placeholder="[% l('Barcode') %]"/>
  57         </div>
  58         <div class="col-md-2">
  59           <input type="text" class="form-control"
  60             ng-model="searchArgs.alias" placeholder="[% l('Alias') %]"/>
  61         </div>
  62         <div class="col-md-2">
  63           <input type="text" class="form-control"
  64             ng-model="searchArgs.usrname" placeholder="[% l('Username') %]"/>
  65         </div>
  66         <div class="col-md-2">
  67           <input type="text" class="form-control"
  68             ng-model="searchArgs.email" placeholder="[% l('Email') %]"/>
  69         </div>
  70         <div class="col-md-2" ng-mouseover="setLastFormElement()">
  71           <input type="reset" class="btn btn-primary" ng-click="clearForm()"
  72             value="[% l('Clear Form') %]"/>
  73         </div>
  74       </div>
  75
  76       <div class="form-group" ng-show="showExtras">
  77         <div class="col-md-2">
  78           <input type="text" class="form-control"
  79             ng-model="searchArgs.ident" placeholder="[% l('Identification') %]"/>
  80         </div>
  81
  82         <div class="col-md-2">
  83           <input type="text" class="form-control"
  84             ng-model="searchArgs.phone" placeholder="[% l('Phone') %]"/>
  85         </div>
  86         <div class="col-md-2">
  87           <input type="text" class="form-control"
  88             ng-model="searchArgs.street1" placeholder="[% l('Street 1') %]"/>
  89         </div>
  90         <div class="col-md-2">
  91           <input type="text" class="form-control"
  92             ng-model="searchArgs.street2" placeholder="[% l('Street 2') %]"/>
  93         </div>
  94         <div class="col-md-2">
  95           <input type="text" class="form-control"
  96             ng-model="searchArgs.city" placeholder="[% l('City') %]"/>
  97         </div>
  98       </div>
  99
 100       <div class="form-group" ng-show="showExtras">
 101         <div class="col-md-2">
 102           <input type="text" class="form-control" ng-model="searchArgs.state"
 103             placeholder="[% l('State') %]" title="[% l('State') %]"/>
 104         </div>
 105
 106         <div class="col-md-2">
 107           <input type="text" class="form-control" ng-model="searchArgs.post_code"
 108             placeholder="[% l('Post Code') %]" title="[% l('Post Code') %]"/>
 109         </div>
 110
 111         <div class="col-md-2">
 112           <!--
 113           <input type="text" class="form-control"
 114             placeholder="[% l('Profile Group') %]"
 115             ng-model="searchArgs.profile"
 116             typeahead="grp as grp.name for grp in profiles | filter:$viewValue"
 117             typeahead-editable="false" />
 118             -->
 119
 120             <div class="btn-group patron-search-selector" uib-dropdown>
 121               <button type="button" class="btn btn-default" uib-dropdown-toggle>
 122                 <span style="padding-right: 5px;">{{searchArgs.profile.name() || "[% l('Profile Group') %]"}}</span>
 123                 <span class="caret"></span>
 124               </button>
 125               <ul class="scrollable-menu" uib-dropdown-menu>
 126                 <li ng-repeat="grp in profiles">
 127                   <a href
 128                     style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
 129                     ng-click="searchArgs.profile = grp">{{grp.name()}}</a>
 130                 </li>
 131               </ul>
 132             </div>
 133         </div>
 134
 135         <div class="col-md-2">
 136           <eg-org-selector label="[% l('Home Library') %]"
 137             selected="searchArgs.home_ou" sticky-setting="eg.circ.patron.search.ou">
 138           </eg-org-selector>
 139         </div>
 140
 141         <div class="col-md-2">
 142           <input type="text" class="form-control"
 143             ng-model="searchArgs.guardian" placeholder="[% l('Parent/Guardian') %]"/>
 144         </div>
 145       </div>
 146       <div class="form-group" ng-show="showExtras">
 147         <div class="col-md-2">
 148             <input type="text" class="form-control" ng-model="searchArgs.dob_year"
 149             placeholder="[% l('DOB Year') %]" title="[% l('DOB Year') %]"/>
 150         </div>
 151         <div class="col-md-2">
 152             <input type="text" class="form-control" ng-model="searchArgs.dob_month"
 153             placeholder="[% l('DOB Month') %]" title="[% l('DOB Month') %]"/>
 154         </div>
 155         <div class="col-md-2">
 156             <input type="text" class="form-control" ng-model="searchArgs.dob_day"
 157             placeholder="[% l('DOB Day') %]" title="[% l('DOB Day') %]"/>
 158         </div>
 159         <div class="col-md-2">
 160           <input type="text" class="form-control"
 161             ng-model="searchArgs.id" placeholder="[% l('Database ID') %]"/>
 162         </div>
 163         <div class="col-md-2">
 164           <div class="checkbox">
 165             <label>
 166               <input type="checkbox" ng-model="searchArgs.inactive" ng-change="onSearchInactiveChanged()"/>
 167               [% l('Include Inactive?') %]
 168             </label>
 169           </div>
 170         </div>
 171       </div>
 172     </form>
 173   </div>
 174 </div>