add menu levels

src/app/theme/components/sidebar/SidebarCtrl.js

@@ -140,6 +140,23 @@
         title: '404 Page',
         icon: 'ion-document',
         root: '404.html'
+      },
+      {
+        title: 'Menu Level 1',
+        icon : 'ion-ios-more',
+        subMenu: [
+          {
+            title : 'Menu Level 1.1'
+          },
+          {
+            title : 'Menu Level 1.2',
+            subMenu: [
+              {
+                title : 'Menu Level 1.2.1'
+              }
+            ]
+          }
+        ]
       }
     ];
 

src/app/theme/components/sidebar/sidebar.html

@@ -20,7 +20,19 @@
       <ul ng-if="item.subMenu" class="al-sidebar-sublist"
           ng-class="{expanded: item.selected, 'slide-right': item.slideRight}">
         <li ng-repeat="subitem in item.subMenu" ng-class="{selected: subitem.selected}">
-          <a href="{{ subitem.root }}" ng-click="collapseSidebarIfSmallRes()">{{ subitem.title }}</a>
+          <a ng-if="subitem.subMenu" href ng-click="toggleSubMenu($event, subitem); subitem.expanded = !subitem.expanded"
+             class="al-sidebar-list-link subitem-submenu-link"><span>{{ subitem.title }}</span>
+            <b class="fa" ng-class="{'fa-angle-up': subitem.expanded, 'fa-angle-down': !subitem.expanded}"
+               ng-if="subitem.subMenu"></b>
+          </a>
+          <ul ng-if="subitem.subMenu" class="al-sidebar-sublist subitem-submenu-list"
+              ng-class="{expanded: subitem.selected, 'slide-right': subitem.slideRight}">
+            <li ng-repeat="subSubitem in subitem.subMenu" ng-class="{selected: subitem.selected}">
+              <a href="{{ subSubitem.root }}" ng-click="collapseSidebarIfSmallRes()">{{
+                subSubitem.title }}</a>
+            </li>
+          </ul>
+          <a ng-if="!subitem.subMenu" href="{{ subitem.root }}" ng-click="collapseSidebarIfSmallRes()">{{ subitem.title}}</a>
         </li>
       </ul>
     </li>

src/sass/theme/components/_sidebar.scss

@@ -20,6 +20,16 @@ $angle-right: "\f101";
   list-style: none;
 }
 
+.al-sidebar-sublist .subitem-submenu-list{
+  padding-left: 15px;
+}
+
+.subitem-submenu-link{
+  .fa{
+    top: 7px;
+  }
+}
+
 .al-sidebar-list-item {
   display: block;
   position: relative;