@cosoft/ngx
v1.1.3
Published
Ngx library for handy stuff
Downloads
15
Maintainers
Readme
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;
}
}