SERV-2286 - Sidebar navigation menu implementation

src/Views/Limitless/Help/Pages/Home.blade.php

 {{-- Layout Reference --}}
 @extends('Limitless::Help.Layout.Master')
 
+@section('Limitless::SidebarContent')
+
+    @Limitless::NavigationAutoFillMenu([
+        ['header' => 'Main',
+            'menu' => [
+                ['name' => 'Home', 'link' => '#', 'icon' => 'icon-home4'],
+                ['name' => 'Elements', 'icon' => 'icon-puzzle2',
+                    'submenu' => [
+                        ['name' => 'Code Mirror', 'link' => '#', 'icon' => 'icon-file-css'],
+                        ['name' => 'Example', 'link' => '#', 'icon' => 'icon-file-text3'],
+                        ['name' => 'Table', 'link' => '#', 'icon' => 'icon-table2']
+                    ]
+                ]
+            ]
+        ],
+        ['header' => 'Test Additional Menu Group',
+            'menu' => [
+                ['name' => 'A', 'link' => '#', 'icon' => 'icon-home4'],
+                ['name' => 'B', 'link' => '#', 'icon' => 'icon-file-css'],
+                ['name' => 'C', 'link' => '#', 'icon' => 'icon-file-empty'],
+                ['name' => 'D', 'link' => '#', 'icon' => 'icon-table2'],
+                ['name' => 'E', 'icon' => 'icon-list',
+                    'submenu' => [
+                        ['name' => 'E1', 'link' => '#', 'icon' => 'icon-list'],
+                        ['name' => 'E2', 'link' => '#', 'icon' => 'icon-list'],
+                    ]
+                ]
+            ]
+        ]
+    ])
+
+@stop
 
 @section('Limitless::Content')
 
@@ -12,10 +44,8 @@
     The raw design is available via the emulated <a target="_blank" href="{{secure_url('/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/layout_1/LTR/dark/full/index.html')}}"> <u>CDN</u> </a> of the <i>ceetrox/sidekick</i> package.
 @Limitless::ElementCardStop
 
-
-@Limitless::ElementCardStart(['title' => "Codemirror Test" ] )
-    @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => 'Hello World!' ])
-
+@Limitless::ElementCardStart(['title' => "Codemirror Test", 'icon' => 'icon-file-empty' ] )
+{{-- @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => 'Hello World!' ]) --}}
 @Limitless::ElementCardStop
 
 

src/Views/Limitless/Navigation/Config.php

+<?php
+
+
+    /*
+    |------------------------------------------------------------------------------------------------
+    | Information
+    |------------------------------------------------------------------------------------------------
+    |
+    | This file is beautified by the command "sidekick:CodebeautifierCommand" of the ceetrox
+    | sidekick package.
+    |
+    | Author: Kevin Almond Roe Yumang <kevin.yumang@itmax.email>
+    | Update: 2022-06-17 01:45:33
+    |
+    */
+    namespace Ceetrox\Sidekick\Views\Limitless\Navigation;
+
+
+    /*
+    |------------------------------------------------------------------------------------------------
+    | Dependencies
+    |------------------------------------------------------------------------------------------------
+    */
+    use View;
+
+
+    /*
+    |------------------------------------------------------------------------------------------------
+    | Class "Config"
+    |------------------------------------------------------------------------------------------------
+    */
+    class Config  
+    {
+        public $methodAllocation = [
+        'Limitless::NavigationAutoFillMenu' => 'navigationAutoFillMenu',
+        ];
+
+
+        /*
+        |--------------------------------------------------------------------------------------------
+        | Method "navigationAutoFillMenu"
+        |--------------------------------------------------------------------------------------------
+        */
+        public function navigationAutoFillMenu($parameters)
+        {
+            return View('Limitless::Navigation.NavigationAutoFillMenu')
+                ->withData( (!empty($parameters)) ? $parameters : [] );
+
+        }
+
+    }
+
+
+

src/Views/Limitless/Navigation/NavigationAutoFillMenu.blade.php

+@if( !empty($data) )
+
+    <ul class="nav nav-sidebar" data-nav-type="accordion">
+
+    {{-- menu group --}}
+    @foreach($data as $menuGroup)
+
+        @if(isset($menuGroup['header']))
+            <li class="nav-item-header">
+                <div class="text-uppercase font-size-xs line-height-xs">
+                    {{ $menuGroup['header'] }}
+                </div> <i class="icon-menu" title="Layout options"></i>
+            </li>
+        @endif
+
+        {{-- main menu --}}
+        @foreach($menuGroup['menu'] as $menu)
+            <li class="nav-item {{ isset($menu['submenu']) && count($menu['submenu']) > 0 ? 'nav-item-submenu' : '' }}">
+                <a href="{{ $menu['link'] ?? '#' }}" class="nav-link">
+                    <i class="{{ $menu['icon'] ?? 'icon-primitive-dot' }}"></i>
+                    <span>
+                    {{ $menu['name'] }}
+                    </span>
+                </a>
+
+                {{-- sub menu --}}
+                @if(isset($menu['submenu']) && count($menu['submenu']) > 0)
+                    <ul class="nav nav-group-sub" data-submenu-title="{{ $menu['name'] }}" style="display: none;">
+                        @foreach($menu['submenu'] as $submenu)
+                            <li class="nav-item">
+                                <a href="{{ $submenu['link'] ?? '#' }}" class="nav-link">
+                                    <i class="{{ $submenu['icon'] ?? 'icon-primitive-dot' }}"></i>
+                                    <span>
+                                {{ $submenu['name'] }}
+                                </span>
+                                </a>
+                            </li>
+                        @endforeach
+                    </ul>
+                @endif
+
+            </li>
+        @endforeach
+
+    @endforeach
+    </ul>
+
+@endif