https://github.com/kaue/bootstrap-modal

Bootstrap Modal (w/ animation) addon for Ember CLI
https://github.com/kaue/bootstrap-modal

Last synced: 2 days ago
JSON representation

Bootstrap Modal (w/ animation) addon for Ember CLI

• Host: GitHub
• URL: https://github.com/kaue/bootstrap-modal
• Owner: kaue
• License: mit
• Created: 2015-12-23T18:24:35.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-12-23T18:25:31.000Z (about 9 years ago)
• Last Synced: 2024-11-21T08:32:06.713Z (2 months ago)
• Language: JavaScript
• Homepage:
• Size: 18.6 KB
• Stars: 1
• Watchers: 1
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# bootstrap-modal

Bootstrap Modal (w/ animation) addon for Ember CLI

[![Build Status](https://travis-ci.org/knownasilya/bootstrap-modal.svg)](https://travis-ci.org/knownasilya/bootstrap-modal)

[![Ember Observer Score](http://emberobserver.com/badges/bootstrap-modal.svg)](http://emberobserver.com/addons/bootstrap-modal)

## Usage

### Installation

```no-highlight

ember install bootstrap-modal

```

### Using

Usually you will want to create custom components based on this component, since

every ones needs are different. The following is a simple example of what you can do.

```hbs

{{#if showModal}}

  {{#with (action 'toggleShowModal') as |toggle|}}

    {{#bootstrap-modal close=(action toggle) closeOnOverlayClick=true}}

      


        

          ×

        

        
Test

      


      


        Content Here

      


      


        

          Close

        

      

    {{/bootstrap-modal}}

  {{/with}

{{/if}}

```


The `toggleShowModal` is an action that toggles the `showModal` boolean.

If you have your own `app/transitions.js`, then you will need to add the modal transition

like the example below, otherwise, the transition should just work.

```js

// app/transitions.js

import defaultTransition from 'bootstrap-modal/utils/default-transition';

export default function () {

  // bootstrap-modal transition

  defaultTransition(this);

  // other transitions here..

}

```

## Developing

Follow the steps below to start the dummy app, and work on contributing

to this addon.

### Installation

* `git clone` this repository

* `npm install`

* `bower install`

### Running

* `ember server`

* Visit your app at http://localhost:4200.

### Running Tests

* `npm test` (Runs `ember try:testall` to test your addon against multiple Ember versions)

* `ember test`

* `ember test --server`

### Building

* `ember build`

For more information on using ember-cli, visit [http://www.ember-cli.com/](http://www.ember-cli.com/).