Tested in Angular 7.1.0

@cosoft/ngx

Handy ngx stuff

Contents

• npm install
• cs-ngx.module
  • ripple directive (Plunker demo)
• json date http interceptor
• jwt helpers

Npm install cs-ngx in your angular application

npm install @cosoft/ngx --save

Import cs-ngx module in your ngx module

import { CsNgxModule } from '@cosoft/ngx';

// ...

@NgModule({
  bootstrap: [ /* ... */ ],
  declarations: [ /* ... */ ],
  imports: [
    /* ... */
    CsNgxModule
  ],
})
export class AppModule { /* ... */ }

cs-ripple directive

To use this directive first import cs-ngx module (Plunker demo)

<div cs-ripple>MENU ITEM</div>

json date http interceptor

If you use HttpClient from '@angular/common/http' in your data service then this interceptor will convert json dates to javascript Date objects.

It checks for content type 'application/json' http responses and uses regex to find dates using iso8601 format.

With this interceptor you don't have to convert json dates coming from (dotnet core) http responses anymore.

Add interceptor to your ngx module

import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { JsonDateHttpInterceptor } from '@cosoft/ngx';

// ...
@NgModule({
  bootstrap: [ /* ... */ ],
  declarations: [ /* ... */ ],
  imports: [
    /* ... */
    HttpClientModule
  ],
  providers: [
    /* ... */
    { provide: HTTP_INTERCEPTORS, useClass: JsonDateHttpInterceptor, multi: true }
  ]
})
export class AppModule { /* ... */ }

jwt helpers

Helper class for jwt related functionality

Use helpers in your component or service

import { Component } from '@angular/core';
import { JwtHelpers, IJwtToken  } from '@cosoft/ngx'

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {
  title = 'cs-ngx';
  
  jwtHelpers = new JwtHelpers();

  constructor() {
    const token = 'jwt token string';

    // getJwtExpiration gets expiration date of jwt token as Date object
    const expirationDate: Date = this.jwtHelpers.getJwtExpiration(token);

    // checks if a given jwt token string is in correct jwt format
    const isJwtToken: boolean = this.jwtHelpers.isJwtToken(token);

    // gets object from jwt token string
    const jwtTokenObject: IJwtToken = this.jwtHelpers.parseJwt(token);

    debugger;
  }
}