125 lines
3.7 KiB
PHP
125 lines
3.7 KiB
PHP
<?php
|
|
// This file is part of Moodle - http://moodle.org/
|
|
//
|
|
// Moodle is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// Moodle is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU General Public License
|
|
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
/**
|
|
* Moodle Component Library
|
|
*
|
|
* A sample page with dropdowns.
|
|
*
|
|
* @package tool_componentlibrary
|
|
* @copyright 2023 Ferran Recio <ferran@moodle.com>
|
|
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
|
|
*/
|
|
|
|
declare(strict_types=1);
|
|
|
|
require_once(__DIR__ . '/../../../../config.php');
|
|
|
|
require_login();
|
|
require_capability('moodle/site:configview', context_system::instance());
|
|
|
|
global $PAGE, $OUTPUT;
|
|
$PAGE->set_url(new moodle_url('/admin/tool/componentlibrary/examples/dropdowns.php'));
|
|
$PAGE->set_context(context_system::instance());
|
|
$PAGE->set_pagelayout('embedded');
|
|
|
|
$PAGE->set_heading('Moodle dropdowns');
|
|
$PAGE->set_title('Moodle dropdowns');
|
|
|
|
/** @var core_renderer $output*/
|
|
$output = $PAGE->get_renderer('core');
|
|
|
|
echo $output->header();
|
|
|
|
echo $output->paragraph(
|
|
'<strong>Important note:</strong> dropdowns are not prepared
|
|
to be displayed inside iframes. You may need to scroll to see the
|
|
the dropdown content.'
|
|
);
|
|
|
|
echo $output->heading("Dropdown dialog example", 3);
|
|
echo '<div class="p-3">';
|
|
|
|
$dialog = new core\output\local\dropdown\dialog(
|
|
'Open dialog',
|
|
'<p>Some rich content <b>element</b>.</p>
|
|
<ul>
|
|
<li>Item 1 <a href="#">Link 1</a></li>
|
|
<li>Item 2 <a href="#">Link 2</a></li>
|
|
</ul>'
|
|
);
|
|
echo $OUTPUT->render($dialog);
|
|
echo "</div>";
|
|
|
|
|
|
echo $output->heading("Dropdown status example", 3);
|
|
echo '<div class="p-3">';
|
|
|
|
$choice = new core\output\choicelist('Choice description text');
|
|
|
|
// Option one is a link.
|
|
$choice->add_option('option1', 'Option 1', [
|
|
'icon' => new pix_icon('t/show', 'Eye icon 1'),
|
|
'url' => new moodle_url('/admin/tool/componentlibrary/examples/dropdowns.php'),
|
|
]);
|
|
// Option two has an icon and description.
|
|
$choice->add_option('option2', 'Option 2', [
|
|
'description' => 'Option 2 description',
|
|
'icon' => new pix_icon('t/hide', 'Eye icon 2'),
|
|
]);
|
|
// Option three is disabled.
|
|
$choice->add_option('option3', 'Option 3', [
|
|
'description' => 'Option 3 description',
|
|
'icon' => new pix_icon('t/stealth', 'Eye icon 3'),
|
|
'disabled' => true,
|
|
]);
|
|
|
|
$choice->set_selected_value('option2');
|
|
|
|
$dialog = new core\output\local\dropdown\status('Open dialog button', $choice);
|
|
echo $OUTPUT->render($dialog);
|
|
echo "</div>";
|
|
|
|
echo $output->heading("Dropdown status in update mode example", 3);
|
|
echo '<div class="p-3">';
|
|
|
|
$choice = new core\output\choicelist('Choice description text');
|
|
|
|
$choice->add_option('option1', 'Option 1', [
|
|
'description' => 'Option 1 description',
|
|
'icon' => new pix_icon('t/show', 'Eye icon 1'),
|
|
]);
|
|
$choice->add_option('option2', 'Option 2', [
|
|
'description' => 'Option 2 description',
|
|
'icon' => new pix_icon('t/hide', 'Eye icon 2'),
|
|
]);
|
|
|
|
$choice->set_selected_value('option2');
|
|
|
|
$dialog = new core\output\local\dropdown\status(
|
|
'Open dialog button',
|
|
$choice,
|
|
[
|
|
'buttonsync' => true,
|
|
'updatestatus' => true,
|
|
'dialogwidth' => core\output\local\dropdown\status::WIDTH['big']
|
|
]
|
|
);
|
|
echo $OUTPUT->render($dialog);
|
|
echo "</div>";
|
|
|
|
echo $output->footer();
|