@flubs/ionic4-phone-spinner

ionic4-phone-spinner

Index

• About
• Setup
• Documentation
• Issues
• Contributing

About

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

• Try out the demo to see it in action!
• Checkout my other Ionic/Angular projects: ionic4-tooltips and ionic4-phone-spinner!
• Visit my website for other cool projects!

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

• Check it out here!

Run

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

Contributing

Thanks

• jrquick17