eucledian-adminlte
eucledian-adminlte
is a implementation of the AdminLTE theme for Ember
with some extra flair for forms and views
Requirements
- Ember >= 2.15.0
- Ember CLI
ember-cli-sass
ember-bootstrap
Installation
- ember-cli >= 2.15
ember install eucledian-adminlte
This package installs the following dependencies:
ember-font-awesome
ember-cp-validations
ember-i18n
ember-i18n-cp-validations
ember-pikaday
ember-power-select
ember-toggle
Usage
body
css classes for adminlte
1. Setup add sidebar-mini
and skin-<color-of-list>
to setup base body
tags
<body class="skin-blue sidebar-mini">{{content-for "body"}}
AdminLTE
Styles in app.scss
2. Import
{{lte-navigation}}
component in your base route
3. Add {{#lte-navigation outlet=outlet logoRoute=logoRoute logoUrl=logoUrl currentUser=currentUser onLogout=(action onLogout) as |navigation|}} {{navigation.link icon=icon label=label link=link}}{{/lte-navigation}}
Component options and settings
logoRoute
: route ofa
tag surrounding logo imagelogoUrl
: URL source forimg
for header logocurrentUser
: Name of logged in useronLogout
: logout action - NOTE: this action must be sent to component
(Optional) 4. Set your routes
{{navigation.link icon=icon label=label link=link}}
Component options and settings
link
: route ofa
tagicon
:FontAwesome
icon to displaylabel
: Name to display in link
Available skins
skin-blue
skin-blue-light
skin-yellow
skin-yellow-light
skin-green
skin-green-light
skin-purple
skin-purple-light
skin-red
skin-red-light
skin-black
skin-black-light
Development
git clone
this repositorynpm install
ember server
- Visit your app at http://localhost:4200.
Running Tests
ember test
ember test --server
Building
-
ember build
For more information on using ember-cli, visit https://ember-cli.com/.