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="submit" class="btn btn-default" value="[% l('Search') %]"/>
33 <div class="col-md-2">
34 <input type="reset" class="btn btn-default" ng-click="searchArgs={}"
35 value="[% l('Clear Form') %]"/>
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>
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>
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') %]"/>
55 <div class="col-md-2">
56 <input type="text" class="form-control"
57 ng-model="searchArgs.alias" placeholder="[% l('Alias') %]"/>
59 <div class="col-md-2">
60 <input type="text" class="form-control"
61 ng-model="searchArgs.usrname" placeholder="[% l('Username') %]"/>
63 <div class="col-md-2">
64 <input type="text" class="form-control"
65 ng-model="searchArgs.email" placeholder="[% l('Email') %]"/>
67 <div class="col-md-2">
68 <input type="text" class="form-control"
69 ng-model="searchArgs.ident" placeholder="[% l('Identification') %]"/>
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') %]"/>
78 <div class="col-md-2">
79 <input type="text" class="form-control"
80 ng-model="searchArgs.phone" placeholder="[% l('Phone') %]"/>
82 <div class="col-md-2">
83 <input type="text" class="form-control"
84 ng-model="searchArgs.street1" placeholder="[% l('Street 1') %]"/>
86 <div class="col-md-2">
87 <input type="text" class="form-control"
88 ng-model="searchArgs.street2" placeholder="[% l('Street 2') %]"/>
90 <div class="col-md-2">
91 <input type="text" class="form-control"
92 ng-model="searchArgs.city" placeholder="[% l('City') %]"/>
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') %]"/>
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') %]"/>
107 <div class="col-md-2">
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" />
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>
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>
131 <div class="col-md-2">
132 <eg-org-selector label="[% l('Home Library') %]"
133 selected="searchArgs.home_ou">
137 <div class="col-md-2">
138 <div class="checkbox">
140 <input type="checkbox" ng-model="searchArgs.inactive"/>
141 [% l('Include Inactive?') %]
153 <div class="col-md-12">
154 [% INCLUDE 'staff/circ/patron/t_search_results.tt2' %]