| 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/form_autocomplete_selection_items
 | 
        
           |  |  | 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 |     * data-value
 | 
        
           |  |  | 27 |   | 
        
           |  |  | 28 |     Context variables required for this template:
 | 
        
           |  |  | 29 |     * items List of items with label and value fields.
 | 
        
           |  |  | 30 |     *   - value Value of the selected item.
 | 
        
           |  |  | 31 |     *   - label HTML representing the value.
 | 
        
           |  |  | 32 |     * noSelectionString String to use when no items are selected
 | 
        
           |  |  | 33 |   | 
        
           |  |  | 34 |     Example context (json):
 | 
        
           |  |  | 35 |     { "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 | {{#items}}
 | 
        
           |  |  | 41 |     <span role="option" data-value="{{value}}" aria-selected="true" class="badge bg-secondary text-dark m-1" style="font-size: 100%">
 | 
        
           |  |  | 42 |         <span aria-hidden="true">× </span>{{{label}}}
 | 
        
           |  |  | 43 |     </span>
 | 
        
           |  |  | 44 | {{/items}}
 | 
        
           |  |  | 45 | {{^items}}
 | 
        
           |  |  | 46 |     <span class="m-1 h-5">{{noSelectionString}}</span>
 | 
        
           |  |  | 47 | {{/items}}
 |