ember-bootstrap-controls

Ember bootstrap form components.


Keywords
ember-addon, ember, bootstrap
License
MIT
Install
npm install ember-bootstrap-controls@3.0.3

Documentation

WildlandUX is a library for quickly creating EmberJS forms that utilize the Bootstrap4 form and input styles and HTML — it includes accessiblity.

This README outlines the details of using and collaborating on this Ember addon.

Checkout our Releases or Changelog for what has changed.

Here's a list of all the people who have contributed to the development of this library.

Installation

Upgrading instead of Installing? Head over to our upgrade instructions.

Run ember install @wildland-labs/ember-bootstrap-controls to install this add-on.

Upgrade Instructions

v1.X.X -> v2.0.0

  • bootstrap-input-mask mask attribute definitions:
    • 9 : numeric
    • a : alphabetical
    • * : alphanumeric
  • bootstrap-currency-input
    • prefix : '$'
  • Docs - ember-inputmask

Example:

v1.x.x

ssnMask = [/[0-9]/, /\d/, /\d/, '-', /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/];

v2.0.0

ssnMask = '999-99-9999';

0.18.1 -> v1.0.0-alpha.x

  • Updated to bootstrap 4, still an alpha release, public API/class names are subject to change before a 1.0 release.

0.14.0 -> 0.15.0

  • keyPress, keyDown, keyUp events were all renamed to key-press, key-down, and key-up respectively. This was to prevent it from conflicting with Ember.Component keyPress, keyDown, and keyUp events. An assert is thrown to help the developer identify and fix these issues, but it is further recommeneded to do a project find, and replace where used.

0.X -> 0.14.0

This version is likely not backwards compatible with ember-cli < 2.11.0 and ember-cli-htmlbars < 1.1.1

If you need to support a version less than one of these, please use 0.11.x instead.

  • Find the ember-bootstrap-controls in your package.json which can be found in the root ember directory and update the version to the latest release.
  • Run npm install
  • Move into your root ember directory and run ember g ember-bootstrap-controls

Usage

See the live documentation.

Freestyle

If you are running ember-freestyle then you can add the following component to get a {{freestyle-section}} that contains all of this library's components.

{{#freestyle-guide
...
  {{ember-bootstrap-controls-freestyle}}
...
{{/freestyle-guide}}

Running

To run the dummy app, from the root directory, simply run npm install then npm start. You'll then find the style-guide application at http://localhost:4200.

Troubleshooting

  • Node Sass does not yet support your current environment => npm rebuild node-sass

Deploying Documentation

Run npm run deploy-documentation

Running Tests

Browser

  • npm start
  • localhost:4200/tests

Cli

  • npm test

For more information on using ember-cli, visit https://ember-cli.com/.

License

This project is licensed under the MIT License.