ng2-idle is a responding module for idle users in angular applications. This is a rewrite of the ng-idle module; However, if you are using Angular 1, you should use this module.

The angular community needs you! I am looking for a new developer or team to take over the maintenance of this module. These are the responsibilities that any interested candidates should consider:

• Now: Complete the beta process (the main thing left is to make it SSR compliant)
• Now: Update the demo and add the API documentation
• In progress: bug fixes
• Ongoing: New releases for new releases of Angular
• Later: Refactor to simplify the API and reduce package size
• Later: Want to add support for non-browser environments?

Ideally, the candidate:

• Has experience building applications in Angular 5+
• It is an active Angular developer and is tuned according to the Angular release schedule
• Loves the open-source and Angular community
• Committed to releasing modular and lightweight packages (as much as possible)
• Has a working understanding of DOM events, JavaScript timings and periods, Web Storage API, and cookies
• Understands testing with karma and jasmine, and adheres to a high rate of code coverage
• Has a working understanding of the contributing directory, is willing to accept contributions from others, and can use GitHub and related tools effectively
• Has time to sort tickets and respond to them, or delegate to others
• Has a basic understanding of NPM to release packages

Must Read: How to Detect User Inactivity Using Javascript | Idle Tracker

How to make use of it:

1. Create a new project with ng new.

ng new my-idle-app
cd my-idle-app

2. Use the ng extension to install the dependency for your app.

ng add @ng-idle/core
    # Optional
    ng add @ng-idle/keepalive

3. NgIdleKeepaliveModule provides a default instance of Idle and Keepalive for your module.

import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http'; // omit if not using keepalive
import { BrowserModule } from '@angular/platform-browser';
import { NgIdleKeepaliveModule } from '@ng-idle/keepalive'; // use import {NgIdleModule} from '@ng-idle/core'; if not using keepalive

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    NgIdleKeepaliveModule.forRoot() // use NgIdleModule.forRoot() if not using keepalive
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

See Also –

User’s Idle Service for Angular 6 | angular-user-idle
Simplest and Effective jQuery Idle (Inactivity) Plugin | jquery.inactivity
Animated Page Scrolling To Specific ID Within Document With jQuery

See Demo And Download

Official Website(moribvndvs): Click Here

This superior jQuery/javascript plugin is developed by moribvndvs. For extra advanced usage, please go to the official website.