SERV-2286 - created topnav elements WIP

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

@@ -22,7 +22,7 @@
 @stop
 
 @section('Limitless::TopBarContent')
-
+    @Limitless::TopNavStart
 @stop
 
 @section('Limitless::SidebarContent')

src/Views/Limitless/Topnav/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\Topnav;
+
+
+/*
+|------------------------------------------------------------------------------------------------
+| Dependencies
+|------------------------------------------------------------------------------------------------
+*/
+use View;
+
+
+/*
+|------------------------------------------------------------------------------------------------
+| Class "Config"
+|------------------------------------------------------------------------------------------------
+*/
+class Config
+{
+    public $methodAllocation = [
+        'Limitless::TopNavStart' => 'topNavStart',
+        'Limitless::TopNavStop' => 'topNavStop',
+    ];
+
+    public $assetAllocation;
+
+    public function __construct()
+    {
+        $this->assetAllocation = [
+            'Limitless::TopNavStart' => [
+                'topnav.js'
+            ]
+        ];
+    }
+
+
+    /*
+    |--------------------------------------------------------------------------------------------
+    | Method "topNavStart"
+    |--------------------------------------------------------------------------------------------
+    */
+    public function topNavStart($right)
+    {
+        return View('Limitless::Topnav.TopNavStart')
+            ->withRight( ($right ?? false) );
+
+    }
+
+
+    /*
+    |--------------------------------------------------------------------------------------------
+    | Method "topNavStop"
+    |--------------------------------------------------------------------------------------------
+    */
+    public function topNavStop()
+    {
+        return View('Limitless::Topnav.TopNavStop');
+
+    }
+
+}
+
+
+

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

+{{-- Layout Reference --}}
+@extends('Limitless::Help.Layout.Master')
+
+@section('Limitless::Content')
+
+topnav docs
+
+@stop

src/Views/Limitless/Topnav/TopNavMenuItem.blade.php

+<li class="nav-item">
+    <a href="{{ $link }}" class="navbar-nav-link">
+        {{ $title }}
+    </a>
+</li>
\ No newline at end of file

src/Views/Limitless/Topnav/TopNavMenuItemDropdownContentFooterStop.php

+</div>

src/Views/Limitless/Topnav/TopNavMenuItemDropdownContentStart.blade.php

+<li class="nav-item dropdown">
+    <a href="#" class="navbar-nav-link dropdown-toggle caret-0" data-toggle="dropdown">
+        <i class="icon-git-compare"></i>
+        <span class="d-md-none ml-2">Git updates</span>
+        <span class="badge badge-pill bg-warning-400 ml-auto ml-md-0">9</span>
+    </a>
+    <div class="dropdown-menu dropdown-content wmin-md-350">
+        <div class="dropdown-content-header">
+            <span class="font-weight-semibold">Git updates</span>
+            <a href="#" class="text-default"><i class="icon-sync"></i></a>
+        </div>
+        <div class="dropdown-content-body dropdown-scrollable">
+            <ul class="media-list">
+                <li class="media">
+                    <div class="mr-3">
+                        <a href="#" class="btn bg-transparent border-blue-300 text-blue-300 rounded-round border-2 btn-icon"><i class="icon-git-pull-request"></i></a>
+                    </div>
+                    <div class="media-body">
+                        Drop the IE <a href="#">specific hacks</a> for temporal inputs
+                        <div class="text-muted font-size-sm">4 minutes ago</div>
+                    </div>
+                </li>
+                <li class="media">
+                    <div class="mr-3">
+                        <a href="#" class="btn bg-transparent border-orange-300 text-orange-300 rounded-round border-2 btn-icon"><i class="icon-git-commit"></i></a>
+                    </div>
+                    <div class="media-body">
+                        Add full font overrides for popovers and tooltips
+                        <div class="text-muted font-size-sm">36 minutes ago</div>
+                    </div>
+                </li>
+                <li class="media">
+                    <div class="mr-3">
+                        <a href="#" class="btn bg-transparent border-green text-green rounded-round border-2 btn-icon"><i class="icon-git-branch"></i></a>
+                    </div>
+                    <div class="media-body">
+                        <a href="#">Chris Arney</a> created a new <span class="font-weight-semibold">Design</span> branch
+                        <div class="text-muted font-size-sm">2 hours ago</div>
+                    </div>
+                </li>
+                <li class="media">
+                    <div class="mr-3">
+                        <a href="#" class="btn bg-transparent border-pink-300 text-pink-300 rounded-round border-2 btn-icon"><i class="icon-git-merge"></i></a>
+                    </div>
+                    <div class="media-body">
+                        <a href="#">Eugene Kopyov</a> merged <span class="font-weight-semibold">Master</span> and <span class="font-weight-semibold">Dev</span> branches
+                        <div class="text-muted font-size-sm">Dec 18, 18:36</div>
+                    </div>
+                </li>
+                <li class="media">
+                    <div class="mr-3">
+                        <a href="#" class="btn bg-transparent border-blue-300 text-blue-300 rounded-round border-2 btn-icon"><i class="icon-git-pull-request"></i></a>
+                    </div>
+                    <div class="media-body">
+                        Have Carousel ignore keyboard events
+                        <div class="text-muted font-size-sm">Dec 12, 05:46</div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+
+    </div>
+</li>
\ No newline at end of file

src/Views/Limitless/Topnav/TopNavMenuItemDropdownContentStop.php

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

src/Views/Limitless/Topnav/TopNavMenuItemDropdownFooterStart.php

+<div class="dropdown-content-footer">

src/Views/Limitless/Topnav/TopNavMenuItemDropdownMenuStart.blade.php

+<li class="nav-item dropdown">
+    <a href="#" class="navbar-nav-link dropdown-toggle caret-0" data-toggle="dropdown">
+        <i class="icon-git-compare"></i>
+        <span class="d-md-none ml-2">Git updates</span>
+        <span class="badge badge-pill bg-warning-400 ml-auto ml-md-0">9</span>
+    </a>
+    <div class="dropdown-menu dropdown-content wmin-md-350">
+        <div class="dropdown-content-header">
+            <span class="font-weight-semibold">Git updates</span>
+            <a href="#" class="text-default"><i class="icon-sync"></i></a>
+        </div>
+        <div class="dropdown-content-body dropdown-scrollable">
+            <ul class="media-list">
+                <li class="media">
+                    <div class="mr-3">
+                        <a href="#" class="btn bg-transparent border-blue-300 text-blue-300 rounded-round border-2 btn-icon"><i class="icon-git-pull-request"></i></a>
+                    </div>
+                    <div class="media-body">
+                        Drop the IE <a href="#">specific hacks</a> for temporal inputs
+                        <div class="text-muted font-size-sm">4 minutes ago</div>
+                    </div>
+                </li>
+                <li class="media">
+                    <div class="mr-3">
+                        <a href="#" class="btn bg-transparent border-orange-300 text-orange-300 rounded-round border-2 btn-icon"><i class="icon-git-commit"></i></a>
+                    </div>
+                    <div class="media-body">
+                        Add full font overrides for popovers and tooltips
+                        <div class="text-muted font-size-sm">36 minutes ago</div>
+                    </div>
+                </li>
+                <li class="media">
+                    <div class="mr-3">
+                        <a href="#" class="btn bg-transparent border-green text-green rounded-round border-2 btn-icon"><i class="icon-git-branch"></i></a>
+                    </div>
+                    <div class="media-body">
+                        <a href="#">Chris Arney</a> created a new <span class="font-weight-semibold">Design</span> branch
+                        <div class="text-muted font-size-sm">2 hours ago</div>
+                    </div>
+                </li>
+                <li class="media">
+                    <div class="mr-3">
+                        <a href="#" class="btn bg-transparent border-pink-300 text-pink-300 rounded-round border-2 btn-icon"><i class="icon-git-merge"></i></a>
+                    </div>
+                    <div class="media-body">
+                        <a href="#">Eugene Kopyov</a> merged <span class="font-weight-semibold">Master</span> and <span class="font-weight-semibold">Dev</span> branches
+                        <div class="text-muted font-size-sm">Dec 18, 18:36</div>
+                    </div>
+                </li>
+                <li class="media">
+                    <div class="mr-3">
+                        <a href="#" class="btn bg-transparent border-blue-300 text-blue-300 rounded-round border-2 btn-icon"><i class="icon-git-pull-request"></i></a>
+                    </div>
+                    <div class="media-body">
+                        Have Carousel ignore keyboard events
+                        <div class="text-muted font-size-sm">Dec 12, 05:46</div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+
+    </div>
+</li>
\ No newline at end of file

src/Views/Limitless/Topnav/TopNavMenuItemDropdownMenuStop.php

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

src/Views/Limitless/Topnav/TopNavMenuItemSidebarCollapse.php

+<li class="nav-item">
+    <a href="#" class="navbar-nav-link sidebar-control sidebar-main-toggle d-none d-md-block">
+        <i class="icon-paragraph-justify3"></i>
+    </a>
+</li>
\ No newline at end of file

src/Views/Limitless/Topnav/TopNavStart.blade.php

+<ul class="navbar-nav @if($right) ml-xl-auto @endif ">
\ No newline at end of file

src/Views/Limitless/Topnav/TopNavStop.php

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