Proyectos de Subversion Moodle

Rev

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

Rev 1 Rev 1441
Línea 32... Línea 32...
32
    {
32
    {
33
        "name": "menuname",
33
        "name": "menuname",
34
        "value": "opt2",
34
        "value": "opt2",
35
        "baseid": "select-menu56789",
35
        "baseid": "select-menu56789",
36
        "label": "Select one option",
36
        "label": "Select one option",
-
 
37
        "headinglevel": "2",
37
        "labelattributes": [
38
        "labelattributes": [
38
            {
39
            {
39
                "name": "class",
40
                "name": "class",
40
                "value": "font-weight-bold"
41
                "value": "fw-bold"
41
            }
42
            }
42
        ],
43
        ],
43
        "selectedoption": "Second option",
44
        "selectedoption": "Second option",
44
        "options": [
45
        "options": [
45
            {
46
            {
Línea 83... Línea 84...
83
            }
84
            }
84
        ]
85
        ]
85
    }
86
    }
86
}}
87
}}
87
<div class="dropdown select-menu" id="{{baseid}}">
88
<div class="dropdown select-menu" id="{{baseid}}">
88
    {{#label}}
89
    {{#label}}{{^inlinelabel}}
89
        <label id="{{baseid}}-label"{{#labelattributes}} {{name}}="{{value}}"{{/labelattributes}}>{{label}}</label>
90
        <span id="{{baseid}}-label"{{#labelattributes}} {{name}}="{{value}}"{{/labelattributes}}>{{label}}</span>
90
    {{/label}}
91
    {{/inlinelabel}}{{/label}}
91
    <div
92
    <div
92
        class="btn dropdown-toggle"
93
        class="btn dropdown-toggle{{#inlinelabel}} d-flex text-start align-items-center p-0{{/inlinelabel}}"
93
        role="combobox"
94
        role="combobox"
94
        data-toggle="dropdown"
95
        data-bs-toggle="dropdown"
95
        {{#label}}aria-labelledby="{{baseid}}-label"{{/label}}
96
        {{#label}}aria-labelledby="{{baseid}}-label"{{/label}}
96
        aria-haspopup="listbox"
97
        aria-haspopup="listbox"
97
        aria-expanded="false"
98
        aria-expanded="false"
98
        aria-controls="{{baseid}}-listbox"
99
        aria-controls="{{baseid}}-listbox"
99
        data-input-element="{{baseid}}-input"
100
        data-input-element="{{baseid}}-input"
100
        tabindex="0"
101
        tabindex="0"
101
    >
102
    >
-
 
103
        {{#inlinelabel}}
-
 
104
            <div
-
 
105
                class="pe-3 text-truncate"
-
 
106
                {{#headinglevel}}
-
 
107
                role="heading"
-
 
108
                aria-level="{{headinglevel}}"
-
 
109
                {{/headinglevel}}
-
 
110
            >
-
 
111
                {{#label}}
-
 
112
                    <span class="d-block m-0 small" id="{{baseid}}-label"{{#labelattributes}} {{name}}="{{value}}"{{/labelattributes}}>{{label}}</span>
-
 
113
                {{/label}}
-
 
114
                <span class="fw-bold" data-selected-option>
-
 
115
                    {{selectedoption}}
-
 
116
                </span>
-
 
117
            </div>
-
 
118
        {{/inlinelabel}}
-
 
119
        {{^inlinelabel}}
-
 
120
            {{#headinglevel}}
-
 
121
                <span
-
 
122
                    role="heading"
-
 
123
                    aria-level="{{headinglevel}}"
-
 
124
                >
-
 
125
                    {{selectedoption}}
-
 
126
                </span>
-
 
127
            {{/headinglevel}}
-
 
128
            {{^headinglevel}}
102
        {{selectedoption}}
129
                {{selectedoption}}
-
 
130
            {{/headinglevel}}
-
 
131
        {{/inlinelabel}}
103
    </div>
132
    </div>
104
    <ul class="dropdown-menu" role="listbox" id="{{baseid}}-listbox" {{#label}}aria-labelledby="{{baseid}}-label"{{/label}}>
133
    <ul class="dropdown-menu" role="listbox" id="{{baseid}}-listbox" {{#label}}aria-labelledby="{{baseid}}-label"{{/label}}>
105
        {{#options}}
134
        {{#options}}
106
            {{#isgroup}}
135
            {{#isgroup}}
107
                <li role="none">
136
                <li role="none">
108
                    <ul role="group" aria-labelledby="{{id}}">
137
                    <ul role="group" aria-labelledby="{{id}}">
109
                        <li role="presentation" id="{{id}}">{{name}}</li>
138
                        <li role="presentation" id="{{id}}">{{name}}</li>
110
                        {{#options}}
139
                        {{#options}}
-
 
140
                            {{#isdivider}}
-
 
141
                                <li role="separator" class="dropdown-divider"></li>
-
 
142
                            {{/isdivider}}
-
 
143
                            {{^isdivider}}
111
                            <li class="dropdown-item" role="option" id="{{id}}" data-value="{{value}}" {{#selected}}aria-selected="true"{{/selected}}>
144
                                <li class="dropdown-item" role="option" id="{{id}}" data-value="{{value}}" {{#selected}}aria-selected="true"{{/selected}}>
112
                                {{name}}
145
                                    {{name}}
113
                            </li>
146
                                </li>
-
 
147
                            {{/isdivider}}
114
                        {{/options}}
148
                        {{/options}}
115
                    </ul>
149
                    </ul>
116
                </li>
150
                </li>
117
            {{/isgroup}}
151
            {{/isgroup}}
118
            {{^isgroup}}
152
            {{^isgroup}}
-
 
153
                {{#isdivider}}
-
 
154
                    <li role="separator" class="dropdown-divider"></li>
-
 
155
                {{/isdivider}}
-
 
156
                {{^isdivider}}
119
                <li class="dropdown-item" role="option" id="{{id}}" data-value="{{value}}" {{#selected}}aria-selected="true"{{/selected}}>
157
                    <li class="dropdown-item" role="option" id="{{id}}" data-value="{{value}}" {{#selected}}aria-selected="true"{{/selected}}>
120
                    {{name}}
158
                        {{name}}
121
                </li>
159
                    </li>
-
 
160
                {{/isdivider}}
122
            {{/isgroup}}
161
            {{/isgroup}}
123
        {{/options}}
162
        {{/options}}
124
    </ul>
163
    </ul>
125
    <input type="hidden" name="{{name}}" value="{{value}}" id="{{baseid}}-input">
164
    <input type="hidden" name="{{name}}" value="{{value}}" id="{{baseid}}-input">
126
</div>
165
</div>