timeLimit.pipe.ts

import {Pipe, PipeTransform, NgZone, ChangeDetectorRef, OnDestroy} from "@angular/core";
import { TranslateService } from '@ngx-translate/core';

@Pipe({
	name:'timeLimit',
	pure:false
})
export class TimeLimitPipe implements PipeTransform, OnDestroy {
	private timer: number;
	constructor(
		public translate: TranslateService,
		private changeDetectorRef: ChangeDetectorRef, 
		private ngZone: NgZone) {}
	transform(value:string, args: string = null) {

		this.removeTimer();
		let d = new Date(value);
		let dayNumber = ('0' + d.getDate()).slice(-2);
		const realMonth = d.getMonth()+1;
		let monthNumber = ('0' + realMonth).slice(-2);
		let hourNumber = ('0' + d.getHours()).slice(-2);
		let minuteNumber = ('0' + d.getMinutes()).slice(-2);
		let now = new Date();
		let month = [];
		month[0] = this.translate.instant('lang.januaryShort');
		month[1] = this.translate.instant('lang.februaryShort');
		month[2] = this.translate.instant('lang.marchShort');
		month[3] = this.translate.instant('lang.aprilShort');
		month[4] = this.translate.instant('lang.mayShort');
		month[5] = this.translate.instant('lang.juneShort');
		month[6] = this.translate.instant('lang.julyShort');
		month[7] = this.translate.instant('lang.augustShort');
		month[8] = this.translate.instant('lang.septemberShort');
		month[9] = this.translate.instant('lang.octoberShort');
		month[10] = this.translate.instant('lang.novemberShort');
		month[11] = this.translate.instant('lang.decemberShort');
		let seconds = Math.round(Math.abs((now.getTime() - d.getTime())/1000));
		let curentDayNumber = ('0' + now.getDate()).slice(-2);
		let timeToUpdate = (Number.isNaN(seconds)) ? 1000 : this.getSecondsUntilUpdate(seconds) *1000;
		this.timer = this.ngZone.runOutsideAngular(() => {
			if (typeof window !== 'undefined') {
				return window.setTimeout(() => {
					this.ngZone.run(() => this.changeDetectorRef.markForCheck());
				}, timeToUpdate);
			}
			return null;
		});
		let minutes = Math.round(Math.abs(seconds / 60));
		let hours = Math.round(Math.abs(minutes / 60));
		let days = Math.round(Math.abs(hours / 24));
		let months = Math.round(Math.abs(days/30.416));
		let years = Math.round(Math.abs(days/365));
		if(value == null) {
			return '<span>' + this.translate.instant('lang.undefined') + '</span>';
		} else if(now > d) {
			
			if (args === 'badge') {
				if (hours <= 24 && dayNumber === curentDayNumber) {
					return this.getFormatedDate('', '<b>' + this.translate.instant('lang.outdated') + ' ' + this.translate.instant('lang.fromRange').toLowerCase() + ' ' + hours + ' ' + this.translate.instant('lang.hours') +' !</b>', 'warn', args);
				} else if (hours <= 24) {
					return this.getFormatedDate('', '<b>' + this.translate.instant('lang.outdated') + ' ' + this.translate.instant('lang.fromRange').toLowerCase() + ' ' + hours + ' ' + this.translate.instant('lang.hours') +' !</b>', 'warn', args);
				} else {
					return this.getFormatedDate('', '<b>' + this.translate.instant('lang.outdated') + ' ' + this.translate.instant('lang.fromRange').toLowerCase() + ' ' + (days) + ' '+ this.translate.instant('lang.dayS') +' !</b>', 'warn', args);
				}
			} else {
				return this.getFormatedDate('', '<b>' + this.translate.instant('lang.outdated') + ' !</b>', 'warn', args);
			}	
		} else {
			if (Number.isNaN(seconds)){
				return '';
			} else if (minutes <= 59){
				return this.getFormatedDate(this.translate.instant('lang.in')[0].toUpperCase() + this.translate.instant('lang.in').substr(1).toLowerCase(), minutes + ' ' + this.translate.instant('lang.minutes'), 'warn', args);
			} else if (hours <= 23){
				return this.getFormatedDate(this.translate.instant('lang.in')[0].toUpperCase() + this.translate.instant('lang.in').substr(1).toLowerCase(), hours + ' ' + this.translate.instant('lang.hours'), 'warn', args);
			} else if (days <= 5) {
				return this.getFormatedDate(this.translate.instant('lang.in')[0].toUpperCase() + this.translate.instant('lang.in').substr(1).toLowerCase(), days + ' ' + this.translate.instant('lang.dayS'), 'secondary', args);
			} else if (days <= 345) {
				return this.getFormatedDate(this.translate.instant('lang.onRange')[0].toUpperCase() + this.translate.instant('lang.onRange').substr(1).toLowerCase(), d.getDate()+' '+ month[d.getMonth()], 'accent', args);
			} else if (days <= 545) {
				return dayNumber + '/' + monthNumber + '/' + d.getFullYear();
			} else { // (days > 545)
				return dayNumber + '/' + monthNumber + '/' + d.getFullYear();
			}
		}
	}
	ngOnDestroy(): void {
		this.removeTimer();
	}
	private removeTimer() {
		if (this.timer) {
			window.clearTimeout(this.timer);
			this.timer = null;
		}
	}
	private getSecondsUntilUpdate(seconds:number) {
		let min = 60;
		let hr = min * 60;
		let day = hr * 24;
		if (seconds < min) { // less than 1 min, update every 2 secs
			return 2;
		} else if (seconds < hr) { // less than an hour, update every 30 secs
			return 30;
		} else if (seconds < day) { // less then a day, update every 5 mins
			return 300;
		} else { // update every hour
			return 3600;
		}
	}

	getFormatedDate(prefix: string,content: string, color: string, mode: string) {
		if (mode === 'badge') {
			return `${prefix} ${content}&nbsp;<i class="fas fa-circle badgePipe_${color}"></i>`;
		} else {
			return `<span color="${color}">${content}</span>`;
		}
	}
}