Ember-frost-modal NPM

ember-frost-modal

Dependencies

Health

Security

Ember Observer score

Installation

ember install ember-frost-modal

API and Examples

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

Ember-elsewhere

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

Testing with ember-hook

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.

Available hooks (TODO move to documentation)

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>

Development

Setup

git clone git@github.com:ciena-frost/ember-frost-modal.git
cd ember-frost-modal
npm install && bower install

Development Server

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.

Testing

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

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: