Nurturing Palpable Magnificence

    @flubs/ionic4-phone-spinner
    TypeScript icon, indicating that this package has built-in type declarations

    1.1.1 • Public • Published

    ionic4-phone-spinner

    npm npm npm

    Index

    About

    This is a bad phone number picker for Angular 2+ and Ionic 4+.

    Setup

    Install

    Install

    npm i ionic4-phone-spinner --save
    

    Import

    Import within your module

    import {NgModule} from '@angular/core';
    import {IonicModule} from '@ionic/angular';
    
    import {Ionic4PhoneSpinnerModule} from '@flubs/ionic4-phone-spinner';
    
    @NgModule({
      ...
      imports: [
        ...
        IonicModule,
        Ionic4PhoneSpinnerModule,
        ...
      ]
    })
    export class MyBadAppModule {}

    Documentation

    Attributes

    • [number] - The phone number
    • [options] - Customize the lock options (see below)
    • (change) - Emitted when the phone number changes

    Options

    • buttons - List of features to apply to the control buttons (see below)
    • locks - List of features to apply to the lock button (see below)
    • shuffleMilliseconds - Number of milliseconds to wait between digit changes
    • shufflesPerClick - Number of times to change unlocked digits
    • unlocks - List of features to apply to the unlock button (see below)
    Button Options
    • ALLOW_RANDOM_COLORS - Adds additional random colors to buttons.
    • ALLOW_RANDOM_ICONS - Adds additional random icons to buttons.
    • CHANGE_AFTER_UNLOCK_ALL - Change button styles after unlock all.
    • CHANGE_AFTER_LOCK - Change button styles after locking a digit.
    • CHANGE_AFTER_RESTART - Change button styles after restart.
    • CHANGE_AFTER_SHUFFLE - Change button styles after shuffle.
    • CHANGE_AFTER_UNLOCK - Change button styles after unlocking a digit.
    • CHANGE_CONTINUOUSLY - Change button styles constantly and at random.
    • UPDATE_COLOR - When updating button style change the color.
    • UPDATE_FILL - When updating button style change the fill.
    • UPDATE_ICON - When updating button style change the icon.
    • UPDATE_POSITION - When updating button style change the position.
    • UPDATE_SIZE - When updating button style change the size.
    • UPDATE_TEXT - When updating button style change the text.
    Lock Options
    • DIFFERENT - The incorrect digit locks/unlocks on click.
    • IGNORE - Lock/Unlock button sometimes ignores clicks
    • LIAR - Sometimes the lock/unlock is not actually unlocked/locked.
    • ORDER - The locks must be locked in order (left to right).
    • REVERT - Locks/unlocks randomly change state.
    • REVERSE - The locks must be locked in reverse order (right to left).
    • SHUFFLE - Lock toggles after each shuffle.

    Issues

    You're welcome! Are bugs not features? You can submit a pull request or report an issue.

    Demo

    Run

    Go to demo directory Run npm install to get the required packages Run ionic serve to run the demo

    Contributing

    Thanks

    Install

    npm i @flubs/ionic4-phone-spinner

    DownloadsWeekly Downloads

    1

    Version

    1.1.1

    License

    MIT

    Unpacked Size

    519 kB

    Total Files

    49

    Last publish

    Collaborators

    • jrquick