Download the PHP package bag/admin-panel-skeleton without Composer
On this page you can find all versions of the php package bag/admin-panel-skeleton. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Informations about the package admin-panel-skeleton
AdminSkeleton
A admin panel skeleton template. Comes with 4 built-in menus and javascript to handle opening and closing of menus.
Getting Started
Using Composer
Cloning the Repo
To get started clone this repo somewhere in your project.
Customizing the CSS
AdminSkeleton uses SASS, to customize the look and feel just override any of the settings found in css/src/_setup.scss
and include the main.scss
file found in the same directory.
Then build the final css.
Setting up Your HTML
Include the skeleton's CSS file or include it in your build.
Include the javascript.
AdminSkeleton also includes require js copies of the javascript skeleton-requirejs.js
and skeleton-requirejs.min.js
I plan to bundle a custom build of bglib into it to make it a single javascript file.
Rendering in PHP
If you installed the admin panel skeleton via Composer you will just need to call the static render method on the AdminPanelSkeleton
class.
If you installed the admin panel by either downloading a zip file or cloning the repo you need to render the php/skeleton.html.php
template file manually or include the class file manually. You will also need to have a $data
variable set in the current context with an associative array containing the templates configuration options.
If the $data
variable conflicts with one in your project you can wrap everything up in a function.
Template Configuration Options
Name | Type | Description |
---|---|---|
title | String | Page header title |
version | String | System version string/HTML, bottom of main menu |
mainMenu | Array | * An array representing a menu |
headerMenu | Array | * An array representing a menu |
memberLabel | String | A label for the header's dropdown menu, usually a member |
memberImage | String | A image for the header's dropdown menu, usually a member photo or avatar |
lockIcon | Bool | Whether or not to show the lock icon when the main menu doesn't exists, useful for login pages |
hideEmptyHeader | Bool | Whether or not to show output header if empty when true |
mainMenuState | Bool | Where or not the main page menu is open (true) or closed (false) |
appMenuState | Bool | Where or not the app page menu is open (true) or closed (false) |
headerMenuState | Bool | Where or not the header page menu is open (true) or closed (false) |
sideMenuState | Bool | Where or not the header page menu is open (true) or closed (false) |
mainMenuIcon | Bool | Main menu svg icon |
mainMenuLockIcon | Bool | Main menu lock svg icon |
appMenuIcon | Bool | App menu svg icon |
headerMenuIcon | Bool | Header menu svg icon |
sideMenuIcon | Bool | Side menu svg icon |
content | Array | + Array containing content for various parts of the page |
* Menus
- name - the menu name
- links - the menu links
- text
- url
- urlNewWindow
- icon
- image
- active
- specialContent
- toggle
- links
- toggleIcon - svg toggle icon
+ Content
- page
- header
- headerMenu
- mainMenu
- sideMenu
- appMenu
- topToolbar
- bottomToolbar