pingecom/l5-tabler

Tabler template for Laravel 5.*

l5-tabler

, _(*1)

Tabler admin template for Laravel 5, _(*2)

Installation

Run composer for installing package:, _(*3)

composer require "pingecom/l5-tabler":"~1.0.0"

Or add package name to require section:, _(*4)

...
require: {
    ...
    "pingecom/l5-tabler":"~1.0.0"
    ...
}
...

If Laravel < 5.5, Add a provider to the list of providers in config/app.php, _(*5)

...
"providers" => [
    ...
    '\Pingecom\Tabler\Providers\TablerServiceProvider',
    ...
]
...

Setup the middleware for menu by create a new middleware named: DefineMenu, _(*6)

You can read more at: https://github.com/lavary/laravel-menu, _(*7)

<?php

namespace App\Http\Middleware;

use Closure;
use Lavary\Menu\Facade as Menu;

class DefineMenus
{
    public function handle($request, Closure $next)
    {
        Menu::make('primary', function ($menu) {
            $menu->add('Home');
            $menu->add('About', 'about');
            $menu->add('Services', 'services');
            $menu->add('Contact', 'contact');
        });

        return $next($request);
    }
}

Add a middleware to the middleware list, _(*8)

protected $middlewareGroups = [
    'web' => [
        ...,
        \App\Http\Middleware\DefineMenus::class,
    ],
    ...
]

Publish all assets, views and others to continue., _(*9)

php artisan vendor:publish --provider="Pingecom\Tabler\Providers\TablerServiceProvider" 

Usage

Create authentication pages, _(*10)

php artisan make:tabler 

In your view, you can extends from layout, _(*11)

@extends('tabler::layouts.main')
@push('scripts')
@endpush
@push('styles')
@endpush
@section('content')
@stop

To use tabler plugins, such as: charts, maps. You can inject javascript and stylesheet to two stacks, _(*12)

@extends('tabler::layouts.main')
@push('scripts')
    
    <script type="text/javascript">
        require(['c3', 'jquery'], function (c3, $) {
            $(document).ready(function () {
                var chart = c3.generate({
                    bindto: '#chart-employment',
                    data: {
                        ...
                    }
                });
            });
        });
    </script>
@endpush
@push('styles')
    <link href="{{ asset('admin/assets/plugins/charts-c3/plugin.css') }}" rel="stylesheet"/>
@endpush

@section('content')



        

            

                

                    Charts
                
            
            

                

                    

                        

                            
Employment Growth
                        
                        

                            

                        
                    
                
            
        
    


@stop   

Customization

Open tabler.php in config/tabler.php, you can customize some URL, logo, suffix, _(*13)

return [
    'suffix' => 'Tabler',
    'logo' => 'https://tabler.github.io/tabler/demo/brand/tabler.svg',
    'urls' => [
        'logout' => 'logout',
        'profile' => 'profile',
        'settings' => 'settings',
        'search' => 'search',
        'homepage' => '/',
        'login' => 'login',
        'post-login' => 'login',
        'forgot' => 'password/reset',
        'register' => 'register',
        'post-register' => 'register',
        'post-email' => 'password/email',
        'post-reset' => 'password/reset'
    ],
    'footer' => 'Copyright © 2018 Tabler. Theme by codecalm.net All rights reserved.',
    'support' => [
        'search' => false,
        'footer-menu' => false,
    ]
];

Customize views, open resources/views/vendor/tabler to customize Customize assets, open public/admin/assets, _(*14)

Documentation

For full documentation, visit tabler.github.io/tabler/docs., _(*15)

LICENSE

This project is licensed under the MIT License., _(*16)

Issues

If you have any issue, please create new issue, _(*17)

Contributors

Todo