ember install ember-frost-modal
Detailed API and example usage can be found in the sample application in tests/dummy, which is also running at http://ciena-frost.github.io/ember-frost-modal
This addon uses the ember-elsewhere to manage the modals, to lift them outside the normal route hiearchy.
ember-perfectscroll effects (TODO effects based off perfectscroll events, but not from perfectscroll)
This gives you styling of header/footer when content is scrolled underneath either element
Styling includes: box shadow plus slight transparency in header/footer to reveal content underneath For more documentation on ember-perfectscroll: perfect-scrollbar
This addon has been optimized for use with ember-hook. You
can set a hook name on your modal template. This will allow you to access the internal modal content
for testing.
- Modal dialog title -
<hook-name>-title - Modal dialog header icon -
<hook-name>-icon - Modal dialog summary div -
<hook-name>-summary - Modal dialog content div -
<hook-name>-content - Modal dialog cancel button -
<hook-name>-cancel - Modal dialog confirm button -
<hook-name>-confirm - Modal dialog action links -
<hook-name>-link-<index>
git clone [email protected]:ciena-frost/ember-frost-modal.git
cd ember-frost-modal
npm install && bower install
A dummy application for development is available under ember-frost-modal/tests/dummy.
To run the server run ember server (or npm start) from the root of the repository and
visit the app at http://localhost:4200.
Run npm test from the root of the project to run linting checks as well as execute the test suite
and output code coverage.
Test helpers are provided at ember-frost-modal/test-support/frost-modal to assist with writing tests for code that uses ember-frost-modal components: