项目作者: baorv

项目描述 :
Tabler admin template for Laravel 5
高级语言: HTML
项目地址: git://github.com/baorv/l5-tabler.git
创建时间: 2018-04-03T13:02:30Z
项目社区:https://github.com/baorv/l5-tabler

开源协议:MIT License

下载


l5-tabler

Tabler preview

Tabler admin template for Laravel 5

Installation

Run composer for installing package:

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

Or add package name to require section:

  1. ...
  2. require: {
  3. ...
  4. "pingecom/l5-tabler":"~1.0.0"
  5. ...
  6. }
  7. ...

If Laravel < 5.5, Add a provider to the list of providers in config/app.php

  1. ...
  2. "providers" => [
  3. ...
  4. '\Pingecom\Tabler\Providers\TablerServiceProvider',
  5. ...
  6. ]
  7. ...

Setup the middleware for menu by create a new middleware named: DefineMenu

You can read more at: https://github.com/lavary/laravel-menu

  1. <?php
  2. namespace App\Http\Middleware;
  3. use Closure;
  4. use Lavary\Menu\Facade as Menu;
  5. class DefineMenus
  6. {
  7. public function handle($request, Closure $next)
  8. {
  9. Menu::make('primary', function ($menu) {
  10. $menu->add('Home');
  11. $menu->add('About', 'about');
  12. $menu->add('Services', 'services');
  13. $menu->add('Contact', 'contact');
  14. });
  15. return $next($request);
  16. }
  17. }

Add a middleware to the middleware list

  1. protected $middlewareGroups = [
  2. 'web' => [
  3. ...,
  4. \App\Http\Middleware\DefineMenus::class,
  5. ],
  6. ...
  7. ]

Publish all assets, views and others to continue.

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

Usage

Create authentication pages

  1. php artisan make:tabler

In your view, you can extends from layout

  1. @extends('tabler::layouts.main')
  2. @push('scripts')
  3. @endpush
  4. @push('styles')
  5. @endpush
  6. @section('content')
  7. @stop

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

  1. @extends('tabler::layouts.main')
  2. @push('scripts')
  3. <script src="{{ asset('admin/assets/plugins/charts-c3/plugin.js') }}"></script>
  4. <script type="text/javascript">
  5. require(['c3', 'jquery'], function (c3, $) {
  6. $(document).ready(function () {
  7. var chart = c3.generate({
  8. bindto: '#chart-employment',
  9. data: {
  10. ...
  11. }
  12. });
  13. });
  14. });
  15. </script>
  16. @endpush
  17. @push('styles')
  18. <link href="{{ asset('admin/assets/plugins/charts-c3/plugin.css') }}" rel="stylesheet"/>
  19. @endpush
  20. @section('content')
  21. <div class="my-3 my-md-5">
  22. <div class="container">
  23. <div class="page-header">
  24. <h1 class="page-title">
  25. Charts
  26. </h1>
  27. </div>
  28. <div class="row row-cards">
  29. <div class="col-lg-6 col-xl-4">
  30. <div class="card">
  31. <div class="card-header">
  32. <h3 class="card-title">Employment Growth</h3>
  33. </div>
  34. <div class="card-body">
  35. <div id="chart-employment" style="height: 16rem"></div>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. @stop

Customization

Open tabler.php in config/tabler.php, you can customize some URL, logo, suffix

  1. return [
  2. 'suffix' => 'Tabler',
  3. 'logo' => 'https://tabler.github.io/tabler/demo/brand/tabler.svg',
  4. 'urls' => [
  5. 'logout' => 'logout',
  6. 'profile' => 'profile',
  7. 'settings' => 'settings',
  8. 'search' => 'search',
  9. 'homepage' => '/',
  10. 'login' => 'login',
  11. 'post-login' => 'login',
  12. 'forgot' => 'password/reset',
  13. 'register' => 'register',
  14. 'post-register' => 'register',
  15. 'post-email' => 'password/email',
  16. 'post-reset' => 'password/reset'
  17. ],
  18. 'footer' => 'Copyright © 2018 Tabler. Theme by codecalm.net All rights reserved.',
  19. 'support' => [
  20. 'search' => false,
  21. 'footer-menu' => false,
  22. ]
  23. ];

Customize views, open resources/views/vendor/tabler to customize
Customize assets, open public/admin/assets

Documentation

For full documentation, visit tabler.github.io/tabler/docs.

LICENSE

This project is licensed under the MIT License.

Issues

If you have any issue, please create new issue

Contributors

Todo