[Summary view] [Print] [Text view]

   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/form_autocomplete_input
  19  
  20      Moodle template for the input field in an autocomplate form element.
  21  
  22      Classes required for JS:
  23      * none
  24  
  25      Data attributes required for JS:
  26      * none
  27  
  28      Context variables required for this template:
  29      * inputId The dom id of this input field.
  30      * suggestionsId The dom id of the suggestions list.
  31      * selectionId The dom id of the current selection list.
  32      * downArrowId The dom id of the down arrow to open the suggestions.
  33      * placeholder The place holder text when the field is empty
  34  
  35      Example context (json):
  36      { "inputID": 1, "suggestionsId": 2, "selectionId": 3, "downArrowId": 4, "placeholder": "Select something" }
  37  }}
  38  {{#showSuggestions}}
  39  <input type="text" id="{{inputId}}" list="{{suggestionsId}}" placeholder="{{placeholder}}" role="combobox" aria-expanded="false" autocomplete="off" autocorrect="off" autocapitalize="off" aria-autocomplete="list" aria-owns="{{suggestionsId}} {{selectionId}}"/><span class="form-autocomplete-downarrow" id="{{downArrowId}}">&#x25BC;</span>
  40  {{/showSuggestions}}
  41  {{^showSuggestions}}
  42  <input type="text" id="{{inputId}}" placeholder="{{placeholder}}" role="textbox" aria-owns="{{selectionId}}"/>
  43  {{/showSuggestions}}