| 1 | efrain | 1 | {{!
 | 
        
           |  |  | 2 |     This file is part of Moodle - http://moodle.org/
 | 
        
           |  |  | 3 |   | 
        
           |  |  | 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.
 | 
        
           |  |  | 8 |   | 
        
           |  |  | 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.
 | 
        
           |  |  | 13 |   | 
        
           |  |  | 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
 | 
        
           |  |  | 19 |   | 
        
           |  |  | 20 |     Search input that auto searches.
 | 
        
           |  |  | 21 |   | 
        
           |  |  | 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="d-flex flex-wrap align-items-center simplesearchform">
 | 
        
           |  |  | 40 |     <div class="input-group searchbar w-100" role="search">
 | 
        
           |  |  | 41 |         <label for="searchinput-{{uniqid}}">
 | 
        
           |  |  | 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-{{uniqid}}"
 | 
        
           |  |  | 49 |            class="form-control withclear rounded"
 | 
        
           |  |  | 50 |            placeholder="{{$placeholder}}{{#str}} search, core {{/str}}{{/placeholder}}"
 | 
        
           |  |  | 51 |            name="search"
 | 
        
           |  |  | 52 |            value="{{$value}}{{/value}}"
 | 
        
           |  |  | 53 |            autocomplete="off"
 | 
        
           |  |  | 54 |            {{$additionalattributes}}{{/additionalattributes}}
 | 
        
           |  |  | 55 |         >
 | 
        
           |  |  | 56 |         <button
 | 
        
           |  |  | 57 |             class="btn btn-clear d-none"
 | 
        
           |  |  | 58 |             data-action="clearsearch"
 | 
        
           |  |  | 59 |             type="button"
 | 
        
           |  |  | 60 |         >
 | 
        
           |  |  | 61 |            {{#pix}} e/cancel, core {{/pix}}
 | 
        
           |  |  | 62 |             <span class="sr-only">{{#str}} clearsearch, core {{/str}}</span>
 | 
        
           |  |  | 63 |         </button>
 | 
        
           |  |  | 64 |     </div>
 | 
        
           |  |  | 65 | </div>
 |