Using Mmenu with Dividers

Author: technicalguru

css/bootstrap.css

@@ -212,6 +212,10 @@ input.plain-checkbox {
 	margin-left: 15px;
 }
 
+.mm-divider {
+	font-size: 100% !important;
+}
+
 .mmenu-icon {
 	display: inline-block;
 	text-align: center;

src/WebApp/BootstrapTheme/MmenuLayout.php

@@ -130,27 +130,37 @@ protected function renderMmenu() {
 	protected function renderMenuItem($item, $level) {
 		$rc = '';
 		if ($item != NULL) {
-			$rc = '<li>';
-			$link = $item->getLink();
-			if ($level == 0) {
-				$icon = $item->getIcon();
-				if ($icon == NULL) $icon = '';
-				$icon = '<span class="mmenu-icon" title="'.htmlentities($item->getLabel()).'">'.$icon.'</span>';
-			}
-
-			if ($link != NULL) {
-				$rc .= '<a href="'.htmlentities($link).'">'.$icon.$item->getLabel().'</a>';
+			if (get_class($item) == 'WebApp\Component\Divider') {
+				$rc .= '<li class="mm-divider">';
+				if ($level == 0) {
+					$icon = $item->getIcon();
+					if ($icon == NULL) $icon = '';
+					$rc .= '<i class="mmenu-icon" title="'.htmlentities($item->getLabel()).'">'.$icon.'</i>';
+				}
+				$rc .= $item->getLabel().'</li>';
 			} else {
-				$rc .= '<span>'.$icon.$item->getLabel().'</span>';
-			}
-			if ($item->hasChildren()) {
-				$rc .= '<ul>';
-				foreach ($item->getChildren() AS $child) {
-					$rc .= $this->renderMenuItem($child, $level+1);
+				$rc .= '<li>';
+				$link = $item->getLink();
+				if ($level == 0) {
+					$icon = $item->getIcon();
+					if ($icon == NULL) $icon = '';
+					$icon = '<span class="mmenu-icon" title="'.htmlentities($item->getLabel()).'">'.$icon.'</span>';
+				}
+
+				if ($link != NULL) {
+					$rc .= '<a href="'.htmlentities($link).'">'.$icon.$item->getLabel().'</a>';
+				} else {
+					$rc .= '<span>'.$icon.$item->getLabel().'</span>';
+				}
+				if ($item->hasChildren()) {
+					$rc .= '<ul>';
+					foreach ($item->getChildren() AS $child) {
+						$rc .= $this->renderMenuItem($child, $level+1);
+					}
+					$rc .= '</ul>';
 				}
-				$rc .= '</ul>';
+				$rc .= '</li>';
 			}
-			$rc .= '</li>';
 		}
 		return $rc;
 	}

src/WebApp/Component/Divider.php

@@ -2,11 +2,35 @@
 
 namespace WebApp\Component;
 
+use TgI18n\I18N;
+
 class Divider extends Div {
 
+	protected $label = NULL;
+	protected $icon  = NULL;
+
 	public function __construct($parent, $child = NULL) {
 		parent::__construct($parent, $child);
 		$this->addClass('divider');
 	}
+
+	public function getLabel() {
+		return I18N::_($this->label);
+	}
+
+	public function setLabel($value) {
+		$this->label = $value;
+		return $this;
+	}
+
+	public function getIcon() {
+		return $this->icon;
+	}
+
+	public function setIcon($value) {
+		$this->icon = $value;
+		return $this;
+	}
+
 }