websecret/panel

Admin panel

Laravel 5 admin panel template

Installation

This package is very easy to set up. There are only couple of steps., _(*1)

Composer

Pull this package in through Composer (file composer.json)., _(*2)

{
    "require": {
        "websecret/panel": "dev-master"
    }
}

Run this command inside your terminal., _(*3)

composer update

Service Provider

Add the package to your application service providers in config/app.php file., _(*4)

'providers' => [
    Websecret\Panel\PanelServiceProvider::class,
    Spatie\Glide\GlideServiceProvider::class,
],

'aliases' => [
    'FormHelper' => Websecret\Panel\FormHelperFacade::class,
    'GlideImage' => Spatie\Glide\GlideImageFacade::class,
],

Views, Assets, Models

Publish the package views and assets to your application. Run these commands inside your terminal., _(*5)

php artisan vendor:publish --provider="Websecret\Panel\PanelServiceProvider" --tag=config
php artisan vendor:publish --provider="Websecret\Panel\PanelServiceProvider" --tag=migrations
php artisan vendor:publish --provider="Websecret\Panel\PanelServiceProvider" --tag=models
php artisan vendor:publish --provider="Websecret\Panel\PanelServiceProvider" --tag=commands
php artisan vendor:publish --provider="Websecret\Panel\PanelServiceProvider" --tag=views
php artisan vendor:publish --provider="Websecret\Panel\PanelServiceProvider" --tag=assets
php artisan vendor:publish --provider="Spatie\Glide\GlideServiceProvider"

Use --force to overwrite files, _(*6)

Usage

Helpers.js

Classes

.js_panel_form-ajax - forms will be submited by AJAX. U can use .js_panel_form-ajax-redirect to redirect on repsonse data.link page, _(*7)

.js_panel_delete - attach prompt (y/n) popup on delete action. U can use js_panel_delete-table-row or data-delete. Default deleting parent element, _(*8)

.js_panel_input-date - use for init bootsrap datepicker on input, _(*9)

.js_panel_input-time - use for init bootstrap timicker on input, _(*10)

.js_panel_input-mask - use for init mask on input via input data-mask attribute, _(*11)

.js_panel_input-phone - working same as .js_panel_input-mask. Mask is '+375 (99) 999-99-99', _(*12)

.js_panel_input-chosen - use it on selects to init chosen, _(*13)

.js_panel_input-select2 - use it on selects to init, _(*14)

.js_panel_input-redactor - use it to init redactor.js wysiwyg, _(*15)

.js_panel_datatable - use it to init Datatables. Use data-datatable-order ('asc', 'desc', false) on thead th to set column order. Use data-datatable-search (true, false) on thead th to set column searching., _(*16)

Functions

showNotification(text, title, type), _(*17)

Events

panel-form-ajax-submitted, _(*18)

panel-form-ajax-error, _(*19)

panel-form-ajax-success, _(*20)

panel-multiple-added, _(*21)

panel-multiple-removed, _(*22)

panel-addable-exists-click, _(*23)

Helpers.less

.td-actions - set row min width and remove text wrap, _(*24)

.mb-5 - .mb-25 - use to add margin-bottom, _(*25)