7e89b09b10557622b03c2f80ccbfb1da796a9010
[moodle.git] / lib / templates / search_input_auto.mustache
1 {{!
2     This file is part of Moodle - http://moodle.org/
4     Moodle is free software: you can redistribute it and/or modify
5     it under the terms of the GNU General Public License as published by
6     the Free Software Foundation, either version 3 of the License, or
7     (at your option) any later version.
9     Moodle is distributed in the hope that it will be useful,
10     but WITHOUT ANY WARRANTY; without even the implied warranty of
11     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12     GNU General Public License for more details.
14     You should have received a copy of the GNU General Public License
15     along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
16 }}
17 {{!
18     @template core/search_input_auto
20     Search input that auto searches.
22     Example context (json):
23     {
24         "action": "https://moodle.local/admin/search.php",
25         "extraclasses": "my-2",
26         "inputname": "search",
27         "searchstring": "Search settings",
28         "sesskey": "sesskey",
29         "value": "policy",
30         "btnclass": "primary",
31         "hiddenfields": [
32             {
33                 "name": "course",
34                 "value": "11"
35             }
36         ]
37     }
38 }}
39 <div id="searchform-auto-{{uniqid}}" class="form-inline simplesearchform">
40     <div class="input-group searchbar" role="search">
41         <label for="searchinput">
42             <span class="sr-only">{{$label}}{{#str}} search, core {{/str}}{{/label}}</span>
43         </label>
44         <input
45            type="text"
46            data-region="input"
47            data-action="search"
48            id="searchinput"
49            class="form-control withclear"
50            placeholder="{{$placeholder}}{{#str}} search, core {{/str}}{{/placeholder}}"
51            name="search"
52            autocomplete="off"
53         >
54         <button
55             class="btn btn-clear d-none"
56             data-action="clearsearch"
57             type="button"
58         >
59            {{#pix}} e/cancel, core {{/pix}}
60             <span class="sr-only">{{#str}} clearsearch, core {{/str}}</span>
61         </button>
62     </div>
63 </div>