Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/baorv/l5-tabler

Tabler admin template for Laravel 5
https://github.com/baorv/l5-tabler

admin laravel tabler template

Last synced: about 2 months ago
JSON representation

Tabler admin template for Laravel 5

Awesome Lists containing this project

README

        

# l5-tabler

![Tabler preview](preview.png)

Tabler admin template for Laravel 5

## Installation

Run composer for installing package:

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

Or add package name to require section:

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

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

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

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

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

```php
add('Home');
$menu->add('About', 'about');
$menu->add('Services', 'services');
$menu->add('Contact', 'contact');
});

return $next($request);
}
}
```

Add a middleware to the middleware list

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

Publish all assets, views and others to continue.

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

## Usage

Create authentication pages

```php
php artisan make:tabler
```

In your view, you can extends from layout
```blade
@extends('tabler::layouts.main')
@push('scripts')
@endpush
@push('styles')
@endpush
@section('content')
@stop
```
To use tabler plugins, such as: [charts](https://tabler.io/tabler/charts.html), [maps](https://tabler.io/tabler/maps.html). You can inject javascript and stylesheet to two [stacks](https://laravel.com/docs/5.7/blade#stacks)

```blade
@extends('tabler::layouts.main')
@push('scripts')


require(['c3', 'jquery'], function (c3, $) {
$(document).ready(function () {
var chart = c3.generate({
bindto: '#chart-employment',
data: {
...
}
});
});
});

@endpush
@push('styles')

@endpush

@section('content')








Employment Growth











@stop
```

## Customization

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

```php
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`

## Documentation

For full documentation, visit [tabler.github.io/tabler/docs](https://tabler.github.io/tabler/docs/index.html).

## LICENSE

This project is licensed under the [MIT License](LICENSE).

## Issues

If you have any issue, please [create new issue](https://github.com/roanvanbao/l5-tabler/issues/new)

## Contributors

## Todo