@nodro7/angular-mydatepicker
Version:
Angular datepicker
35 lines • 6.3 kB
JavaScript
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from "@angular/core";
import { UtilService } from "../../services/angular-mydatepicker.util.service";
import { OPTS, SPACE_STR, EMPTY_STR } from "../../constants/constants";
import * as i0 from "@angular/core";
import * as i1 from "../../services/angular-mydatepicker.util.service";
export class FooterBarComponent {
constructor(utilService) {
this.utilService = utilService;
this.footerBarTxtClicked = new EventEmitter();
this.footerBarTxt = EMPTY_STR;
}
ngOnChanges(changes) {
if (changes.hasOwnProperty(OPTS)) {
this.opts = changes[OPTS].currentValue;
const { dateFormat, monthLabels, todayTxt } = this.opts;
const today = this.utilService.getToday();
this.footerBarTxt = todayTxt + (todayTxt.length > 0 ? SPACE_STR : EMPTY_STR) +
this.utilService.formatDate(today, dateFormat, monthLabels);
}
}
onFooterBarTxtClicked() {
this.footerBarTxtClicked.emit();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: FooterBarComponent, deps: [{ token: i1.UtilService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: FooterBarComponent, selector: "lib-footer-bar", inputs: { opts: "opts" }, outputs: { footerBarTxtClicked: "footerBarTxtClicked" }, providers: [UtilService], usesOnChanges: true, ngImport: i0, template: "<div class=\"myDpFooterBar\">\n <button type=\"button\" class=\"myDpHeaderBtn myDpFooterBtn\" (click)=\"onFooterBarTxtClicked()\">{{footerBarTxt}}</button>\n</div>", encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: FooterBarComponent, decorators: [{
type: Component,
args: [{ selector: "lib-footer-bar", providers: [UtilService], encapsulation: ViewEncapsulation.None, template: "<div class=\"myDpFooterBar\">\n <button type=\"button\" class=\"myDpHeaderBtn myDpFooterBtn\" (click)=\"onFooterBarTxtClicked()\">{{footerBarTxt}}</button>\n</div>" }]
}], ctorParameters: function () { return [{ type: i1.UtilService }]; }, propDecorators: { opts: [{
type: Input
}], footerBarTxtClicked: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLW15ZGF0ZXBpY2tlci9zcmMvbGliL2NvbXBvbmVudHMvZm9vdGVyLWJhci9mb290ZXItYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbXlkYXRlcGlja2VyL3NyYy9saWIvY29tcG9uZW50cy9mb290ZXItYmFyL2Zvb3Rlci1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBaUIsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFbEgsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGtEQUFrRCxDQUFDO0FBQzdFLE9BQU8sRUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBQyxNQUFNLDJCQUEyQixDQUFDOzs7QUFRckUsTUFBTSxPQUFPLGtCQUFrQjtJQU03QixZQUFvQixXQUF3QjtRQUF4QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQUpsQyx3QkFBbUIsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUU3RSxpQkFBWSxHQUFXLFNBQVMsQ0FBQztJQUVlLENBQUM7SUFFakQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNoQyxJQUFJLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxZQUFZLENBQUM7WUFFdkMsTUFBTSxFQUFDLFVBQVUsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztZQUV0RCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQzFDLElBQUksQ0FBQyxZQUFZLEdBQUcsUUFBUSxHQUFHLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUMxRSxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxLQUFLLEVBQUUsVUFBVSxFQUFFLFdBQVcsQ0FBQyxDQUFDO1NBQy9EO0lBQ0gsQ0FBQztJQUVELHFCQUFxQjtRQUNuQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxFQUFFLENBQUE7SUFDakMsQ0FBQzs4R0F0QlUsa0JBQWtCO2tHQUFsQixrQkFBa0IsNEhBSGxCLENBQUMsV0FBVyxDQUFDLCtDQ1IxQix3S0FFTTs7MkZEU08sa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLGdCQUFnQixhQUVmLENBQUMsV0FBVyxDQUFDLGlCQUNULGlCQUFpQixDQUFDLElBQUk7a0dBRzVCLElBQUk7c0JBQVosS0FBSztnQkFDSSxtQkFBbUI7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHtJTXlPcHRpb25zfSBmcm9tIFwiLi4vLi4vaW50ZXJmYWNlcy9teS1vcHRpb25zLmludGVyZmFjZVwiO1xuaW1wb3J0IHtVdGlsU2VydmljZX0gZnJvbSBcIi4uLy4uL3NlcnZpY2VzL2FuZ3VsYXItbXlkYXRlcGlja2VyLnV0aWwuc2VydmljZVwiO1xuaW1wb3J0IHtPUFRTLCBTUEFDRV9TVFIsIEVNUFRZX1NUUn0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9jb25zdGFudHNcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImxpYi1mb290ZXItYmFyXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vZm9vdGVyLWJhci5jb21wb25lbnQuaHRtbFwiLFxuICBwcm92aWRlcnM6IFtVdGlsU2VydmljZV0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgRm9vdGVyQmFyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgb3B0czogSU15T3B0aW9ucztcbiAgQE91dHB1dCgpIGZvb3RlckJhclR4dENsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBmb290ZXJCYXJUeHQ6IHN0cmluZyA9IEVNUFRZX1NUUjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHV0aWxTZXJ2aWNlOiBVdGlsU2VydmljZSkgeyB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzLmhhc093blByb3BlcnR5KE9QVFMpKSB7XG4gICAgICB0aGlzLm9wdHMgPSBjaGFuZ2VzW09QVFNdLmN1cnJlbnRWYWx1ZTtcblxuICAgICAgY29uc3Qge2RhdGVGb3JtYXQsIG1vbnRoTGFiZWxzLCB0b2RheVR4dH0gPSB0aGlzLm9wdHM7XG5cbiAgICAgIGNvbnN0IHRvZGF5ID0gdGhpcy51dGlsU2VydmljZS5nZXRUb2RheSgpO1xuICAgICAgdGhpcy5mb290ZXJCYXJUeHQgPSB0b2RheVR4dCArICh0b2RheVR4dC5sZW5ndGggPiAwID8gU1BBQ0VfU1RSIDogRU1QVFlfU1RSKSArIFxuICAgICAgICB0aGlzLnV0aWxTZXJ2aWNlLmZvcm1hdERhdGUodG9kYXksIGRhdGVGb3JtYXQsIG1vbnRoTGFiZWxzKTtcbiAgICB9XG4gIH1cblxuICBvbkZvb3RlckJhclR4dENsaWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy5mb290ZXJCYXJUeHRDbGlja2VkLmVtaXQoKVxuICB9XG59IiwiPGRpdiBjbGFzcz1cIm15RHBGb290ZXJCYXJcIj5cbiAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cIm15RHBIZWFkZXJCdG4gbXlEcEZvb3RlckJ0blwiIChjbGljayk9XCJvbkZvb3RlckJhclR4dENsaWNrZWQoKVwiPnt7Zm9vdGVyQmFyVHh0fX08L2J1dHRvbj5cbjwvZGl2PiJdfQ==