atnic/laravel-admin-lte

Laravel Package for integrating AdminLTE template and this package is Laravel Mix friendly.

Laravel AdminLTE

, _(*1)

Laravel Package for integrating AdminLTE template and this package is Laravel Mix friendly. Currently this package can be integrated easily only on fresh installation., _(*2)

Installation

composer require atnic/laravel-admin-lte

If you are using Laravel 5.5 above skip this step, but if aren't then add this line on config/app.php, on providers, _(*3)

'providers' => [
  ...
  Atnic\AdminLTE\Providers\AppServiceProvider::class,
  ...
]

And then run,, _(*4)

php artisan make:admin-lte

Let's see what we've install. First, make sure that you already ran php artisan migrate command, then do, _(*5)

php artisan serve

Viola! You've running a Laravel site using AdminLTE., _(*6)

For more information on command, _(*7)

php artisan make:admin-lte --help

Usage

This package provides view for auth and app. Take a look at resources/views/layouts/app.blade.php., _(*8)

In this file you can extends global section like user name, avatar, breadcrumbs, and menu., _(*9)

To extends menu add this in app.blade.php, _(*10)

@section('sidebar-menu')
<ul class="sidebar-menu">
  <li class="header">MAIN NAVIGATOR</li>
  <li class="active">
    <a href="{{ route('home') }}">
      <i class="fa fa-home"></i>
      <span>Home</span>
    </a>
  </li>
</ul>
@endsection

To extends breadcrumbs add this, _(*11)

@section('breadcrumbs')
<ol class="breadcrumb">
  <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
  <li class="active">Title</li>
</ol>
@endsection

This package give you free of choice to use any Laravel Package for Menu and Breadcrumb. We recommend spatie/laravel-menu or lavary/laravel-menu, and davejamesmiller/laravel-breadcrumbs., _(*12)

Any new created page should extends this view., _(*13)

@extends('layouts.app')

// Your blade here

Configuration and Views Customization

Config

To publish this package config to your app config run, _(*14)

php artisan vendor:publish --provider="Atnic\AdminLTE\Providers\AppServiceProvider" --tag="config"

Views

To publish this package views so you can customize on your own run, _(*15)

php artisan vendor:publish --provider="Atnic\AdminLTE\Providers\AppServiceProvider" --tag="views"

Next Step

First of all, you should understand how to use Laravel Mix., _(*16)

Make sure package.json has "laravel-mix": "^2.0"., _(*17)

AdminLTE need some package on npm. First you need to run, _(*18)

npm install

Install AdminLTE needed package from npm, _(*19)

npm install --save-dev admin-lte@^2.4 bootstrap-sass fastclick font-awesome icheck ionicons jquery jquery-slimscroll

Run Laravel Mix command, _(*20)

npm run development

or use production minimize output, _(*21)

npm run production

Then have a good look on these files - webpack.mix.js - resources/assets/js/admin-lte.js - resources/assets/js/auth.js - resources/assets/sass/admin-lte.scss - resources/assets/sass/auth.scss, _(*22)

Happy experimenting!, _(*23)