chg: [helpers:bootstrap] Added dropdown menu helper
parent
f16165ee6d
commit
b811d2ed99
|
@ -139,6 +139,12 @@ class BootstrapHelper extends Helper
|
|||
$bsSwitch = new BoostrapSwitch($options, $this);
|
||||
return $bsSwitch->switch();
|
||||
}
|
||||
|
||||
public function dropdownMenu($options)
|
||||
{
|
||||
$bsDropdownMenu = new BoostrapDropdownMenu($options, $this);
|
||||
return $bsDropdownMenu->dropdownMenu();
|
||||
}
|
||||
}
|
||||
|
||||
class BootstrapGeneric
|
||||
|
@ -1663,4 +1669,138 @@ class BootstrapListGroup extends BootstrapGeneric
|
|||
}
|
||||
return !empty($item['body']) ? h($item['body']) : '';
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
class BoostrapDropdownMenu extends BootstrapGeneric
|
||||
{
|
||||
private $defaultOptions = [
|
||||
'dropdown-class' => [],
|
||||
'toggle-button' => [],
|
||||
'menu' => [],
|
||||
'direction' => 'end',
|
||||
'alignment' => 'start',
|
||||
'submenu_alignment' => 'start',
|
||||
'submenu_direction' => 'end',
|
||||
'submenu_classes' => [],
|
||||
];
|
||||
|
||||
function __construct($options, $btHelper) {
|
||||
$this->allowedOptionValues = [
|
||||
'direction' => ['start', 'end', 'up', 'down'],
|
||||
'alignment' => ['start', 'end'],
|
||||
];
|
||||
$this->processOptions($options);
|
||||
$this->menu = $this->options['menu'];
|
||||
$this->btHelper = $btHelper;
|
||||
}
|
||||
|
||||
private function processOptions($options)
|
||||
{
|
||||
$this->options = array_merge($this->defaultOptions, $options);
|
||||
if (!empty($this->options['dropdown-class']) && !is_array($this->options['dropdown-class'])) {
|
||||
$this->options['dropdown-class'] = [$this->options['dropdown-class']];
|
||||
}
|
||||
$this->checkOptionValidity();
|
||||
}
|
||||
|
||||
public function dropdownMenu()
|
||||
{
|
||||
return $this->fullDropdown();
|
||||
}
|
||||
|
||||
public function fullDropdown()
|
||||
{
|
||||
return $this->genDropdownWrapper($this->genDropdownToggleButton(), $this->genDropdownMenu($this->menu));
|
||||
}
|
||||
|
||||
public function genDropdownWrapper($toggle='', $menu='', $direction=null, $classes=null)
|
||||
{
|
||||
$classes = !is_null($classes) ? $classes : $this->options['dropdown-class'];
|
||||
$direction = !is_null($direction) ? $direction : $this->options['direction'];
|
||||
$content = $toggle . $menu;
|
||||
$html = $this->genNode('div', array_merge(
|
||||
$this->options['params'],
|
||||
[
|
||||
'class' => array_merge(
|
||||
$classes,
|
||||
[
|
||||
'dropdown',
|
||||
"drop{$direction}"
|
||||
]
|
||||
)
|
||||
]
|
||||
), $content);
|
||||
return $html;
|
||||
}
|
||||
|
||||
public function genDropdownToggleButton()
|
||||
{
|
||||
$defaultOptions = [
|
||||
'class' => ['dropdown-toggle'],
|
||||
'params' => [
|
||||
'data-bs-toggle' => 'dropdown',
|
||||
'aria-expanded' => 'false',
|
||||
]
|
||||
];
|
||||
$options = array_merge($this->options['toggle-button'], $defaultOptions);
|
||||
return $this->btHelper->button($options);
|
||||
}
|
||||
|
||||
private function genDropdownMenu($entries, $alignment=null)
|
||||
{
|
||||
$alignment = !is_null($alignment) ? $alignment : $this->options['alignment'];
|
||||
$html = $this->genNode('div', [
|
||||
'class' => ['dropdown-menu', "dropdown-menu-{$alignment}"],
|
||||
], $this->genEntries($entries));
|
||||
return $html;
|
||||
}
|
||||
|
||||
private function genEntries($entries)
|
||||
{
|
||||
$html = '';
|
||||
foreach ($entries as $entry) {
|
||||
$link = $this->genEntry($entry);
|
||||
if (!empty($entry['menu'])) {
|
||||
$html .= $this->genDropdownWrapper($link, $this->genDropdownMenu($entry['menu']), $this->options['submenu_direction'], $this->options['submenu_classes']);
|
||||
} else {
|
||||
$html .= $link;
|
||||
}
|
||||
}
|
||||
return $html;
|
||||
}
|
||||
|
||||
private function genEntry($entry)
|
||||
{
|
||||
if (!empty($entry['html'])) {
|
||||
return $entry['html'];
|
||||
}
|
||||
|
||||
$classes = ['dropdown-item'];
|
||||
$params = ['href' => '#'];
|
||||
$icon = '';
|
||||
if (!empty($entry['icon'])) {
|
||||
$icon = $this->btHelper->icon($entry['icon']);
|
||||
}
|
||||
|
||||
if (!empty($entry['menu'])) {
|
||||
$classes[] = 'dropdown-toggle';
|
||||
$params['data-bs-toggle'] = 'dropdown';
|
||||
$params['aria-haspopup'] = 'true';
|
||||
$params['aria-expanded'] = 'false';
|
||||
if (!empty($entry['keepOpen'])) {
|
||||
$classes[] = 'open-form';
|
||||
}
|
||||
$params['data-open-form-id'] = mt_rand();
|
||||
}
|
||||
|
||||
$label = $this->genNode('span', [
|
||||
'class' => ['ms-2',],
|
||||
], h($entry['text']));
|
||||
$content = $icon . $label;
|
||||
|
||||
return $this->genNode('a', array_merge([
|
||||
'class' => $classes,
|
||||
], $params), $content);
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue