Nothing Prevents Misery

    ember-text-mask-addons

    5.0.1 • Public • Published

    Ember-text-mask-addons

    This Ember-cli addon provides a set of ready-to-use pipes and masks that can be used with Ember-text-mask.

    • Masks

      • numberMask
      • emailMask
    • Pipes

      • autoCorrectedDatePipe

    Installation

    ember install ember-text-mask-addons

    Usage

    Components

    The addon provides Ember components that can be used directly in templates.

    {{number-mask}}
     
    {{email-mask}}
     
    {{auto-corrected-date-pipe}}

    Importing the masks and pipes

    You can also import the masks or pipes and use them with the {{masked-input}} component provided by Ember-text-mask.

    emailMask

    To import and use the emailMask:

    import { emailMask } from 'ember-text-mask-addons';
     
    // ... do something with the emailMask

    If you wanted to use the emailMask with the {{masked-input}} component, you would do this:

    import Ember from 'ember';
    import { emailMask } from 'ember-text-mask-addons';
     
    export default Ember.Controller.extend({
      emailMask: emailMask
    });
    {{masked-input mask=emailMask}}

    createNumberMask

    You can use the createNumberMask() method to create a numberMask.

    import Ember from 'ember';
    import { createNumberMask } from 'ember-text-mask-addons';
     
    export default Ember.Controller.extend({
      numberMask: createNumberMask()
    });

    Then you can use the numberMask with the {{masked-input}} component.

    {{masked-input mask=numberMask}}

    createAutoCorrectedDatePipe

    You can use the createAutoCorrectedDatePipe() method to create an autoCorrectedDatePipe.

    import Ember from 'ember';
    import { createAutoCorrectedDatePipe } from 'ember-text-mask-addons';
     
    export default Ember.Controller.extend({
      autoCorrectedDatePipe: createAutoCorrectedDatePipe('mm/dd/yyyy')
    });

    Then you can use the autoCorrectedDatePipe with the {{masked-input}} component.

    {{masked-input pipe=autoCorrectedDatePipe}}

    Documentation

    See Text Mask Addons for more information and usage instructions.

    For more information about the attributes that the {{masked-input}} component accepts, see the documentation here.

    Example

    To see an example of the code running, follow these steps:

    • Clone the repo, git clone git@github.com:text-mask/ember-text-mask-addons.git
    • cd ember-text-mask-addons
    • npm install
    • bower install
    • ember server
    • Open http://localhost:4200

    License

    Public domain - CC0 1.0 Universal

    Install

    npm i ember-text-mask-addons

    DownloadsWeekly Downloads

    360

    Version

    5.0.1

    License

    CC0-1.0

    Unpacked Size

    9.36 kB

    Total Files

    13

    Last publish

    Collaborators

    • lozjackson