Proyectos de Subversion Moodle

Rev

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

Rev 1 Rev 1441
Línea 137... Línea 137...
137
echo $OUTPUT->render($dialog);
137
echo $OUTPUT->render($dialog);
138
echo '</div>';
138
echo '</div>';
Línea 139... Línea 139...
139
 
139
 
140
$inlinejs = <<<EOF
140
$inlinejs = <<<EOF
141
require(
141
require(
142
    ['core/local/dropdown/dialog', 'jquery'],
142
    ['core/local/dropdown/dialog'],
143
    (Module, jQuery) => {
143
    (Module) => {
Línea 144... Línea 144...
144
        const dialog = Module.getDropdownDialog('#dialogjscontrols');
144
        const dialog = Module.getDropdownDialog('#dialogjscontrols');
145
 
145
 
146
        document.querySelector('#buttontext').addEventListener('click', () => {
146
        document.querySelector('#buttontext').addEventListener('click', () => {
Línea 161... Línea 161...
161
            const text = 'The dropdown is ' + (dialog.isVisible() ? 'visible' : 'hidden') + '.';
161
            const text = 'The dropdown is ' + (dialog.isVisible() ? 'visible' : 'hidden') + '.';
162
            document.querySelector('#dialogvisibility').innerHTML = text;
162
            document.querySelector('#dialogvisibility').innerHTML = text;
163
        }
163
        }
164
        visibility();
164
        visibility();
Línea 165... Línea -...
165
 
-
 
166
 
-
 
167
        // Bootstrap 4 events are still jQuery.
165
 
168
        jQuery(dialog.getElement()).on('shown.bs.dropdown', (e) => {
166
        dialog.getElement().addEventListener('shown.bs.dropdown', (e) => {
169
            visibility();
167
            visibility();
170
        });
168
        });
171
        jQuery(dialog.getElement()).on('hidden.bs.dropdown', (e) => {
169
        dialog.getElement().addEventListener('hidden.bs.dropdown', (e) => {
172
            visibility();
170
            visibility();
173
        });
171
        });
174
    }
172
    }
175
);
173
);
Línea 283... Línea 281...
283
echo $OUTPUT->render($dialog);
281
echo $OUTPUT->render($dialog);
284
echo '</div>';
282
echo '</div>';
Línea 285... Línea 283...
285
 
283
 
286
echo '<div id="statusjscontrolsection" class="mb-4">';
284
echo '<div id="statusjscontrolsection" class="mb-4">';
287
echo "<h3>Status JS controls</h3>";
285
echo "<h3>Status JS controls</h3>";
288
echo '<div class="mb-2">
286
echo '<div class="mb-2 d-flex gap-2">
289
    <button class="btn btn-secondary" id="setselected">Change selected value</button>
287
    <button class="btn btn-secondary" id="setselected">Change selected value</button>
290
    <button class="btn btn-secondary" id="syncbutton">Enable sync</button>
288
    <button class="btn btn-secondary" id="syncbutton">Enable sync</button>
291
    <button class="btn btn-secondary" id="updatestatus">Disable update</button>
289
    <button class="btn btn-secondary" id="updatestatus">Disable update</button>
292
    <span id="statusvalue"></span>
-
 
293
</div>';
290
    <span id="statusvalue"></span>';
294
$choice = new core\output\choicelist('Dialog content');
291
$choice = new core\output\choicelist('Dialog content');
295
$choice->add_option('option1', 'Option 1', [
292
$choice->add_option('option1', 'Option 1', [
296
    'description' => 'Option 1 description',
293
    'description' => 'Option 1 description',
297
    'icon' => new pix_icon('t/show', 'Eye icon 1')
294
    'icon' => new pix_icon('t/show', 'Eye icon 1')
Línea 312... Línea 309...
312
        'extras' => ['id' => 'statusjscontrols'],
309
        'extras' => ['id' => 'statusjscontrols'],
313
        'updatestatus' => true
310
        'updatestatus' => true
314
    ],
311
    ],
315
);
312
);
316
echo $OUTPUT->render($dialog);
313
echo $OUTPUT->render($dialog);
317
echo '</div>';
314
echo '</div></div>';
Línea 318... Línea 315...
318
 
315
 
319
$inlinejs = <<<EOF
316
$inlinejs = <<<EOF
320
require(
317
require(
321
    ['core/local/dropdown/status', 'jquery'],
318
    ['core/local/dropdown/status', 'jquery'],