1.0.0 • Published 7 years ago

angular-secret-click v1.0.0

Weekly downloads
3
License
MIT
Repository
github
Last release
7 years ago

NPM Version Build Status Dependency Status Dev Dependency Status

Angular Secret Click

Trigger an event after being clicked N number of times. It's similar to how you enabling developer options on Android (https://developer.android.com/studio/debug/dev-options).

Installation

npm install angular-secret-click --save

Once installed, you need to import the module and list the imported module in your application module:

import { SecretClickModule } from 'angular-secret-click';

@NgModule({
  declarations: [
    AppComponent,
    ...
  ],
  imports: [
    SecretClickModule,
    ...
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

Usage

Add the jlSecretClick directive to your element and any events you need to listen to.

<button
  type="button"
  jlSecretClick
  (jlSecretProgress)="onProgress($event)"
  (jlSecretReset)="onReset()"
  (jlSecretComplete)="onComplete()">
  Click me to reveal secrets!
</button>

Inputs

jlSecretClick accepts an optional object with the following properties:

NameDescriptionTypeDefault
targetNumber of clicks before complete is triggered.number7
thresholdNumber of milliseconds until reset is trigger.number1000

Outputs

NameDescriptionData
jlSecretProgressEmitted on any click event, until the target is reached.number
jlSecretResetEmitted on reset, after the threshold has been hit.n/a
jlSecretCompleteEmitted when the target has been reached.n/a
1.0.0

7 years ago