serv-2286_navigation_elements - initial commit

2d7b06fc · Kevin Yumang · c77f4f29 · 2d7b06fc · 2d7b06fc · 2d7b06fc
Commit 2d7b06fc authored Jun 20, 2022 by Kevin Yumang
12 changed files
--- a/src/Views/Limitless/Help/Config.php
+++ b/src/Views/Limitless/Help/Config.php
@@ -50,10 +50,14 @@
        {
            if(isset($_GET['page'])) {
-                $page = $_GET['page'];
+                $page = strtolower($_GET['page']);
                $path = '';
                switch ($page) {
+                    case "home":
+                    case "/":
+                        $path = 'Limitless::Help.Pages.Home';
+                        break;
                    case "card":
                        $path = 'Limitless::Element.Card.Documentation.Index';
                        break;
@@ -69,7 +73,7 @@
                    case "table":
                        $path = 'Limitless::Table.Documentation.Index';
                        break;
-                    default;
+                    default:
                }
                return View($path);

--- a/src/Views/Limitless/Help/Layout/Master.blade.php
+++ b/src/Views/Limitless/Help/Layout/Master.blade.php
@@ -22,5 +22,23 @@
 @stop
 @section('Limitless::SidebarContent')
-    Test
+    @Limitless::NavigationStart
+        @Limitless::NavigationMenuItem(['url' => '', 'target' => '_self', 'icon' => 'icon-home2', 'title' => 'Home'])
+        @Limitless::NavigationMenuSectionTitle(['title' => 'Elements'])
+        @Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_self', 'icon' => 'icon-square', 'title' => 'Card'])
+        @Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_self', 'icon' => 'icon-table2', 'title' => 'Table'])
+        @Limitless::NavigationMenuItem(['url' => '?page=codemirror', 'target' => '_self', 'icon' => 'icon-circle-code', 'title' => 'Code Mirror'])
+        @Limitless::NavigationMenuItem(['url' => '?page=navigation', 'target' => '_self', 'icon' => 'icon-menu8', 'title' => 'Navigation'])
+        @Limitless::NavigationMenuSectionTitle(['title' => 'Elements 2'])
+        @Limitless::NavigationMenuStart(['title' => 'submenu test', 'icon' => 'icon-three-bars'])
+        @Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
+        @Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
+            @Limitless::NavigationMenuStart(['title' => 'sub submenu test', 'icon' => 'icon-three-bars'])
+            @Limitless::NavigationMenuSectionTitle(['title' => 'Elements 3'])
+            @Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
+            @Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
+            @Limitless::NavigationMenuStop
+        @Limitless::NavigationMenuStop
+    @Limitless::NavigationStop
 @stop
--- a/src/Views/Limitless/Help/Pages/Home.blade.php
+++ b/src/Views/Limitless/Help/Pages/Home.blade.php
@@ -19,6 +19,21 @@
 @Limitless::Example
 <br/>
+@Limitless::ElementCardStart(['title' => "Navigation Sample Output" ] )
+    @Limitless::NavigationStart
+        @Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
+        @Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
+        @Limitless::NavigationMenuStart(['title' => 'submenu test', 'icon' => 'icon-three-bars'])
+        @Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
+        @Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
+            @Limitless::NavigationMenuStart(['title' => 'sub submenu test', 'icon' => 'icon-three-bars'])
+            @Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
+            @Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
+            @Limitless::NavigationMenuStop
+        @Limitless::NavigationMenuStop
+    @Limitless::NavigationStop
+@Limitless::ElementCardStop
 @Limitless::ElementCardStart(['title' => "Table Test" ] )
    @Limitless::TableStart([    'extra' => ['class' => 'table table-striped']     ])

--- a/src/Views/Limitless/Navigation/Config.php
+++ b/src/Views/Limitless/Navigation/Config.php
@@ -32,20 +32,50 @@
    class Config  
    {
        public $methodAllocation = [
-        'Limitless::NavigationAutoFillMenu' => 'navigationAutoFillMenu',
+            'Limitless::NavigationStart' => 'navigationStart',
+            'Limitless::NavigationStop' => 'navigationStop',
+            'Limitless::NavigationMenuSectionTitle' => 'navigationMenuSectionTitle',
+            'Limitless::NavigationMenuItem' => 'navigationMenuItem',
+            'Limitless::NavigationMenuStart' => 'navigationMenuStart',
+            'Limitless::NavigationMenuStop' => 'navigationMenuStop',
        ];
+        public function navigationMenuSectionTitle($parameters)
+        {
+            return View('Limitless::Navigation.NavigationMenuSectionTitle')
+            ->withTitle( (isset($parameters['title']) ? $parameters['title'] : 'No Title') );
+        }
-        /*
+        public function navigationMenuItem($parameters)
-        |--------------------------------------------------------------------------------------------
-        | Method "navigationAutoFillMenu"
-        |--------------------------------------------------------------------------------------------
-        */
-        public function navigationAutoFillMenu($parameters)
        {
-            return View('Limitless::Navigation.NavigationAutoFillMenu')
+            return View('Limitless::Navigation.NavigationMenuItem')
-                ->withData( (!empty($parameters)) ? $parameters : [] );
+            ->withUrl( (isset($parameters['url']) ? $parameters['url'] : '#') )
+            ->withTarget( (isset($parameters['target']) ? $parameters['target'] : '_self') )
+            ->withIcon( (isset($parameters['icon']) ? $parameters['icon'] : 'icon-primitive-dot') )
+            ->withTitle( (isset($parameters['title']) ? $parameters['title'] : 'No Title') );
+        }
+        public function navigationStart($parameters)
+        {
+            return View('Limitless::Navigation.NavigationStart')
+                ->withExtra( (isset($parameters['extra']) ? $parameters['extra'] : [] ) );
+        }
+        public function navigationStop()
+        {
+            return View('Limitless::Navigation.NavigationStop');
+        }
+        public function navigationMenuStart($parameters)
+        {
+            return View('Limitless::Navigation.NavigationMenuStart')
+            ->withIcon( (isset($parameters['icon']) ? $parameters['icon'] : 'icon-primitive-dot') )
+            ->withTitle( (isset($parameters['title']) ? $parameters['title'] : 'No Title') );
+        }
+        public function navigationMenuStop()
+        {
+            return View('Limitless::Navigation.NavigationMenuStop');
        }
    }

--- a/src/Views/Limitless/Navigation/Documentation/Index.blade.php
+++ b/src/Views/Limitless/Navigation/Documentation/Index.blade.php
@@ -4,18 +4,36 @@
 @section('Limitless::Content')
    @php
-        $example = base64_decode("");
+        $example = base64_decode("QExpbWl0bGVzczo6TmF2aWdhdGlvblN0YXJ0CiAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudVNlY3Rpb25UaXRsZShbJ3RpdGxlJyA9PiAnTWVudSBzZWN0aW9uIHRpdGxlIDEnXSkKICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJz9wYWdlPWNhcmQnLCAndGFyZ2V0JyA9PiAnX3NlbGYnLCAnaWNvbicgPT4gJ2ljb24tc3F1YXJlJywgJ3RpdGxlJyA9PiAnQ2FyZCddKQogICAgQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVJdGVtKFsndXJsJyA9PiAnP3BhZ2U9dGFibGUnLCAndGFyZ2V0JyA9PiAnX2JsYW5rJywgJ2ljb24nID0+ICdpY29uLXRhYmxlMicsICd0aXRsZScgPT4gJ1RhYmxlJ10pCiAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICc/cGFnZT1uYXZpZ2F0aW9uJywgJ3RhcmdldCcgPT4gJ19zZWxmJywgJ2ljb24nID0+ICdpY29uLW1lbnU4JywgJ3RpdGxlJyA9PiAnTmF2aWdhdGlvbiddKQogICAgQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVTdGFydChbJ3RpdGxlJyA9PiAnTGV2ZWwgMSBTdWJtZW51IGV4YW1wbGUnLCAnaWNvbicgPT4gJ2ljb24tdGhyZWUtYmFycyddKQogICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U2VjdGlvblRpdGxlKFsndGl0bGUnID0+ICdNZW51IHNlY3Rpb24gdGl0bGUgMiddKQogICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJz9wYWdlPWNhcmQnLCAndGFyZ2V0JyA9PiAnX2JsYW5rJywgJ2ljb24nID0+ICdpY29uLXNxdWFyZScsICd0aXRsZScgPT4gJ0NhcmQnXSkKICAgICAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICc/cGFnZT10YWJsZScsICd0YXJnZXQnID0+ICdfYmxhbmsnLCAnaWNvbicgPT4gJ2ljb24tdGFibGUyJywgJ3RpdGxlJyA9PiAnVGFibGUnXSkKICAgICAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudVN0YXJ0KFsndGl0bGUnID0+ICdMZXZlbCAyIFN1Ym1lbnUgZXhhbXBsZScsICdpY29uJyA9PiAnaWNvbi10aHJlZS1iYXJzJ10pCiAgICAgICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U2VjdGlvblRpdGxlKFsndGl0bGUnID0+ICdNZW51IHNlY3Rpb24gdGl0bGUgMiddKQogICAgICAgICAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICc/cGFnZT1jYXJkJywgJ3RhcmdldCcgPT4gJ19ibGFuaycsICdpY29uJyA9PiAnaWNvbi1zcXVhcmUnLCAndGl0bGUnID0+ICdDYXJkJ10pCiAgICAgICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJz9wYWdlPXRhYmxlJywgJ3RhcmdldCcgPT4gJ19ibGFuaycsICdpY29uJyA9PiAnaWNvbi10YWJsZTInLCAndGl0bGUnID0+ICdUYWJsZSddKQogICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U3RvcAogICAgQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVTdG9wCkBMaW1pdGxlc3M6Ok5hdmlnYXRpb25TdG9w");
    @endphp
-    @Limitless::ElementCardStart(['title' => "Documentation", 'icon' => 'icon-file-text3', 'collapsable' => true, 'removeable' => false, 'extra' => ['style' => 'position:relative;', 'id' => 'elemento1', 'class' => 'card'] ])
+    {{-- Description --}}
+    @Limitless::ElementCardStart(['title' => "Navigation", 'icon' => 'icon-file-text3', 'collapsable' => true, 'removeable' => false, 'extra' => ['style' => 'position:relative;', 'id' => 'elemento1', 'class' => 'card'] ])
        Description for navigation element here.
    @Limitless::ElementCardStop
-    @Limitless::ElementCardStart(['title' => "Navigation Sample Output", 'icon' => 'icon-file-empty' ] )
+    {{-- Sample Output --}}
-        Navigation sample output here
+    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display' ] )
+        @Limitless::NavigationStart
+            @Limitless::NavigationMenuSectionTitle(['title' => 'Menu section title 1'])
+            @Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_self', 'icon' => 'icon-square', 'title' => 'Card'])
+            @Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
+            @Limitless::NavigationMenuItem(['url' => '?page=navigation', 'target' => '_self', 'icon' => 'icon-menu8', 'title' => 'Navigation'])
+            @Limitless::NavigationMenuStart(['title' => 'Level 1 Submenu example', 'icon' => 'icon-three-bars'])
+                @Limitless::NavigationMenuSectionTitle(['title' => 'Menu section title 2'])
+                @Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
+                @Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
+                @Limitless::NavigationMenuStart(['title' => 'Level 2 Submenu example', 'icon' => 'icon-three-bars'])
+                    @Limitless::NavigationMenuSectionTitle(['title' => 'Menu section title 2'])
+                    @Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
+                    @Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
+                @Limitless::NavigationMenuStop
+            @Limitless::NavigationMenuStop
+        @Limitless::NavigationStop
    @Limitless::ElementCardStop
-    @Limitless::ElementCardStart(['title' => "Navigation Syntax", 'icon' => 'icon-file-empty' ] )
+    {{-- Sample Code --}}
+    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
        @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
    @Limitless::ElementCardStop

--- a/src/Views/Limitless/Navigation/NavigationAutoFillMenu.blade.php
+++ b/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
--- a/src/Views/Limitless/Navigation/NavigationMenuItem.blade.php
+++ b/src/Views/Limitless/Navigation/NavigationMenuItem.blade.php
+<li class="nav-item">
+    <a href="{{ $url }}" target="{{ $target }}" class="nav-link">
+        <i class="{{ $icon }}"></i>
+        <span>
+            {{ $title }}
+        </span>
+    </a>
+</li>
\ No newline at end of file
--- a/src/Views/Limitless/Navigation/NavigationMenuSectionTitle.blade.php
+++ b/src/Views/Limitless/Navigation/NavigationMenuSectionTitle.blade.php
+<li class="nav-item-header">
+    <div class="text-uppercase font-size-xs line-height-xs">
+        {{ $title }}
+    </div> <i class="icon-menu" title="{{ $title }}"></i>
+</li>
\ No newline at end of file
--- a/src/Views/Limitless/Navigation/NavigationMenuStart.blade.php
+++ b/src/Views/Limitless/Navigation/NavigationMenuStart.blade.php
+<li class="nav-item nav-item-submenu">
+    <a href="#" class="nav-link">
+        <i class="{{ $icon }}"></i>
+        <span>{{ $title }}</span>
+    </a>
+    <ul class="nav nav-group-sub" data-submenu-title="{{ $title }}" style="display: none;">
\ No newline at end of file
--- a/src/Views/Limitless/Navigation/NavigationMenuStop.blade.php
+++ b/src/Views/Limitless/Navigation/NavigationMenuStop.blade.php
+</ul>
+</li>
\ No newline at end of file
--- a/src/Views/Limitless/Navigation/NavigationStart.blade.php
+++ b/src/Views/Limitless/Navigation/NavigationStart.blade.php
+<ul @foreach($extra as $k => $v) {{$k}}="{{$v}}" @endforeach class="nav nav-sidebar" data-nav-type="accordion">
\ No newline at end of file
--- a/src/Views/Limitless/Navigation/NavigationStop.blade.php
+++ b/src/Views/Limitless/Navigation/NavigationStop.blade.php
+</ul>
\ No newline at end of file