Merge branch 'serv-2286_navigation_elements' into 'SERV-2286'

serv-2286_navigation_elements - initial commit

See merge request !1

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

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

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']     ])

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-20 08:27:18
+|
+*/
+namespace Ceetrox\Sidekick\Views\Limitless\Navigation;
+
+
+/*
+|------------------------------------------------------------------------------------------------
+| Dependencies
+|------------------------------------------------------------------------------------------------
+*/
+use View;
+
+
+/*
+|------------------------------------------------------------------------------------------------
+| Class "Config"
+|------------------------------------------------------------------------------------------------
+*/
+class Config
+{
+    public $methodAllocation = [
+        'Limitless::NavigationStart' => 'navigationStart',
+        'Limitless::NavigationStop' => 'navigationStop',
+        'Limitless::NavigationMenuSectionTitle' => 'navigationMenuSectionTitle',
+        'Limitless::NavigationMenuItem' => 'navigationMenuItem',
+        'Limitless::NavigationMenuStart' => 'navigationMenuStart',
+        'Limitless::NavigationMenuStop' => 'navigationMenuStop',
+    ];
+
+
     /*
-    |------------------------------------------------------------------------------------------------
-    | 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
-    |
+    |--------------------------------------------------------------------------------------------
+    | Method "navigationMenuSectionTitle"
+    |--------------------------------------------------------------------------------------------
     */
-    namespace Ceetrox\Sidekick\Views\Limitless\Navigation;
+    public function navigationMenuSectionTitle($parameters)
+    {
+        return View('Limitless::Navigation.NavigationMenuSectionTitle')
+            ->withTitle( (isset($parameters['title']) ? $parameters['title'] : 'No Title') );
+
+    }
 
 
     /*
-    |------------------------------------------------------------------------------------------------
-    | Dependencies
-    |------------------------------------------------------------------------------------------------
+    |--------------------------------------------------------------------------------------------
+    | Method "navigationMenuItem"
+    |--------------------------------------------------------------------------------------------
     */
-    use View;
+    public function navigationMenuItem($parameters)
+    {
+        return View('Limitless::Navigation.NavigationMenuItem')
+            ->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') );
+
+    }
 
 
     /*
-    |------------------------------------------------------------------------------------------------
-    | Class "Config"
-    |------------------------------------------------------------------------------------------------
+    |--------------------------------------------------------------------------------------------
+    | Method "navigationStart"
+    |--------------------------------------------------------------------------------------------
     */
-    class Config  
+    public function navigationStart($parameters)
     {
-        public $methodAllocation = [
-        'Limitless::NavigationAutoFillMenu' => 'navigationAutoFillMenu',
-        ];
+        return View('Limitless::Navigation.NavigationStart')
+            ->withExtra( (isset($parameters['extra']) ? $parameters['extra'] : [] ) );
+
+    }
+
+
+    /*
+    |--------------------------------------------------------------------------------------------
+    | Method "navigationStop"
+    |--------------------------------------------------------------------------------------------
+    */
+    public function navigationStop()
+    {
+        return View('Limitless::Navigation.NavigationStop');
+
+    }
 
 
     /*
     |--------------------------------------------------------------------------------------------
-        | Method "navigationAutoFillMenu"
+    | Method "navigationMenuStart"
     |--------------------------------------------------------------------------------------------
     */
-        public function navigationAutoFillMenu($parameters)
+    public function navigationMenuStart($parameters)
     {
-            return View('Limitless::Navigation.NavigationAutoFillMenu')
-                ->withData( (!empty($parameters)) ? $parameters : [] );
+        return View('Limitless::Navigation.NavigationMenuStart')
+            ->withIcon( (isset($parameters['icon']) ? $parameters['icon'] : 'icon-primitive-dot') )
+            ->withTitle( (isset($parameters['title']) ? $parameters['title'] : 'No Title') );
 
     }
 
+
+    /*
+    |--------------------------------------------------------------------------------------------
+    | Method "navigationMenuStop"
+    |--------------------------------------------------------------------------------------------
+    */
+    public function navigationMenuStop()
+    {
+        return View('Limitless::Navigation.NavigationMenuStop');
+
     }
 
+}
+
 
 

src/Views/Limitless/Navigation/Documentation/Index.blade.php

@@ -4,18 +4,58 @@
 @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'])
         Description for navigation element here.
     @Limitless::ElementCardStop
 
-    @Limitless::ElementCardStart(['title' => "Navigation Sample Output", 'icon' => 'icon-file-empty' ] )
-        Navigation sample output here
+    {{-- Elements --}}
+    @Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5'])
+
+        @Limitless::ElementCardStart(['title' => "Element 1"])
+
+            - element details
+            - element parameters (this should be on a table element)
+
+        @Limitless::ElementCardStop
+
+        @Limitless::ElementCardStart(['title' => "Element 2"])
+
+            - element details
+            - element parameters (this should be on a table element)
+
+        @Limitless::ElementCardStop
+
+
+    @Limitless::ElementCardStop
+
+
+
+    {{-- Sample Output --}}
+    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
+        @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
 

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

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

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

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

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

+</ul>
+</li>
\ No newline at end of file

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

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

+</ul>
\ No newline at end of file