NgGitCalendar ng-git-calendar is an angular interface component that implements a commit calendar similar to the GitHub calendar, which can be used for many uses, such as logging errors and other logs like any other calendar.
How to make use of it:
Installations:
# NPM $ npm install ng-git-calendar --save
To use ng-git-calendar you need to import the NgGitCalendarModule into your app:
// app.module.ts import { AppComponent } from './app.component'; import { NgGitCalendarModule } from '../../../ng-git-calendar/src/lib/ng-git-calendar.module'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, // ... another import NgGitCalendarModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }
Then, just use the lib-ng-git-calendar flag to display the ng-git-calendar graph:
<p> Oww cool! </p> <lib-ng-git-calendar year="2020" colorLevel1="#c6e48b" colorLevel2="#7bc96f" colorLevel3="#196127" [data]="data" ></lib-ng-git-calendar>
import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { /* mm / dd / yyyy , level */ data=[ ['01/21/2020','1'], ['06/20/2020','2'], ['12/25/2020','3'], ['11/05/2020','3'], ] constructor(){} }
See Demo And Download
Official Website(SergioNoivak): Click Here
This superior jQuery/javascript plugin is developed by SergioNoivak. For extra Advanced Usage, please go to the official website.