chg: [helpers:bootstrap] Added dropdown menu helper

pull/72/head
Sami Mokaddem 2021-10-20 09:36:32 +02:00
parent f16165ee6d
commit b811d2ed99
No known key found for this signature in database
GPG Key ID: 164C473F627A06FA
1 changed files with 140 additions and 0 deletions

View File

@ -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);
}
}