Proyectos de Subversion Moodle

Rev

Rev 1 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1 Rev 1441
Línea 36... Línea 36...
36 
    <div class="collapse" id="searchform-navbar">
 36 
    <div class="collapse" id="searchform-navbar">
37 
        <form autocomplete="off" action="{{{ action }}}" method="get" accept-charset="utf-8" class="mform d-flex flex-wrap align-items-center searchform-navbar">
 37 
        <form autocomplete="off" action="{{{ action }}}" method="get" accept-charset="utf-8" class="mform d-flex flex-wrap align-items-center searchform-navbar">
38 
            {{#hiddenfields}}
 38 
            {{#hiddenfields}}
39 
                <input type="hidden" name="{{ name }}" value="{{ value }}">
 39 
                <input type="hidden" name="{{ name }}" value="{{ value }}">
40 
            {{/hiddenfields}}
 40 
            {{/hiddenfields}}
- 
 
 41 
            <div class="input-group" {{#grouplabel}}role="group" aria-labelledby="searchgrouplabel-{{uniqid}}"{{/grouplabel}}>
- 
 
 42 
                {{#grouplabel}}
- 
 
 43 
                    <span id="searchgrouplabel-{{uniqid}}" class="visually-hidden">{{{ . }}}</span>
- 
 
 44 
                {{/grouplabel}}
- 
 
 45 
                <input type="text"
- 
 
 46 
                    id="searchinput-{{uniqid}}"
- 
 
 47 
                    class="form-control withclear"
- 
 
 48 
                    placeholder="{{{ searchstring }}}"
- 
 
 49 
                    aria-label="{{{ searchstring }}}"
- 
 
 50 
                    name="{{{ inputname }}}"
- 
 
 51 
                    data-region="input"
41 
            <div class="input-group">
 52 
                    autocomplete="off"
- 
 
 53 
                >
42 
                <label for="searchinput-{{uniqid}}">
 54 
                <label for="searchinput-{{uniqid}}">
43 
                    <span class="sr-only">{{{ searchstring }}}</span>
 55 
                    <span class="visually-hidden">{{{ searchstring }}}</span>
44 
                </label>
 56 
                </label>
45 
                    <input type="text"
 - 
 
46 
                       id="searchinput-{{uniqid}}"
 - 
 
47 
                       class="form-control withclear"
 - 
 
48 
                       placeholder="{{{ searchstring }}}"
 - 
 
49 
                       aria-label="{{{ searchstring }}}"
 - 
 
50 
                       name="{{{ inputname }}}"
 - 
 
51 
                       data-region="input"
 - 
 
52 
                       autocomplete="off"
 - 
 
53 
                    >
 - 
 
54 
                    <a class="btn btn-close"
 57 
                <a class="btn btn-close"
55 
                        data-action="closesearch"
 58 
                    data-action="closesearch"
56 
                        data-toggle="collapse"
 59 
                    data-bs-toggle="collapse"
57 
                        href="#searchform-navbar"
 60 
                    href="#searchform-navbar"
58 
                        role="button"
 61 
                    role="button"
- 
 
 62 
                    title="{{#str}} closebuttontitle {{/str}}"
59 
                    >
 63 
                >
60 
                        {{#pix}} e/cancel, core {{/pix}}
 - 
 
61 
                        <span class="sr-only">{{#str}} closebuttontitle {{/str}}</span>
 64 
                    <span class="visually-hidden">{{#str}} closebuttontitle {{/str}}</span>
62 
                    </a>
 65 
                </a>
63 
                <div class="input-group-append">
 - 
 
64 
                    <button type="submit" class="btn btn-submit" data-action="submit">
 66 
                <button type="submit" class="btn btn-submit" data-action="submit" title="{{#str}}performsearch, search{{/str}}">
65 
                        {{#pix}} a/search, core {{/pix}}
 67 
                    {{#pix}} a/search, core {{/pix}}
66 
                        <span class="sr-only">{{{ searchstring }}}</span>
 68 
                    <span class="visually-hidden">{{#str}}performsearch, search{{/str}}</span>
67 
                    </button>
 69 
                </button>
68 
                </div>
 - 
 
69 
            </div>
 70 
            </div>
70 
        </form>
 71 
        </form>
71 
    </div>
 72 
    </div>
72 
    <a
 73 
    <a
73 
        class="btn btn-open rounded-0 nav-link"
 74 
        class="rounded-0 nav-link icon-no-margin"
74 
        data-toggle="collapse"
 75 
        data-bs-toggle="collapse"
75 
        data-action="opensearch"
 76 
        data-action="opensearch"
76 
        href="#searchform-navbar"
 77 
        href="#searchform-navbar"
77 
        role="button"
 78 
        role="button"
78 
        aria-expanded="false"
 79 
        aria-expanded="false"
79 
        aria-controls="searchform-navbar"
 80 
        aria-controls="searchform-navbar"
80 
        title="{{#str}} togglesearch {{/str}}"
 81 
        title="{{#str}} togglesearch {{/str}}"
81 
    >
 82 
    >
82 
        {{#pix}} a/search, core {{/pix}}
 83 
        {{#pix}} a/search, core {{/pix}}
83 
        <span class="sr-only">{{#str}} togglesearch {{/str}}</span>
 84 
        <span class="visually-hidden">{{#str}} togglesearch {{/str}}</span>
84 
    </a>
 85 
    </a>
85 
</div>
 86 
</div>
Línea 86... Línea 87...
86 
 
 87 
 
87 
{{#js}}
 88 
{{#js}}
Línea 90... Línea 91...
90 
    'jquery',
 91 
    'jquery',
91 
],
 92 
],
92 
function(
 93 
function(
93 
    $
 94 
    $
94 
) {
 95 
) {
95 
    var uniqid = "{{uniqid}}";
 - 
 
96 
    var container = $('#searchinput-navbar-' + uniqid);
 96 
    const container = document.getElementById('searchform-navbar');
97 
    var opensearch = container.find('[data-action="opensearch"]');
 97 
    const opensearch = container.parentElement.querySelector('[data-action="opensearch"]');
98 
    var input = container.find('[data-region="input"]');
 98 
    const input = container.querySelector('[data-region="input"]');
99 
    var submit = container.find('[data-action="submit"]');
 99 
    const submit = container.querySelector('[data-action="submit"]');
Línea 100... Línea 100...
100 
 
 100 
 
101 
    submit.on('click', function(e) {
 101 
    submit.addEventListener('click', (e) => {
102 
        if (input.val() === '') {
 102 
        if (input.valUE === '') {
103 
            e.preventDefault();
 103 
            e.preventDefault();
104 
        }
 104 
        }
- 
 
 105 
    });
105 
    });
 106 
 
106 
    container.on('hidden.bs.collapse', function() {
 107 
    container.addEventListener('hidden.bs.collapse', () => {
107 
        opensearch.removeClass('d-none');
 108 
        opensearch.classList.remove('d-none');
108 
        input.val('');
 109 
        input.value = '';
- 
 
 110 
    });
109 
    });
 111 
 
110 
    container.on('show.bs.collapse', function() {
 112 
    container.addEventListener('show.bs.collapse', () => {
111 
        opensearch.addClass('d-none');
 113 
        opensearch.classList.add('d-none');
- 
 
 114 
    });
112 
    });
 115 
 
113 
    container.on('shown.bs.collapse', function() {
 116 
    container.addEventListener('shown.bs.collapse', () => {
114 
        input.focus();
 117 
        input.focus();
115 
    });
 118 
    });
116 
});
 119 
});