Le Bootstrap Modal

Bootstrap Modal (w/animation) addon pour Ember CLI

Build Status Ember Observer Score

Utilisation

Installation

ember install bootstrap-modal

Utiliser

En général, vous voulez créer des composants personnalisés sur la base de ce composant, car Chaque besoin est différent.La suivante est un simple exemple de ce que vous pouvez faire.

{{#if showModal}}
  {{#with (action 'toggleShowModal') as |toggle|}}
    {{#bootstrap-modal close=(action toggle) closeOnOverlayClick=true}}
      <div class="modal-header">
        <button type="button" class="close" aria-label="Close" {{action toggle}}>
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">Test</h4>
      </div>

      <div class="modal-body">
        Content Here
      </div>

      <div class="modal-footer">
        <button type="button" class="btn btn-primary" {{action toggle}}>
          Close
        </button>
      </div>
    {{/bootstrap-modal}}
  {{/with}
{{/if}}

LetoggleShowModalC’est une action qui tient compte deshowModalLe boolean.

Si vous avez votre propreapp/transitions.jsEnsuite, vous devrez ajouter la transition modale. Comme l'exemple ci-dessous, sinon, la transition devrait juste fonctionner.

// app/transitions.js

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

export default function () {
  // bootstrap-modal transition
  defaultTransition(this);

  // other transitions here..
}

Développement

Suivez les étapes ci-dessous pour démarrer l’application Dummy, et travaillez sur la contribution à ce addon.

Installation

  • git cloneCe repository
  • npm install
  • bower install

courir

  • ember server
  • Visitez votre application à http://localhost:4200.

Tests à courir

  • npm test(Les coursesember try:testallpour tester votre addon contre plusieurs versions Ember)
  • ember test
  • ember test --server

bâtiments

  • ember build

Pour plus d'informations sur l'utilisation de ember-cli, visitezHTTP://www.ember-cli.com/.