MDL-69453 core_form: improve form UI icons and alignment

[moodle.git] / lib / form / templates / element-filemanager.mustache

{{< core_form/element-template }}
    {{$label}}
        {{^element.hiddenlabel}}
            <p id="{{element.id}}_label" class="mb-0 d-inline" aria-hidden="true">
                {{{label}}}
            </p>
        {{/element.hiddenlabel}}
    {{/label}}
    {{$element}}
        <fieldset class="w-100 m-0 p-0 border-0" id="{{element.id}}_fieldset">
            <legend class="sr-only">{{label}}</legend>
            {{{element.html}}}
        </fieldset>
    {{/element}}
{{/ core_form/element-template }}
{{#js}}
(function() {
    var label = document.getElementById('{{element.id}}_label');
    if (label) {
        label.style.cursor = 'default';
        label.addEventListener('click', function() {
            document.querySelectorAll('#{{element.id}}_fieldset div.fp-toolbar a')[0].focus();
        });
    }
})();
{{/js}}