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" ng-mouseover="setLastFormElement()">
30 <input type="submit" class="btn btn-primary" value="[% l('Search') %]"/>
33 <div class="col-md-2" ng-mouseover="setLastFormElement()">
34 <input type="reset" class="btn btn-primary" ng-click="clearForm()"
35 value="[% l('Clear Form') %]"/>
38 <div class="col-md-2">
39 <button class="btn btn-default" ng-click="applyShowExtras($event, true)"
40 ng-mouseover="setLastFormElement()"
41 title="[% l('Show More Fields') %]" ng-show="!showExtras">
42 <span class="glyphicon glyphicon-circle-arrow-down"></span>
44 <button class="btn btn-default" ng-click="applyShowExtras($event, false)"
45 ng-mouseover="setLastFormElement()"
46 title="[% l('Show Fewer Fields') %]" ng-show="showExtras">
47 <span class="glyphicon glyphicon-circle-arrow-up"></span>
52 <div class="form-group" ng-show="showExtras">
53 <div class="col-md-2">
54 <input type="text" class="form-control" ng-model="searchArgs.card"
55 placeholder="[% l('Barcode') %]"/>
57 <div class="col-md-2">
58 <input type="text" class="form-control"
59 ng-model="searchArgs.alias" placeholder="[% l('Alias') %]"/>
61 <div class="col-md-2">
62 <input type="text" class="form-control"
63 ng-model="searchArgs.usrname" placeholder="[% l('Username') %]"/>
65 <div class="col-md-2">
66 <input type="text" class="form-control"
67 ng-model="searchArgs.email" placeholder="[% l('Email') %]"/>
69 <div class="col-md-2">
70 <input type="text" class="form-control"
71 ng-model="searchArgs.ident" placeholder="[% l('Identification') %]"/>
75 <div class="form-group" ng-show="showExtras">
76 <div class="col-md-2">
77 <input type="text" class="form-control"
78 ng-model="searchArgs.id" placeholder="[% l('Database ID') %]"/>
80 <div class="col-md-2">
81 <input type="text" class="form-control"
82 ng-model="searchArgs.phone" placeholder="[% l('Phone') %]"/>
84 <div class="col-md-2">
85 <input type="text" class="form-control"
86 ng-model="searchArgs.street1" placeholder="[% l('Street 1') %]"/>
88 <div class="col-md-2">
89 <input type="text" class="form-control"
90 ng-model="searchArgs.street2" placeholder="[% l('Street 2') %]"/>
92 <div class="col-md-2">
93 <input type="text" class="form-control"
94 ng-model="searchArgs.city" placeholder="[% l('City') %]"/>
98 <div class="form-group" ng-show="showExtras">
99 <div class="col-md-2">
100 <input type="text" class="form-control" ng-model="searchArgs.state"
101 placeholder="[% l('State') %]" title="[% l('State') %]"/>
104 <div class="col-md-2">
105 <input type="text" class="form-control" ng-model="searchArgs.post_code"
106 placeholder="[% l('Post Code') %]" title="[% l('Post Code') %]"/>
109 <div class="col-md-2">
111 <input type="text" class="form-control"
112 placeholder="[% l('Profile Group') %]"
113 ng-model="searchArgs.profile"
114 typeahead="grp as grp.name for grp in profiles | filter:$viewValue"
115 typeahead-editable="false" />
118 <div class="btn-group patron-search-selector" uib-dropdown>
119 <button type="button" class="btn btn-default" uib-dropdown-toggle>
120 <span style="padding-right: 5px;">{{searchArgs.profile.name() || "[% l('Profile Group') %]"}}</span>
121 <span class="caret"></span>
123 <ul uib-dropdown-menu>
124 <li ng-repeat="grp in profiles">
126 style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
127 ng-click="searchArgs.profile = grp">{{grp.name()}}</a>
133 <div class="col-md-2">
134 <eg-org-selector label="[% l('Home Library') %]"
135 selected="searchArgs.home_ou" sticky-setting="eg.circ.patron.search.ou">
139 <div class="col-md-2">
140 <div class="checkbox">
142 <input type="checkbox" ng-model="searchArgs.inactive" ng-change="onSearchInactiveChanged()"/>
143 [% l('Include Inactive?') %]
148 <div class="form-group" ng-show="showExtras">
149 <div class="col-md-2">
150 <input type="text" class="form-control" ng-model="searchArgs.dob_year"
151 placeholder="[% l('DOB Year') %]" title="[% l('DOB Year') %]"/>
153 <div class="col-md-2">
154 <input type="text" class="form-control" ng-model="searchArgs.dob_month"
155 placeholder="[% l('DOB Month') %]" title="[% l('DOB Month') %]"/>
157 <div class="col-md-2">
158 <input type="text" class="form-control" ng-model="searchArgs.dob_day"
159 placeholder="[% l('DOB Day') %]" title="[% l('DOB Day') %]"/>