[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_selection
  19  
  20      Moodle template for the currently selected items 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      * multiple True if this field allows multiple selections
  30      * selectionId The dom id of the current selection list.
  31      * items List of items with label and value fields.
  32      * noSelectionString String to use when no items are selected
  33  
  34      Example context (json):
  35      { "multiple": true, "selectionId": 1, "items": [
  36          { "label": "Item label with <strong>tags</strong>", "value": "5" },
  37          { "label": "Another item label with <strong>tags</strong>", "value": "4" }
  38      ], "noSelectionString": "No selection" }
  39  }}
  40  <div class="form-autocomplete-selection {{#multiple}}form-autocomplete-multiple{{/multiple}}" id="{{selectionId}}" role="list" aria-atomic="true" {{#multiple}}tabindex="0" aria-multiselectable="true"{{/multiple}}>
  41  <span class="accesshide">{{#str}}selecteditems, form{{/str}}</span>
  42      {{#items}}
  43          <span role="listitem" data-value="{{value}}" aria-selected="true" class="label label-info">
  44              {{#multiple}}<span aria-hidden="true">× </span>{{/multiple}}{{{label}}}
  45          </span>
  46      {{/items}}
  47      {{^items}}
  48          <span>{{noSelectionString}}</span>
  49      {{/items}}
  50  </div>
  51  </div>