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

Serv 2286 navigation elements

See merge request !3

src/Managers/BeautifyManager/BeautifyManager.php

@@ -28,7 +28,7 @@
     | Class "BeautifyManager"
     |------------------------------------------------------------------------------------------------
     */
-    class BeautifyManager 
+    class BeautifyManager
     {
         /*
         |--------------------------------------------------------------------------------------------
@@ -989,7 +989,7 @@
             | The beautifier uses certain keywords for e.g. classes and methods. These are filtered
             | here in order not to create duplicates in multiple render document processes.
             */
-            if(strpos($comment, $title) === 0)
+            if(@strpos($comment, $title) === 0)
             {
                 $comment = substr($comment, strlen($title));
                 $comment = $this->normalize($comment);

src/Managers/PicassoManager/AssetHelper.php

@@ -200,7 +200,7 @@
                             */
                             else
                             {
-                                $url = url('/ceetrox/sidekick/resource/private') . '/' . $basecode;
+                                $url = secure_url('/ceetrox/sidekick/resource/private') . '/' . $basecode;
                             }
 
                             /*

src/Managers/ResourcePublisherManager/ResourcePublisherManager.php

@@ -41,7 +41,7 @@
         */
         static function generateCode($path)
         {
-            return url('ceetrox/sidekick/resource/private/'.base64_encode(json_encode([
+            return secure_url('ceetrox/sidekick/resource/private/'.base64_encode(json_encode([
             'path' => $path,
             'code' => md5(env('APP_KEY') . $path)
             ])));

src/Views/Limitless/Codemirror/Config.php

@@ -10,7 +10,7 @@
     | sidekick package.
     |
     | Author: Marco Schmiedel <marco.schmiedel@itmax.email>
-    | Update: 2022-04-13 09:16:43
+    | Update: 2022-06-15 10:07:09
     |
     */
     namespace Ceetrox\Sidekick\Views\Limitless\Codemirror;
@@ -40,64 +40,74 @@
         'Limitless::Codemirror' => 'master',
         ];
 
-        public $assetAllocation = [
-        'Limitless::Codemirror' => [
-            "Styles/codemirror.css",
-            "Styles/3024-day.css",
-            "Styles/3024-night.css",
-            "Styles/abcdef.css",
-            "Styles/ambiance.css",
-            "Styles/base16-dark.css",
-            "Styles/bespin.css",
-            "Styles/base16-light.css",
-            "Styles/blackboard.css",
-            "Styles/cobalt.css",
-            "Styles/colorforth.css",
-            "Styles/dracula.css",
-            "Styles/duotone-dark.css",
-            "Styles/duotone-light.css",
-            "Styles/eclipse.css",
-            "Styles/elegant.css",
-            "Styles/erlang-dark.css",
-            "Styles/gruvbox-dark.css",
-            "Styles/hopscotch.css",
-            "Styles/icecoder.css",
-            "Styles/isotope.css",
-            "Styles/lesser-dark.css",
-            "Styles/liquibyte.css",
-            "Styles/lucario.css",
-            "Styles/material.css",
-            "Styles/mbo.css",
-            "Styles/mdn-like.css",
-            "Styles/midnight.css",
-            "Styles/monokai.css",
-            "Styles/neat.css",
-            "Styles/neo.css",
-            "Styles/night.css",
-            "Styles/nord.css",
-            "Styles/oceanic-next.css",
-            "Styles/panda-syntax.css",
-            "Styles/paraiso-dark.css",
-            "Styles/paraiso-light.css",
-            "Styles/pastel-on-dark.css",
-            "Styles/railscasts.css",
-            "Styles/rubyblue.css",
-            "Styles/seti.css",
-            "Styles/shadowfox.css",
-            "Styles/solarized.css",
-            "Styles/the-matrix.css",
-            "Styles/tomorrow-night-bright.css",
-            "Styles/tomorrow-night-eighties.css",
-            "Styles/ttcn.css",
-            "Styles/twilight.css",
-            "Styles/vibrant-ink.css",
-            "Styles/xq-dark.css",
-            "Styles/xq-light.css",
-            "Styles/yeti.css",
-            "Styles/idea.css",
-            "Styles/darcula.css",
-            "Styles/yonce.css",
-            "Styles/zenburn.css",
+        public $assetAllocation;
+
+
+        /*
+        |--------------------------------------------------------------------------------------------
+        | Method "__construct"
+        |--------------------------------------------------------------------------------------------
+        */
+        public function __construct()
+        {
+            $this->assetAllocation = [
+            'Limitless::Codemirror' => [
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/codemirror.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/3024-day.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/3024-night.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/abcdef.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/ambiance.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/base16-dark.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/bespin.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/base16-light.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/blackboard.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/cobalt.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/colorforth.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/dracula.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/duotone-dark.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/duotone-light.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/eclipse.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/elegant.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/erlang-dark.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/gruvbox-dark.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/hopscotch.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/icecoder.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/isotope.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/lesser-dark.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/liquibyte.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/lucario.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/material.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/mbo.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/mdn-like.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/midnight.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/monokai.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/neat.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/neo.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/night.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/nord.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/oceanic-next.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/panda-syntax.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/paraiso-dark.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/paraiso-light.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/pastel-on-dark.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/railscasts.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/rubyblue.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/seti.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/shadowfox.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/solarized.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/the-matrix.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/tomorrow-night-bright.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/tomorrow-night-eighties.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/ttcn.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/twilight.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/vibrant-ink.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/xq-dark.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/xq-light.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/yeti.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/idea.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/darcula.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/yonce.css"),
+            secure_url("/ceetrox/sidekick/resource/public/Elements/codemirror/Styles/zenburn.css"),
             "Attachments/Codemirror.js" ,
             "Attachments/Multiplex.js",
             "Attachments/Overlay.js",
@@ -107,8 +117,10 @@
             "Modes/python.js" ,
             "Modes/javascript.js" ,
             "Modes/manticore.js"
-        ]
-        ];
+            ]
+            ];
+
+        }
 
 
         /*
@@ -123,6 +135,7 @@
             ->withLanguage( (isset($parameters['language']) ? $parameters['language'] : '') )
             ->withValue( (isset($parameters['value']) ? $parameters['value'] : '... no value parameter set...') )
             ->withExtra( (isset($parameters['extra']) ? $parameters['extra'] : [] ) );
+
         }
 
     }

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

+{{-- Layout Reference --}}
+@extends('Limitless::Help.Layout.Master')
+
+@section('Limitless::Content')
+
+    @php
+        $example = base64_decode("ICAgIEBMaW1pdGxlc3M6OkVsZW1lbnRDYXJkU3RhcnQoWyd0aXRsZScgPT4gIkNvZGVtaXJyb3IgVGVzdCIsICdpY29uJyA9PiAnaWNvbi1maWxlLWVtcHR5JyBdICkKICAgICAgICBATGltaXRsZXNzOjpDb2RlbWlycm9yKFsgJ2xhbmd1YWdlJyA9PiAnamF2YXNjcmlwdCcsICd0aGVtZScgPT4gJ3plbmJ1cm4nLCAndmFsdWUnID0+ICdIZWxsbyBXb3JsZCEnIF0pCiAgICBATGltaXRsZXNzOjpFbGVtZW50Q2FyZFN0b3A=");
+    @endphp
+
+    @Limitless::ElementCardStart(['title' => "Documentation", 'icon' => 'icon-file-text3', 'collapsable' => true, 'removeable' => false, 'extra' => ['style' => 'position:relative;', 'id' => 'elemento1', 'class' => 'card'] ])
+        hello world
+    @Limitless::ElementCardStop
+
+    @Limitless::ElementCardStart(['title' => "Codemirror Test", 'icon' => 'icon-file-empty' ] )
+        @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => 'Hello World!' ])
+    @Limitless::ElementCardStop
+
+    @Limitless::ElementCardStart(['title' => "Codemirror Test", 'icon' => 'icon-file-empty' ] )
+        @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
+    @Limitless::ElementCardStop
+
+
+@stop

src/Views/Limitless/Element/Card/Documentation/Index.blade.php

+{{-- Layout Reference --}}
+@extends('Limitless::Help.Layout.Master')
+
+@section('Limitless::Content')
+
+    @php
+        $example = base64_decode("ICAgIEBMaW1pdGxlc3M6OkVsZW1lbnRDYXJkU3RhcnQoWyd0aXRsZScgPT4gIkNvZGVtaXJyb3IgVGVzdCIsICdpY29uJyA9PiAnaWNvbi1maWxlLWVtcHR5JyBdICkKICAgICAgICBJIGFtIGluc2lkZSBhIGNhcmQhCiAgICBATGltaXRsZXNzOjpFbGVtZW50Q2FyZFN0b3A=");
+    @endphp
+
+    @Limitless::ElementCardStart(['title' => "Documentation", 'icon' => 'icon-file-text3', 'collapsable' => true, 'removeable' => false, 'extra' => ['style' => 'position:relative;', 'id' => 'elemento1', 'class' => 'card'] ])
+        Description for card element here.
+    @Limitless::ElementCardStop
+
+    @Limitless::ElementCardStart(['title' => "Card Sample", 'icon' => 'icon-file-empty' ] )
+        I am inside a card!
+    @Limitless::ElementCardStop
+
+    @Limitless::ElementCardStart(['title' => "Card Syntax", 'icon' => 'icon-file-empty' ] )
+        @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
+    @Limitless::ElementCardStop
+
+@stop

src/Views/Limitless/Element/Config.php

@@ -10,7 +10,7 @@
     | sidekick package.
     |
     | Author: Marco Schmiedel <marco.schmiedel@itmax.email>
-    | Update: 2022-04-13 09:16:43
+    | Update: 2022-06-15 10:07:09
     |
     */
     namespace Ceetrox\Sidekick\Views\Limitless\Element;

src/Views/Limitless/Element/Example/Documentation/Index.blade.php

+{{-- Layout Reference --}}
+@extends('Limitless::Help.Layout.Master')
+
+@section('Limitless::Content')
+
+    @php
+        $example = base64_decode("QExpbWl0bGVzczo6RXhhbXBsZQ==");
+    @endphp
+
+    @Limitless::ElementCardStart(['title' => "Documentation", 'icon' => 'icon-file-text3', 'collapsable' => true, 'removeable' => false, 'extra' => ['style' => 'position:relative;', 'id' => 'elemento1', 'class' => 'card'] ])
+        Description for example element here.
+    @Limitless::ElementCardStop
+
+    @Limitless::ElementCardStart(['title' => "Example Sample Output", 'icon' => 'icon-file-empty' ] )
+        @Limitless::Example
+    @Limitless::ElementCardStop
+
+    @Limitless::ElementCardStart(['title' => "Example Syntax", 'icon' => 'icon-file-empty' ] )
+        @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
+    @Limitless::ElementCardStop
+
+@stop

src/Views/Limitless/Help/Config.php

@@ -10,7 +10,7 @@
     | sidekick package.
     |
     | Author: Marco Schmiedel <marco.schmiedel@itmax.email>
-    | Update: 2022-04-13 09:16:43
+    | Update: 2022-06-15 10:07:09
     |
     */
     namespace Ceetrox\Sidekick\Views\Limitless\Help;
@@ -48,6 +48,37 @@
         */
         public function internalNavigation($parameters)
         {
+            if(isset($_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;
+                    case "example":
+                        $path = 'Limitless::Element.Example.Documentation.Index';
+                        break;
+                    case "codemirror":
+                        $path = 'Limitless::Codemirror.Documentation.Index';
+                        break;
+                    case "navigation":
+                        $path = 'Limitless::Navigation.Documentation.Index';
+                        break;
+                    case "table":
+                        $path = 'Limitless::Table.Documentation.Index';
+                        break;
+                    default:
+                }
+
+                return View($path);
+            }
+
             return View('Limitless::Help.Pages.Home');
 
         }

src/Views/Limitless/Help/Layout/Master.blade.php

 @extends('Limitless::Layout.Dark.Master')
 
 @section('Limitless::GlobalTitle', 'Limitless Documentation')
-@section('Limitless::GlobalSubtitle', null)
+@section('Limitless::GlobalSubtitle', "Test")
 @section('Limitless::GlobalLanguage', 'de')
 @section('Limitless::GlobalCopyright', 'Ceetrox GmbH')
 @section('Limitless::GlobalMobileLabelBottom', 'Footer')
 @section('Limitless::GlobalMobileLabelNavigation', 'Navigation')
 @section('Limitless::GlobalFavicon', secure_url('/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/logo_icon_dark.png'))
 @section('Limitless::GlobalLogoDestinationUrl', 'https://google.de')
-@section('Limitless::GlobalLogoImageSource', secure_url('/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/logo_light.png'))
-@section('Limitless::GlobelHideFooter', false)
-@section('Limitless::GlobelHideMainNavigation', false)
-@section('Limitless::GlobelHideHeader', false)
 
 @section('Limitless::Javascript')
     <script></script>
@@ -24,3 +20,25 @@
 @section('Limitless::Assets')
     <meta name="robots" content="noindex" />
 @stop
+
+@section('Limitless::SidebarContent')
+    @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

 {{-- Layout Reference --}}
 @extends('Limitless::Help.Layout.Master')
 
-
 @section('Limitless::Content')
 
-
 @Limitless::ElementCardStart(['title' => "Documentation", 'icon' => 'icon-file-text3', 'collapsable' => true, 'removeable' => false, 'extra' => ['style' => 'position:relative;', 'id' => 'elemento1', 'class' => 'card'] ])
     This is the documentation for the <i>Limitless</i> theme.
     <i>Limitless</i> is a part of <i>Picasso</i>, a feature of the package <i>Sidekick</i> from <i>Ceetrox</i>.
@@ -13,19 +11,71 @@
     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
 
 
 @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']     ])
+
+        @Limitless::TableAutofillHeader([
+            ['name' => '#'],
+            ['name' => '<a href="#">TestUrl</a>', 'secure' => false],
+            ['name' => 'Two'],
+            ['name' => 'Three']
+        ])
+
+      <tbody>
+         <tr>
+            <td>1</td>
+            <td>Eugene</td>
+            <td>Kopyov</td>
+            <td>@Kopyov</td>
+         </tr>
+         <tr>
+            <td>2</td>
+            <td>Victoria</td>
+            <td>Baker</td>
+            <td>@Vicky</td>
+         </tr>
+         <tr>
+            <td>3</td>
+            <td>James</td>
+            <td>Alexander</td>
+            <td>@Alex</td>
+         </tr>
+         <tr>
+            <td>4</td>
+            <td>Franklin</td>
+            <td>Morrison</td>
+            <td>@Frank</td>
+         </tr>
+      </tbody>
+
+
+    @Limitless::TableStop
 
 
-@stop
-
-
+@Limitless::ElementCardStop
 
+@stop

src/Views/Limitless/Layout/Dark/Master.blade.php

@@ -48,12 +48,12 @@
 
 </head>
 <body
-    @if (!trim($__env->yieldContent('Limitless::GlobelHideHeader')))
+    @if (!trim($__env->yieldContent('Limitless::GlobalHideHeader')))
     class="navbar-top"
     @endif
 >
    <!-- Main navbar -->
-   @if (!trim($__env->yieldContent('Limitless::GlobelHideHeader')))
+   @if (!trim($__env->yieldContent('Limitless::GlobalHideHeader')))
    <div class="navbar navbar-expand-md navbar-light fixed-top">
 
       {{-- Logo --}}
@@ -83,8 +83,8 @@
    @endif
 
    <div class="page-content">
-       @if (!trim($__env->yieldContent('Limitless::GlobelHideMainNavigation')))
-      <div class="sidebar sidebar-light sidebar-main sidebar-fixed sidebar-expand-md">
+       @if (!trim($__env->yieldContent('Limitless::GlobalHideMainNavigation')))
+      <div class="sidebar sidebar-light sidebar-main sidebar-expand-md">
 
          {{-- Sidebar for Mobile --}}
          <div class="sidebar-mobile-toggler text-center">
@@ -102,8 +102,11 @@
 
          </div>
 
-        {{-- Navigation --}}
-         Sidebar
+         <div class="sidebar-content">
+            <div class="card card-sidebar-mobile">
+               @yield("Limitless::SidebarContent")
+            </div>
+         </div>
 
       </div>
       @endif
@@ -115,7 +118,7 @@
             @yield("Limitless::Content")
          </div>
 
-        @if (!trim($__env->yieldContent('Limitless::GlobelHideFooter')))
+        @if (!trim($__env->yieldContent('Limitless::GlobalHideFooter')))
          <div class="navbar navbar-expand-lg navbar-light">
 
             {{-- Footer Switch for Mobile --}}

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',
+    ];
+
+
+    /*
+    |--------------------------------------------------------------------------------------------
+    | Method "navigationMenuSectionTitle"
+    |--------------------------------------------------------------------------------------------
+    */
+    public function navigationMenuSectionTitle($parameters)
+    {
+        return View('Limitless::Navigation.NavigationMenuSectionTitle')
+            ->withTitle( (isset($parameters['title']) ? $parameters['title'] : 'No Title') );
+
+    }
+
+
+    /*
+    |--------------------------------------------------------------------------------------------
+    | Method "navigationMenuItem"
+    |--------------------------------------------------------------------------------------------
+    */
+    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') );
+
+    }
+
+
+    /*
+    |--------------------------------------------------------------------------------------------
+    | Method "navigationStart"
+    |--------------------------------------------------------------------------------------------
+    */
+    public function navigationStart($parameters)
+    {
+        return View('Limitless::Navigation.NavigationStart')
+            ->withExtra( (isset($parameters['extra']) ? $parameters['extra'] : [] ) );
+
+    }
+
+
+    /*
+    |--------------------------------------------------------------------------------------------
+    | Method "navigationStop"
+    |--------------------------------------------------------------------------------------------
+    */
+    public function navigationStop()
+    {
+        return View('Limitless::Navigation.NavigationStop');
+
+    }
+
+
+    /*
+    |--------------------------------------------------------------------------------------------
+    | Method "navigationMenuStart"
+    |--------------------------------------------------------------------------------------------
+    */
+    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') );
+
+    }
+
+
+    /*
+    |--------------------------------------------------------------------------------------------
+    | Method "navigationMenuStop"
+    |--------------------------------------------------------------------------------------------
+    */
+    public function navigationMenuStop()
+    {
+        return View('Limitless::Navigation.NavigationMenuStop');
+
+    }
+
+}
+
+
+

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

+{{-- Layout Reference --}}
+@extends('Limitless::Help.Layout.Master')
+
+@section('Limitless::Content')
+
+    @php
+        $example = base64_decode("QExpbWl0bGVzczo6TmF2aWdhdGlvblN0YXJ0CiAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudVNlY3Rpb25UaXRsZShbJ3RpdGxlJyA9PiAnTWVudSBzZWN0aW9uIHRpdGxlIDEnXSkKICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJz9wYWdlPWNhcmQnLCAndGFyZ2V0JyA9PiAnX3NlbGYnLCAnaWNvbicgPT4gJ2ljb24tc3F1YXJlJywgJ3RpdGxlJyA9PiAnQ2FyZCddKQogICAgQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVJdGVtKFsndXJsJyA9PiAnP3BhZ2U9dGFibGUnLCAndGFyZ2V0JyA9PiAnX2JsYW5rJywgJ2ljb24nID0+ICdpY29uLXRhYmxlMicsICd0aXRsZScgPT4gJ1RhYmxlJ10pCiAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICc/cGFnZT1uYXZpZ2F0aW9uJywgJ3RhcmdldCcgPT4gJ19zZWxmJywgJ2ljb24nID0+ICdpY29uLW1lbnU4JywgJ3RpdGxlJyA9PiAnTmF2aWdhdGlvbiddKQogICAgQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVTdGFydChbJ3RpdGxlJyA9PiAnTGV2ZWwgMSBTdWJtZW51IGV4YW1wbGUnLCAnaWNvbicgPT4gJ2ljb24tdGhyZWUtYmFycyddKQogICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U2VjdGlvblRpdGxlKFsndGl0bGUnID0+ICdNZW51IHNlY3Rpb24gdGl0bGUgMiddKQogICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJz9wYWdlPWNhcmQnLCAndGFyZ2V0JyA9PiAnX2JsYW5rJywgJ2ljb24nID0+ICdpY29uLXNxdWFyZScsICd0aXRsZScgPT4gJ0NhcmQnXSkKICAgICAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICc/cGFnZT10YWJsZScsICd0YXJnZXQnID0+ICdfYmxhbmsnLCAnaWNvbicgPT4gJ2ljb24tdGFibGUyJywgJ3RpdGxlJyA9PiAnVGFibGUnXSkKICAgICAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudVN0YXJ0KFsndGl0bGUnID0+ICdMZXZlbCAyIFN1Ym1lbnUgZXhhbXBsZScsICdpY29uJyA9PiAnaWNvbi10aHJlZS1iYXJzJ10pCiAgICAgICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U2VjdGlvblRpdGxlKFsndGl0bGUnID0+ICdNZW51IHNlY3Rpb24gdGl0bGUgMiddKQogICAgICAgICAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICc/cGFnZT1jYXJkJywgJ3RhcmdldCcgPT4gJ19ibGFuaycsICdpY29uJyA9PiAnaWNvbi1zcXVhcmUnLCAndGl0bGUnID0+ICdDYXJkJ10pCiAgICAgICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJz9wYWdlPXRhYmxlJywgJ3RhcmdldCcgPT4gJ19ibGFuaycsICdpY29uJyA9PiAnaWNvbi10YWJsZTInLCAndGl0bGUnID0+ICdUYWJsZSddKQogICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U3RvcAogICAgQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVTdG9wCkBMaW1pdGxlc3M6Ok5hdmlnYXRpb25TdG9w");
+    @endphp
+
+    {{-- Description --}}
+    @Limitless::ElementCardStart(['title' => "Navigation", 'icon' => 'icon-file-text3'])
+        Description for navigation element here.
+    @Limitless::ElementCardStop
+
+    {{-- 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
+
+    {{-- Sample Code --}}
+    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
+        @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
+    @Limitless::ElementCardStop
+
+@stop

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

src/Views/Limitless/Table/Config.php

+<?php
+
+
+    /*
+    |------------------------------------------------------------------------------------------------
+    | Information
+    |------------------------------------------------------------------------------------------------
+    |
+    | This file is beautified by the command "sidekick:CodebeautifierCommand" of the ceetrox
+    | sidekick package.
+    |
+    | Author: Marco Schmiedel <marco.schmiedel@itmax.email>
+    | Update: 2022-06-15 10:07:09
+    |
+    */
+    namespace Ceetrox\Sidekick\Views\Limitless\Table;
+
+
+    /*
+    |------------------------------------------------------------------------------------------------
+    | Dependencies
+    |------------------------------------------------------------------------------------------------
+    */
+    use View;
+
+
+    /*
+    |------------------------------------------------------------------------------------------------
+    | Class "Config"
+    |------------------------------------------------------------------------------------------------
+    */
+    class Config
+    {
+        public $methodAllocation = [
+        'Limitless::TableStart' => 'tableStart',
+        'Limitless::TableStop' => 'tableStop',
+        'Limitless::TableAutofillHeader' => 'tableAutofillHeader',
+        ];
+
+
+        /*
+        |--------------------------------------------------------------------------------------------
+        | Method "tableAutofillHeader"
+        |--------------------------------------------------------------------------------------------
+        */
+        public function tableAutofillHeader($parameters)
+        {
+            return View('Limitless::Table.TableAutofillHeader')
+            ->withData( (!empty($parameters)) ? $parameters : [] );
+
+        }
+
+
+        /*
+        |--------------------------------------------------------------------------------------------
+        | Method "tableStart"
+        |--------------------------------------------------------------------------------------------
+        */
+        public function tableStart($parameters)
+        {
+            return View('Limitless::Table.TableStart')
+            ->withExtra( (isset($parameters['extra']) ? $parameters['extra'] : [] ) );
+
+        }
+
+
+        /*
+        |--------------------------------------------------------------------------------------------
+        | Method "tableStop"
+        |--------------------------------------------------------------------------------------------
+        */
+        public function tableStop($parameters)
+        {
+            return View('Limitless::Table.TableStop');
+
+        }
+
+    }
+
+
+

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

+{{-- Layout Reference --}}
+@extends('Limitless::Help.Layout.Master')
+
+@section('Limitless::Content')
+
+    @php
+        $example = base64_decode("");
+    @endphp
+
+    @Limitless::ElementCardStart(['title' => "Documentation", 'icon' => 'icon-file-text3', 'collapsable' => true, 'removeable' => false, 'extra' => ['style' => 'position:relative;', 'id' => 'elemento1', 'class' => 'card'] ])
+        Description for table element here.
+    @Limitless::ElementCardStop
+
+    @Limitless::ElementCardStart(['title' => "Table Sample Output", 'icon' => 'icon-file-empty' ] )
+        Table sample output here
+    @Limitless::ElementCardStop
+
+    @Limitless::ElementCardStart(['title' => "Table Syntax", 'icon' => 'icon-file-empty' ] )
+        @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
+    @Limitless::ElementCardStop
+
+@stop

src/Views/Limitless/Table/TableAutofillHeader.blade.php

+    @if( !empty($data) )
+      <thead>
+         <tr>
+            @foreach($data as $th)
+
+                @if( @$th['secure'] === false)
+                     <th> {!! $th['name'] !!} </th>
+                @else
+                    <th> {{ $th['name'] }} </th>
+                @endif
+
+            @endforeach
+         </tr>
+      </thead>
+      @endif

src/Views/Limitless/Table/TableStart.blade.php

+<div @foreach($extra as $k => $v) {{$k}}="{{$v}}" @endforeach class="table-responsive">
+   <table class="table">

src/Views/Limitless/Table/TableStop.blade.php

+</table>
+</div>