Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

About

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

Resources

License

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published