You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
1.2 KiB
TypeScript
71 lines
1.2 KiB
TypeScript
import { Component, OnInit, Input } from '@angular/core';
|
|
import { ModalController, NavParams } from '@ionic/angular';
|
|
|
|
@Component({
|
|
selector: 'app-date-info-modal',
|
|
templateUrl: './date-info-modal.component.html',
|
|
styleUrls: ['./date-info-modal.component.scss'],
|
|
})
|
|
export class DateInfoModalComponent implements OnInit {
|
|
gaugeType = "full";
|
|
gaugeValue = 28.3;
|
|
gaugeLabel = "Days";
|
|
@Input() TODAYDATE: any;
|
|
today:any;
|
|
todayDate: any;
|
|
month: any;
|
|
monthDate: any;
|
|
|
|
constructor(public modalController: ModalController, public navParams: NavParams) { }
|
|
|
|
ngOnInit() {
|
|
let x = this.TODAYDATE.split(" ")
|
|
console.log(x)
|
|
this.today = x[0];
|
|
this.todayDate = x[1];
|
|
this.monthDate = x[2];
|
|
this.month = x[3];
|
|
console.log(this.todayDate)
|
|
console.log(this.today)
|
|
console.log(this.monthDate)
|
|
console.log(this.month)
|
|
|
|
}
|
|
|
|
|
|
public options = {
|
|
|
|
cutoutPercentage: 80,
|
|
|
|
tooltips: { enabled: false },
|
|
|
|
legend: { display: false }
|
|
|
|
};
|
|
|
|
|
|
|
|
public data = {
|
|
|
|
datasets: [
|
|
|
|
{
|
|
|
|
data: [120,50],
|
|
|
|
backgroundColor: [
|
|
|
|
'#094875'
|
|
],
|
|
|
|
borderWidth: 2
|
|
|
|
}]
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
}
|