changhuixu / uiowa-mfk-project

Angular module for UIowa MFK input, favorite MFK, MFK string, etc...

UIowa Mfk

uiowa-mfk is a full-fledged Angular library for MFK input. Based on this library, the demo app shows some common configurations of MFK inputs, validations, and Favorite MFK management. This library has peer dependency on Angular >=12 and @uiowa/digit-only, as of Nov, 2021. The version number of this library is following the major and minor version of Angular.

Demo

Features

• uiowa-mfk-input

  1. Number only input fields with fixed lengths.
  2. Smartly handle paste strings for input fields.
  3. Auto fill 0s in the MFK input field when hit Tab key.
  4. Auto jump to the previous field in the MFK input component when hit Backspace key.
  5. Auto focus next fields when current MFK input field is full.
  6. Allow set field(s) default value(s).
  7. Allow set readonly field(s).
  8. Provide MFK common methods.
  9. Provide MFK validation method and service.
  10. Provide MFK change event API.

• uiowa-mfk-string

  1. Show MFK string in a <span> tag.
  2. Auto detect BRF field in the string.

• mfkString pipe and whoKeyString pipe

Other possible features

• uiowa-favorite-mfk

  1. Select Favorite MFK and show it in MFK input.
  2. Clear MFK input.
  3. Real-time indication for determine if an MFK is "favorite" or not.
  4. Add/Remove Favorite MFK.
  5. Provide Favorite MFK common methods.
  6. Provide Favorite MFK crud service.
  7. Provide Favorite MFKs change event API.

• split-cost

  1. Allow to add one or more MFKs and set their percentages.
  2. Allow to edit/delete MFKs and their percentages.
  3. Check if the total percentage is 100%.