ngx-gem-spaas
Version:
This library contains services, components, images and styles to provide a unified look and way-of-working throughout GEM SPaaS.
33 lines • 6.64 kB
JavaScript
import { Component } from '@angular/core';
import { DateTime } from 'luxon';
import { takeUntil } from 'rxjs/operators';
import { DateModel } from "../_models/date.model";
import { BaseComponent } from "ngx-gem-spaas";
import * as i0 from "@angular/core";
import * as i1 from "../_services/date.service";
import * as i2 from "@angular/common";
export class DateIndicatorComponent extends BaseComponent {
constructor(dateService) {
super();
this.dateService = dateService;
this.curDate = new DateModel(DateTime.now().toISO());
this.getDate();
}
// ********************************************************************************************************
// LOAD DATA
// ********************************************************************************************************
getDate() {
this.dateService.onNewDate()
.pipe(takeUntil(this.onDestroy$))
.subscribe((date) => {
this.curDate = date;
});
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateIndicatorComponent, deps: [{ token: i1.DateService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DateIndicatorComponent, selector: "spaas-date-indicator", usesInheritance: true, ngImport: i0, template: "<div class=\"date-indicator txt-center\">\r\n <div>{{curDate.intraDay | date:'dd'}}</div>\r\n <div>{{curDate.intraDay | date:'MM'}}</div>\r\n</div>\r\n", styles: [".date-indicator{font-family:Lato,Arial,sans-serif;font-size:12px;font-weight:700;line-height:14px}.date-indicator:hover>div:after{background-color:hsla(var(--primary-h),var(--primary-s),var(--primary-l),1)!important}.date-indicator>div{position:relative}.date-indicator>div:first-of-type:after{background-color:hsla(var(--color-h),var(--color-s),var(--color-l),1);bottom:-1px;content:\"\";height:1px;left:20%;position:absolute;transition:background-color .4s;width:60%}\n"], dependencies: [{ kind: "pipe", type: i2.DatePipe, name: "date" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateIndicatorComponent, decorators: [{
type: Component,
args: [{ selector: 'spaas-date-indicator', template: "<div class=\"date-indicator txt-center\">\r\n <div>{{curDate.intraDay | date:'dd'}}</div>\r\n <div>{{curDate.intraDay | date:'MM'}}</div>\r\n</div>\r\n", styles: [".date-indicator{font-family:Lato,Arial,sans-serif;font-size:12px;font-weight:700;line-height:14px}.date-indicator:hover>div:after{background-color:hsla(var(--primary-h),var(--primary-s),var(--primary-l),1)!important}.date-indicator>div{position:relative}.date-indicator>div:first-of-type:after{background-color:hsla(var(--color-h),var(--color-s),var(--color-l),1);bottom:-1px;content:\"\";height:1px;left:20%;position:absolute;transition:background-color .4s;width:60%}\n"] }]
}], ctorParameters: () => [{ type: i1.DateService }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1pbmRpY2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWdlbS1zcGFhcy9kYXRlL3NyYy9kYXRlLWluZGljYXRvci9kYXRlLWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZ2VtLXNwYWFzL2RhdGUvc3JjL2RhdGUtaW5kaWNhdG9yL2RhdGUtaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEMsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLE9BQU8sQ0FBQztBQUMvQixPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDekMsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBRWhELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFPNUMsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGFBQWE7SUFJdkQsWUFDVSxXQUF3QjtRQUVoQyxLQUFLLEVBQUUsQ0FBQztRQUZBLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBSGxDLFlBQU8sR0FBRyxJQUFJLFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQU05QyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVELDJHQUEyRztJQUMzRyxZQUFZO0lBQ1osMkdBQTJHO0lBRW5HLE9BQU87UUFDYixJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsRUFBRTthQUN6QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQzthQUNoQyxTQUFTLENBQ1IsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUNQLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLENBQUMsQ0FDRixDQUFDO0lBQ04sQ0FBQzsrR0F2QlUsc0JBQXNCO21HQUF0QixzQkFBc0IsbUZDWm5DLDJKQUlBOzs0RkRRYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0Usc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0RhdGVUaW1lfSBmcm9tICdsdXhvbic7XHJcbmltcG9ydCB7dGFrZVVudGlsfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcbmltcG9ydCB7RGF0ZU1vZGVsfSBmcm9tIFwiLi4vX21vZGVscy9kYXRlLm1vZGVsXCI7XHJcbmltcG9ydCB7RGF0ZVNlcnZpY2V9IGZyb20gXCIuLi9fc2VydmljZXMvZGF0ZS5zZXJ2aWNlXCI7XHJcbmltcG9ydCB7QmFzZUNvbXBvbmVudH0gZnJvbSBcIm5neC1nZW0tc3BhYXNcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc3BhYXMtZGF0ZS1pbmRpY2F0b3InLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRlLWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZS1pbmRpY2F0b3IuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0ZUluZGljYXRvckNvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQge1xyXG5cclxuICBjdXJEYXRlID0gbmV3IERhdGVNb2RlbChEYXRlVGltZS5ub3coKS50b0lTTygpKTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGRhdGVTZXJ2aWNlOiBEYXRlU2VydmljZSxcclxuICApIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgICB0aGlzLmdldERhdGUoKTtcclxuICB9XHJcblxyXG4gIC8vICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXHJcbiAgLy8gTE9BRCBEQVRBXHJcbiAgLy8gKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcclxuXHJcbiAgcHJpdmF0ZSBnZXREYXRlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5kYXRlU2VydmljZS5vbk5ld0RhdGUoKVxyXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kkKSlcclxuICAgICAgLnN1YnNjcmliZShcclxuICAgICAgICAoZGF0ZSkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5jdXJEYXRlID0gZGF0ZTtcclxuICAgICAgICB9XHJcbiAgICAgICk7XHJcbiAgfVxyXG5cclxuICAvLyAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKlxyXG4gIC8vIFVJXHJcbiAgLy8gKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImRhdGUtaW5kaWNhdG9yIHR4dC1jZW50ZXJcIj5cclxuICA8ZGl2Pnt7Y3VyRGF0ZS5pbnRyYURheSB8IGRhdGU6J2RkJ319PC9kaXY+XHJcbiAgPGRpdj57e2N1ckRhdGUuaW50cmFEYXkgfCBkYXRlOidNTSd9fTwvZGl2PlxyXG48L2Rpdj5cclxuIl19