An Almsaeed's AdminLTE template built for Sleeping Owl's Admin, an administrative interface builder for Laravel 5.
Open a command console, enter your project directory and execute the following command to download the latest stable version of this package:
$ composer require gionnivaleriana/laravel-adminlte:dev-master
This command requires you to have Composer installed globally, as explained in the installation chapter of the Composer documentation.
Then, enable the package by adding the following line in the app/config.php
file of your project:
<?php
// app/config.php
return [
'providers' => [
// ...
GionniValeriana\laravelAdminlte\AdminlteServiceProvider::class
],
// ...
'aliases' => [
// ...
'Adminlte' => GionniValeriana\laravelAdminlte\Adminlte::class,
],
];
To use the package/template overriding the default one by Sleeping Owl, modify the following line in the app/admin.php
file of your project:
The app/admin.php
file is generated during the Sleeping Owl's Admin package installation by the command admin:install
.
<?php
// app/admin.php
return [
// ...
'bladePrefix' => 'adminlte::',
];
Then publish the assets (css, js..) to your public folder with the command
$ php artisan vendor:publish
Add the styles and scripts in the AppServiceProvider
<?php
// app/Providers/AppServiceProvider.php
// ...
public function register() {
// ...
config([
'preload.styles' => [
asset('packages/GionniValeriana/adminlte/bootstrap/css/bootstrap.min.css'),
asset('packages/GionniValeriana/adminlte/plugins/font-awesome/font-awesome.min.css'),
asset('packages/GionniValeriana/adminlte/plugins/ionicons/ionicons.min.css'),
asset('packages/GionniValeriana/adminlte/dist/css/AdminLTE.min.css'),
asset('packages/GionniValeriana/adminlte/dist/css/skins/_all-skins.min.css'),
asset('packages/GionniValeriana/adminlte/plugins/iCheck/flat/blue.css'),
asset('packages/GionniValeriana/adminlte/plugins/morris/morris.css'),
asset('packages/GionniValeriana/adminlte/plugins/datatables/dataTables.bootstrap.css'),
asset('packages/GionniValeriana/adminlte/plugins/jvectormap/jquery-jvectormap-1.2.2.css'),
asset('packages/GionniValeriana/adminlte/plugins/datepicker/datepicker3.css'),
asset('packages/GionniValeriana/adminlte/plugins/daterangepicker/daterangepicker-bs3.css'),
asset('packages/GionniValeriana/adminlte/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css'),
],
'preload.scripts' => [
asset('packages/GionniValeriana/adminlte/plugins/jQuery/jQuery-2.1.3.min.js'),
asset('packages/GionniValeriana/adminlte/bootstrap/js/bootstrap.min.js'),
asset('packages/GionniValeriana/adminlte/plugins/input-mask/jquery.inputmask.js'),
asset('packages/GionniValeriana/adminlte/plugins/input-mask/jquery.inputmask.date.extensions.js'),
asset('packages/GionniValeriana/adminlte/plugins/input-mask/jquery.inputmask.extensions.js'),
asset('packages/GionniValeriana/adminlte/plugins/moment/moment.min.js'),
asset('packages/GionniValeriana/adminlte/plugins/daterangepicker/daterangepicker.js'),
asset('packages/GionniValeriana/adminlte/plugins/colorpicker/bootstrap-colorpicker.min.js'),
asset('packages/GionniValeriana/adminlte/plugins/timepicker/bootstrap-timepicker.min.js'),
asset('packages/GionniValeriana/adminlte/plugins/datatables/jquery.dataTables.js'),
asset('packages/GionniValeriana/adminlte/plugins/datatables/dataTables.bootstrap.js'),
asset('packages/GionniValeriana/adminlte/plugins/slimScroll/jquery.slimscroll.min.js'),
asset('packages/GionniValeriana/adminlte/plugins/iCheck/icheck.min.js'),
asset('packages/GionniValeriana/adminlte/plugins/fastclick/fastclick.min.js'),
],
]);
}
And then load that with Sleeping Owl's bootstrap script
<?php
// app/admin/bootstrap.php
use Illuminate\Support\Facades\Config;
use SleepingOwl\Admin\AssetManager\AssetManager;
$assets = new AssetManager();
foreach (Config::get('preload.styles') as $style) {
$assets->addStyle($style);
}
foreach (Config::get('preload.scripts') as $script) {
$assets->addScript($script);
}
Let's start creating a "Start Page" menu item as described in Sleeping Owl's doc.
// app/admin/menu.php
Admin::menu()->url('/')
->label('Start Page')
->icon('fa-dashboard')
->uses('\App\HTTP\Controllers\AdminController@getIndex');
To view the standard blank page from this package, in \App\HTTP\Controllers\AdminController
the method AdminController::getIndex()
should return this:
// app/Http/Controllers/AdminController.php
class AdminController extends \SleepingOwl\Admin\Controllers\AdminController {
/**
* @return \Illuminate\View\View
*/
public function getIndex() {
return view('adminlte::blank');
}
// ...
To use instead a custom view, let's create a new one in the view folder (default in resources/views
)
// resources/views/customPage.blade.php
@section('innerContent')
<section class="content-header">
<h1>Custom Page</h1>
<ol class="breadcrumb">
<li class="active"><i class="fa fa-dashboard"></i> Home</li>
</ol>
</section>
<section class="content">
// ...
</section>
@stop
Then return it in AdminController::getIndex()
// app/Http/Controllers/AdminController.php
class AdminController extends \SleepingOwl\Admin\Controllers\AdminController {
/**
* @return \Illuminate\View\View
*/
public function getIndex() {
return view('customPage');
}
// ...