1.9.1 • Published 7 years ago
eucledian-adminlte v1.9.1
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-sassember-bootstrap
Installation
- ember-cli >= 2.15
ember install eucledian-adminlte
This package installs the following dependencies:
ember-font-awesomeember-cp-validationsember-i18nember-i18n-cp-validationsember-pikadayember-power-selectember-toggle
Usage
1. Setup body css classes for adminlte
add sidebar-mini and skin-<color-of-list> to setup base body tags
<body class="skin-blue sidebar-mini">
{{content-for "body"}}2. Import AdminLTE Styles in app.scss
@import "ember-bootstrap/bootstrap";
@import "eucledian-adminlte/AdminLTE";
@import "eucledian-adminlte/skins/skin-<color-of-list>";3. Add {{lte-navigation}} component in your base route
{{#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 ofatag surrounding logo imagelogoUrl: URL source forimgfor 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 ofatagicon:FontAwesomeicon to displaylabel: Name to display in link
Available skins
skin-blueskin-blue-lightskin-yellowskin-yellow-lightskin-greenskin-green-lightskin-purpleskin-purple-lightskin-redskin-red-lightskin-blackskin-black-light
Development
git clonethis repositorynpm installember server- Visit your app at http://localhost:4200.
Running Tests
ember testember test --server
Building
ember buildFor more information on using ember-cli, visit https://ember-cli.com/.