Open-ILS/src/templates/staff/circ/patron/t_search.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="submit" class="btn btn-default" value="[% l('Search') %]"/>
  31         </div>
  32
  33         <div class="col-md-2">
  34           <input type="reset" class="btn btn-default" ng-click="searchArgs={}"
  35             value="[% l('Clear Form') %]"/>
  36         </div>
  37
  38         <div class="col-md-2">
  39           <button class="btn btn-default" ng-click="applyShowExtras($event, true)"
  40             title="[% l('Show More Fields') %]" ng-show="!showExtras">
  41             <span class="glyphicon glyphicon-circle-arrow-down"></span>
  42           </button>
  43           <button class="btn btn-default" ng-click="applyShowExtras($event, false)"
  44             title="[% l('Show Fewer Fields') %]" ng-show="showExtras">
  45             <span class="glyphicon glyphicon-circle-arrow-up"></span>
  46           </button>
  47         </div>
  48       </div>
  49
  50       <div class="form-group" ng-show="showExtras">
  51         <div class="col-md-2">
  52           <input type="text" class="form-control" ng-model="searchArgs.card"
  53             placeholder="[% l('Barcode') %]"/>
  54         </div>
  55         <div class="col-md-2">
  56           <input type="text" class="form-control"
  57             ng-model="searchArgs.alias" placeholder="[% l('Alias') %]"/>
  58         </div>
  59         <div class="col-md-2">
  60           <input type="text" class="form-control"
  61             ng-model="searchArgs.usrname" placeholder="[% l('Username') %]"/>
  62         </div>
  63         <div class="col-md-2">
  64           <input type="text" class="form-control"
  65             ng-model="searchArgs.email" placeholder="[% l('Email') %]"/>
  66         </div>
  67         <div class="col-md-2">
  68           <input type="text" class="form-control"
  69             ng-model="searchArgs.ident" placeholder="[% l('Identification') %]"/>
  70         </div>
  71       </div>
  72
  73       <div class="form-group" ng-show="showExtras">
  74         <div class="col-md-2">
  75           <input type="text" class="form-control"
  76             ng-model="searchArgs.id" placeholder="[% l('Database ID') %]"/>
  77         </div>
  78         <div class="col-md-2">
  79           <input type="text" class="form-control"
  80             ng-model="searchArgs.phone" placeholder="[% l('Phone') %]"/>
  81         </div>
  82         <div class="col-md-2">
  83           <input type="text" class="form-control"
  84             ng-model="searchArgs.street1" placeholder="[% l('Street 1') %]"/>
  85         </div>
  86         <div class="col-md-2">
  87           <input type="text" class="form-control"
  88             ng-model="searchArgs.street2" placeholder="[% l('Street 2') %]"/>
  89         </div>
  90         <div class="col-md-2">
  91           <input type="text" class="form-control"
  92             ng-model="searchArgs.city" placeholder="[% l('City') %]"/>
  93         </div>
  94       </div>
  95
  96       <div class="form-group" ng-show="showExtras">
  97         <div class="col-md-2">
  98           <input type="text" class="form-control" ng-model="searchArgs.state"
  99             placeholder="[% l('State') %]" title="[% l('State') %]"/>
 100         </div>
 101
 102         <div class="col-md-2">
 103           <input type="text" class="form-control" ng-model="searchArgs.post_code"
 104             placeholder="[% l('Post Code') %]" title="[% l('Post Code') %]"/>
 105         </div>
 106
 107         <div class="col-md-2">
 108           <!--
 109           <input type="text" class="form-control"
 110             placeholder="[% l('Profile Group') %]"
 111             ng-model="searchArgs.profile"
 112             typeahead="grp as grp.name for grp in profiles | filter:$viewValue"
 113             typeahead-editable="false" />
 114             -->
 115
 116             <div class="btn-group patron-search-selector" dropdown>
 117               <button type="button" class="btn btn-default dropdown-toggle">
 118                 <span style="padding-right: 5px;">{{searchArgs.profile.name() || "[% l('Profile Group') %]"}}</span>
 119                 <span class="caret"></span>
 120               </button>
 121               <ul class="dropdown-menu">
 122                 <li ng-repeat="grp in profiles">
 123                   <a href dropdown-toggle
 124                     style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
 125                     ng-click="searchArgs.profile = grp">{{grp.name()}}</a>
 126                 </li>
 127               </ul>
 128             </div>
 129         </div>
 130
 131         <div class="col-md-2">
 132           <eg-org-selector label="[% l('Home Library') %]"
 133             selected="searchArgs.home_ou">
 134           </eg-org-selector>
 135         </div>
 136
 137         <div class="col-md-2">
 138           <div class="checkbox">
 139             <label>
 140               <input type="checkbox" ng-model="searchArgs.inactive"/>
 141               [% l('Include Inactive?') %]
 142             </label>
 143           </div>
 144         </div>
 145       </div>
 146     </form>
 147   </div>
 148 </div>
 149
 150
 151 <br/>
 152 <div class="row">
 153   <div class="col-md-12">
 154     [% INCLUDE 'staff/circ/patron/t_search_results.tt2' %]
 155   </div>
 156 </div>
 157
 158