SERV-2286 - moved top nav examples on its documentation page.

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

@@ -22,70 +22,12 @@
 @stop
 
 @section('Limitless::TopBarContent')
-    @Limitless::TopNavStart
-        @Limitless::TopNavMenuItem(['title' => 'Title Only'])
-        @Limitless::TopNavMenuItem(['icon' => 'icon-calendar3', 'icon-only' => true, 'badge' => 5])
-        @Limitless::TopNavMenuItem(['title' => 'Title with Icon', 'icon' => 'icon-people', 'url' => 'https://www.google.com'])
 
-        @Limitless::TopNavMenuItemDropdownStart(['title' => 'Dropdown menu', 'icon' => 'icon-gift', 'badge' => 11])
-            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 1'])
-            @Limitless::Divider
-            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 2', 'icon' => 'icon-user-plus', 'badge' => 6])
-            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 3', 'badge' => 5, 'badge-color' => 'green'])
-            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 4', 'icon' => 'icon-switch2'])
-            @Limitless::TopNavDropdownSubMenuItemStart(['title' => 'submenu', 'icon' => 'icon-chess-king'])
-                @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 2', 'icon' => 'icon-user-plus', 'badge' => 6])
-                @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 3', 'badge' => 5, 'badge-color' => 'green'])
-                @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 4', 'icon' => 'icon-switch2'])
-                @Limitless::TopNavDropdownSubMenuItemStart(['title' => 'submenu level2', 'icon' => 'icon-chess-king'])
-                    @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 2', 'icon' => 'icon-user-plus', 'badge' => 6])
-                    @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 3', 'badge' => 5, 'badge-color' => 'green'])
-                    @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 4', 'icon' => 'icon-switch2'])
-                @Limitless::TopNavDropdownSubMenuItemStop
-            @Limitless::TopNavDropdownSubMenuItemStop
-        @Limitless::TopNavMenuItemDropdownStop
-
-        @Limitless::TopNavMenuItemDropdownStart(['user' => 'Kivin', 'img' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/placeholders/placeholder.jpg', 'basic-dropdown' => false])
-            @Limitless::TopNavDropdownContentBodyStart
-            @Limitless::TopNavDropdownContentMenuItem(['title' => 'title', 'subtitle' => 'subtitle', 'icon' => 'icon-pencil3', 'icon-color' => 'primary', 'description' => 'description here', 'sub-description' => 'subdescription'])
-            @Limitless::TopNavDropdownContentMenuItem(['title' => 'title', 'subtitle' => 'subtitle', 'img' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/placeholders/placeholder.jpg', 'description' => 'description here', 'sub-description' => 'subdescription'])
-            @Limitless::TopNavDropdownContentBodyStop
-            @Limitless::TopNavDropdownContentFooterStart(['text' => 'test'])
-                @Limitless::TopNavDropdownContentFooterIconButton(['icon' => 'icon-calendar3', 'tooltip-text' => 'calendar'])
-                @Limitless::TopNavDropdownContentFooterIconButton(['icon' => 'icon-menu7', 'tooltip-text' => 'more'])
-            @Limitless::TopNavDropdownContentFooterStop
-        @Limitless::TopNavMenuItemDropdownStop
-
-    @Limitless::TopNavStop
-
-    @Limitless::TopNavStart(true)
-
-        @Limitless::TopNavMenuItemDropdownStart(['icon-only' => true, 'icon' => 'icon-bubbles4', 'badge' => '99+', 'badge-color' => 'primary', 'basic-dropdown' => false, 'caret' => false])
-            @Limitless::TopNavDropdownContentHeaderStart(['title' => ['value' => 'content header <code>test</code>', 'secure' => false], 'icon' => 'icon-compose'])
-            @Limitless::TopNavDropdownContentBodyStart
-                @Limitless::TopNavDropdownContentMenuItem(['title' => 'title', 'subtitle' => 'subtitle', 'icon' => 'icon-pencil3', 'icon-color' => 'primary', 'description' => 'description here', 'sub-description' => 'subdescription'])
-                @Limitless::TopNavDropdownContentMenuItem(['title' => 'title', 'subtitle' => 'subtitle', 'img' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/placeholders/placeholder.jpg', 'description' => 'description here', 'sub-description' => 'subdescription'])
-            @Limitless::TopNavDropdownContentBodyStop
-            @Limitless::TopNavDropdownContentFooterStart(['tooltip-text' => 'test', 'icon' => 'icon-calendar3'])
-            @Limitless::TopNavDropdownContentFooterStop
-        @Limitless::TopNavMenuItemDropdownStop
-
-        @Limitless::TopNavMenuItem
-        @Limitless::TopNavMenuItem
-
-        @Limitless::TopNavMenuItemDropdownStart(['user' => 'Keven', 'img' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/placeholders/placeholder.jpg'])
-            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 1'])
-            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 2', 'icon' => 'icon-user-plus', 'badge' => 6])
-            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 3', 'badge' => 5, 'badge-color' => 'green'])
-            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 4', 'icon' => 'icon-switch2'])
-        @Limitless::TopNavMenuItemDropdownStop
-
-    @Limitless::TopNavStop
 @stop
 
 @section('Limitless::SidebarContent')
 
-    @Limitless::SideNavUser(['user' => 'Kevin', 'sub-icon' => 'icon-man', 'sub-text' => 'Developer' ,'img' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/placeholders/placeholder.jpg'])
+    @Limitless::SideNavUser(['user' => 'User A', 'sub-icon' => 'icon-man', 'sub-text' => 'Developer' ,'img' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/placeholders/placeholder.jpg'])
     @Limitless::SideNavStart
 
         @Limitless::SideNavMenuItem(['url' => '/', 'target' => '_self', 'icon' => 'icon-home2', 'title' => 'Home'])

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

 {{-- Layout Reference --}}
 @extends('Limitless::Help.Layout.Master')
 
+@section('Limitless::TopBarContent')
+
+    @Limitless::TopNavStart
+        @Limitless::TopNavMenuItem(['title' => 'Title Only'])
+        @Limitless::TopNavMenuItem(['icon' => 'icon-calendar3', 'icon-only' => true, 'badge' => 5])
+        @Limitless::TopNavMenuItem(['title' => 'Title with Icon', 'icon' => 'icon-people', 'url' => 'https://www.google.com'])
+
+        @Limitless::TopNavMenuItemDropdownStart(['title' => 'Dropdown menu', 'icon' => 'icon-gift', 'badge' => 11])
+            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 1'])
+            @Limitless::Divider
+            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 2', 'icon' => 'icon-user-plus', 'badge' => 6])
+            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 3', 'badge' => 5, 'badge-color' => 'green'])
+            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 4', 'icon' => 'icon-switch2'])
+            @Limitless::TopNavDropdownSubMenuItemStart(['title' => 'submenu', 'icon' => 'icon-chess-king'])
+                @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 2', 'icon' => 'icon-user-plus', 'badge' => 6])
+                @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 3', 'badge' => 5, 'badge-color' => 'green'])
+                @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 4', 'icon' => 'icon-switch2'])
+                @Limitless::TopNavDropdownSubMenuItemStart(['title' => 'submenu level 2', 'icon' => 'icon-chess-king'])
+                    @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 2', 'icon' => 'icon-user-plus', 'badge' => 6])
+                    @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 3', 'badge' => 5, 'badge-color' => 'green'])
+                    @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 4', 'icon' => 'icon-switch2'])
+                @Limitless::TopNavDropdownSubMenuItemStop
+            @Limitless::TopNavDropdownSubMenuItemStop
+        @Limitless::TopNavMenuItemDropdownStop
+
+        @Limitless::TopNavMenuItemDropdownStart(['user' => 'User A', 'img' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/placeholders/placeholder.jpg', 'basic-dropdown' => false])
+            @Limitless::TopNavDropdownContentBodyStart
+                @Limitless::TopNavDropdownContentMenuItem(['title' => 'title', 'subtitle' => 'subtitle', 'icon' => 'icon-pencil3', 'icon-color' => 'primary', 'description' => 'description here', 'sub-description' => 'subdescription'])
+                @Limitless::TopNavDropdownContentMenuItem(['title' => 'title', 'subtitle' => 'subtitle', 'img' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/placeholders/placeholder.jpg', 'description' => 'description here', 'sub-description' => 'subdescription'])
+            @Limitless::TopNavDropdownContentBodyStop
+            @Limitless::TopNavDropdownContentFooterStart(['text' => 'test'])
+                @Limitless::TopNavDropdownContentFooterIconButton(['icon' => 'icon-calendar3', 'tooltip-text' => 'calendar'])
+                @Limitless::TopNavDropdownContentFooterIconButton(['icon' => 'icon-menu7', 'tooltip-text' => 'more'])
+            @Limitless::TopNavDropdownContentFooterStop
+        @Limitless::TopNavMenuItemDropdownStop
+
+        @Limitless::TopNavStop
+
+        @Limitless::TopNavStart(true)
+
+        @Limitless::TopNavMenuItemDropdownStart(['icon-only' => true, 'icon' => 'icon-bubbles4', 'badge' => '99+', 'badge-color' => 'primary', 'basic-dropdown' => false, 'caret' => false])
+            @Limitless::TopNavDropdownContentHeaderStart(['title' => ['value' => 'content header <code>test</code>', 'secure' => false], 'icon' => 'icon-compose'])
+            @Limitless::TopNavDropdownContentBodyStart
+                @Limitless::TopNavDropdownContentMenuItem(['title' => 'title', 'subtitle' => 'subtitle', 'icon' => 'icon-pencil3', 'icon-color' => 'primary', 'description' => 'description here', 'sub-description' => 'subdescription'])
+                @Limitless::TopNavDropdownContentMenuItem(['title' => 'title', 'subtitle' => 'subtitle', 'img' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/placeholders/placeholder.jpg', 'description' => 'description here', 'sub-description' => 'subdescription'])
+            @Limitless::TopNavDropdownContentBodyStop
+                @Limitless::TopNavDropdownContentFooterStart(['tooltip-text' => 'test', 'icon' => 'icon-calendar3'])
+            @Limitless::TopNavDropdownContentFooterStop
+        @Limitless::TopNavMenuItemDropdownStop
+
+        @Limitless::TopNavMenuItem
+        @Limitless::TopNavMenuItem
+
+        @Limitless::TopNavMenuItemDropdownStart(['user' => 'User B', 'img' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/placeholders/placeholder.jpg'])
+            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 1'])
+            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 2', 'icon' => 'icon-user-plus', 'badge' => 6])
+            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 3', 'badge' => 5, 'badge-color' => 'green'])
+            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 4', 'icon' => 'icon-switch2'])
+        @Limitless::TopNavMenuItemDropdownStop
+
+    @Limitless::TopNavStop
+
+@stop
+
+
 @section('Limitless::Content')
 
 topnav docs