Skip to content

pbosse/ember-frost-modal

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ember-frost-modal

Dependencies

Ember NPM

Health

Travis Coveralls

Security

bitHound

Ember Observer score

EmberObserver

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 [email protected]: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.

Packages

No packages published

Languages

  • JavaScript 56.8%
  • HTML 36.5%
  • CSS 6.1%
  • Shell 0.6%