2 <!-- TODO: inputs need sr-only labels
3 <label class="sr-only" for="input-id">label</label>
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">
11 <div class="form-group">
13 <div class="col-md-2">
14 <input type="text" class="form-control"
16 ng-model="searchArgs.family_name" placeholder="[% l('Last Name') %]"/>
19 <div class="col-md-2">
20 <input type="text" class="form-control"
21 ng-model="searchArgs.first_given_name" placeholder="[% l('First Name') %]"/>
24 <div class="col-md-2">
25 <input type="text" class="form-control"
26 ng-model="searchArgs.second_given_name" placeholder="[% l('Middle Name') %]"/>
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') %]"/>
34 <div class="col-md-2" ng-mouseover="setLastFormElement()">
35 <input type="submit" class="btn btn-primary" value="[% l('Search') %]"/>
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>
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>
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') %]"/>
58 <div class="col-md-2">
59 <input type="text" class="form-control"
60 ng-model="searchArgs.alias" placeholder="[% l('Alias') %]"/>
62 <div class="col-md-2">
63 <input type="text" class="form-control"
64 ng-model="searchArgs.usrname" placeholder="[% l('Username') %]"/>
66 <div class="col-md-2">
67 <input type="text" class="form-control"
68 ng-model="searchArgs.email" placeholder="[% l('Email') %]"/>
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') %]"/>
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') %]"/>
82 <div class="col-md-2">
83 <input type="text" class="form-control"
84 ng-model="searchArgs.phone" placeholder="[% l('Phone') %]"/>
86 <div class="col-md-2">
87 <input type="text" class="form-control"
88 ng-model="searchArgs.street1" placeholder="[% l('Street 1') %]"/>
90 <div class="col-md-2">
91 <input type="text" class="form-control"
92 ng-model="searchArgs.street2" placeholder="[% l('Street 2') %]"/>
94 <div class="col-md-2">
95 <input type="text" class="form-control"
96 ng-model="searchArgs.city" placeholder="[% l('City') %]"/>
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') %]"/>
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') %]"/>
111 <div class="col-md-2">
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" />
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>
125 <ul class="scrollable-menu" uib-dropdown-menu>
126 <li ng-repeat="grp in profiles">
128 style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
129 ng-click="searchArgs.profile = grp">{{grp.name()}}</a>
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">
141 <div class="col-md-2">
142 <div class="checkbox">
144 <input type="checkbox" ng-model="searchArgs.inactive" ng-change="onSearchInactiveChanged()"/>
145 [% l('Include Inactive?') %]
150 <div class="form-group" ng-show="showExtras">
151 <div class="col-md-2">
152 <input type="text" class="form-control" ng-model="searchArgs.dob_year"
153 placeholder="[% l('DOB Year') %]" title="[% l('DOB Year') %]"/>
155 <div class="col-md-2">
156 <input type="text" class="form-control" ng-model="searchArgs.dob_month"
157 placeholder="[% l('DOB Month') %]" title="[% l('DOB Month') %]"/>
159 <div class="col-md-2">
160 <input type="text" class="form-control" ng-model="searchArgs.dob_day"
161 placeholder="[% l('DOB Day') %]" title="[% l('DOB Day') %]"/>
163 <div class="col-md-2">
164 <input type="text" class="form-control"
165 ng-model="searchArgs.id" placeholder="[% l('Database ID') %]"/>