Laravel Dashboard Demo sample code

breadcrumbs.php

<?php

app('breadcrumbs')->register('home', function (\DaveJamesMiller\Breadcrumbs\Generator $br) {
    $br->push('Home', route('home'));
});

app('breadcrumbs')->register('config', function (\DaveJamesMiller\Breadcrumbs\Generator $br) {
    $br->parent('home');
    $br->push('Configuration', route('config'));
});

app('breadcrumbs')->register('sidebar', function (\DaveJamesMiller\Breadcrumbs\Generator $br) {
    $br->parent('home');
    $br->push('Sidebar Menu', route('sidebar'));
});

app('breadcrumbs')->register('alert', function (\DaveJamesMiller\Breadcrumbs\Generator $br) {
    $br->parent('home');
    $br->push('Alert Messages', route('alert'));
});

app('breadcrumbs')->register('breadcrumbs', function (\DaveJamesMiller\Breadcrumbs\Generator $br) {
    $br->parent('home');
    $br->push('Breadcrumbs', route('breadcrumbs'));
});

app('breadcrumbs')->register('customise.index', function (\DaveJamesMiller\Breadcrumbs\Generator $br) {
    $br->parent('home');
    $br->push('View Customization', route('customise.index'));
});

app('breadcrumbs')->register('customise.logo', function (\DaveJamesMiller\Breadcrumbs\Generator $br) {
    $br->parent('customise.index');
    $br->push('Logo', route('customise.logo'));
});

app('breadcrumbs')->register('customise.topbar', function (\DaveJamesMiller\Breadcrumbs\Generator $br) {
    $br->parent('customise.index');
    $br->push('Top bar', route('customise.topbar'));
});

app('breadcrumbs')->register('customise.sidebar', function (\DaveJamesMiller\Breadcrumbs\Generator $br) {
    $br->parent('customise.index');
    $br->push('Sidebar', route('customise.sidebar'));
});

app('breadcrumbs')->register('customise.control-sidebar', function (\DaveJamesMiller\Breadcrumbs\Generator $br) {
    $br->parent('customise.index');
    $br->push('Control Sidebar', route('customise.control-sidebar'));
});

app('breadcrumbs')->register('customise.footer', function (\DaveJamesMiller\Breadcrumbs\Generator $br) {
    $br->parent('customise.index');
    $br->push('Footer', route('customise.footer'));
});

app('breadcrumbs')->register('customise.assets', function (\DaveJamesMiller\Breadcrumbs\Generator $br) {
    $br->parent('customise.index');
    $br->push('Assets');
});

app('breadcrumbs')->register('customise.assets.head', function (\DaveJamesMiller\Breadcrumbs\Generator $br) {
    $br->parent('customise.assets');
    $br->push('Header', route('customise.assets.head'));
});

app('breadcrumbs')->register('customise.assets.foot', function (\DaveJamesMiller\Breadcrumbs\Generator $br) {
    $br->parent('customise.assets');
    $br->push('Footer', route('customise.assets.foot'));
});

control_sidebar.blade.php

<div class="tab-content">
    <div class="tab-pane active" id="control-sidebar-home-tab">
        <h3 class="control-sidebar-heading">Recent Activity</h3>
        <ul class="control-sidebar-menu">
            <li>
                <a href="#">
                    <i class="menu-icon fa fa-birthday-cake bg-red"></i>

                    <div class="menu-info">
                        <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>

                        <p>Will be 23 on April 24th</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="menu-icon fa fa-user bg-yellow"></i>

                    <div class="menu-info">
                        <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>

                        <p>New phone +1(800)555-1234</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>

                    <div class="menu-info">
                        <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>

                        <p>[email protected]</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="menu-icon fa fa-file-code-o bg-green"></i>

                    <div class="menu-info">
                        <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>

                        <p>Execution time 5 seconds</p>
                    </div>
                </a>
            </li>
        </ul>
        <!-- /.control-sidebar-menu -->

        <h3 class="control-sidebar-heading">Tasks Progress</h3>
        <ul class="control-sidebar-menu">
            <li>
                <a href="#">
                    <h4 class="control-sidebar-subheading">
                        Custom Template Design
                        <span class="label label-danger pull-right">70%</span>
                    </h4>

                    <div class="progress progress-xxs">
                        <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <h4 class="control-sidebar-subheading">
                        Update Resume
                        <span class="label label-success pull-right">95%</span>
                    </h4>

                    <div class="progress progress-xxs">
                        <div class="progress-bar progress-bar-success" style="width: 95%"></div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <h4 class="control-sidebar-subheading">
                        Laravel Integration
                        <span class="label label-warning pull-right">50%</span>
                    </h4>

                    <div class="progress progress-xxs">
                        <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <h4 class="control-sidebar-subheading">
                        Back End Framework
                        <span class="label label-primary pull-right">68%</span>
                    </h4>

                    <div class="progress progress-xxs">
                        <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
                    </div>
                </a>
            </li>
        </ul>
        <!-- /.control-sidebar-menu -->

    </div>
</div>

Dashboard.php

<?php

namespace App\Http\Middleware;

use Closure;

class Dashboard
{
    /**
     * Handle an incoming request.
     *
     * @param  \Illuminate\Http\Request $request
     * @param  \Closure                 $next
     *
     * @return mixed
     */
    public function handle($request, Closure $next)
    {
        $this->registerSidebarMenu();

        return $next($request);
    }

    protected function registerSidebarMenu()
    {
        $menu = app('laravel_dashboard')->getSidebarMenu();

        $assetSubMenu = app('menu.manager')->createMenu('Custom assets')
            ->addLink('Assets in the header', ['route' => 'customise.assets.head'], ['before' => '<i class="fa fa-circle-o"></i>'])
            ->addLink('Assets in the footer', ['route' => 'customise.assets.foot'], ['before' => '<i class="fa fa-circle-o"></i>']);

        $cusSubMenu = app('menu.manager')->createMenu('View Customization')
            ->addLink('General', ['route' => 'customise.index'], ['before' => '<i class="fa fa-circle-o"></i>'])
            ->addLink('Logo', ['route' => 'customise.logo'], ['before' => '<i class="fa fa-circle-o"></i>'])
            ->addLink('Top bar', ['route' => 'customise.topbar'], ['before' => '<i class="fa fa-circle-o"></i>'])
            ->addLink('Sidebar', ['route' => 'customise.sidebar'], ['before' => '<i class="fa fa-circle-o"></i>'])
            ->addLink('Control Sidebar', ['route' => 'customise.control-sidebar'],
                ['before' => '<i class="fa fa-circle-o"></i>'])
            ->addLink('Footer', ['route' => 'customise.footer'], ['before' => '<i class="fa fa-circle-o"></i>'])
            ->addSubMenu($assetSubMenu, ['before' => '<i class="fa fa-asterisk"></i>', 'url_def' => ['route_pattern' => 'customise.assets.*']]);

        $menu->setLabel('Main Sidebar')
            ->addLink('Introduction', ['route' => 'home'], ['before' => '<i class="fa fa-home"></i>'])
            ->addLink('Configuration', ['route' => 'config'], ['before' => '<i class="fa fa-cog"></i>'])
            ->addLink('Sidebar Menu', ['route' => 'sidebar'], ['before' => '<i class="fa fa-book"></i>'])
            ->addLink('Alert Messages', ['route' => 'alert'], ['before' => '<i class="fa fa-bell"></i>'])
            ->addLink('Breadcrumbs', ['route' => 'breadcrumbs'], ['before' => '<i class="fa fa-bookmark"></i>'])
            ->addSubMenu($cusSubMenu, ['before' => '<i class="fa fa-street-view"></i>', 'url_def' => ['route_pattern' => 'customise.*']])
            ->addLink('GitHub', ['to' => 'https://github.com/letrunghieu/laravel-dashboard'],
                ['before' => '<i class="fa fa-github"></i>']);
    }
}

logo.blade.php

<a href="{{ url('/') }}" class="logo">
    <!-- mini logo for sidebar mini 50x50 pixels -->
    <span class="logo-mini"><b>L</b>D</span>
    <!-- logo for regular state and mobile devices -->
    <span class="logo-lg"><b>Laravel</b>Dashboard</span>
</a>

main_sidebar.blade.php

{!! app(\HieuLe\LaravelDashboard\Dashboard::PLUGIN_NAME)->getSidebarMenu()->render([], \HieuLe\LaravelDashboard\Dashboard::PLUGIN_NAME. '::main_sidebar.master_menu') !!}

top_nav.blade.php

<ul class="nav navbar-nav">
    <li>
        <a href="#">Link 1</a>
    </li>
    <li>
        <a href="#">Link 2</a>
    </li>
</ul>
<ul class="nav navbar-nav navbar-right">
    <li>
        <a href="#">Link 3</a>
    </li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            Dropdown
            <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
        </ul>
    </li>
</ul>