gentics-ui-core
Version:
This is the common core framework for the Gentics CMS and Mesh UI, and other Angular applications.
45 lines • 8.43 kB
JavaScript
import { Component, ElementRef, ViewChild } from '@angular/core';
import { DateTimePickerFormatProvider } from './date-time-picker-format-provider.service';
import * as i0 from "@angular/core";
import * as i1 from "./date-time-picker-controls.component";
import * as i2 from "../button/button.component";
/**
* The modal powering the `DateTimePicker` component.
*/
export class DateTimePickerModal {
constructor() {
/**
* Set to `false` to omit the time picker part of the component. Defaults to `true`
*/
this.displayTime = true;
/**
* Set to `false` to omit the seconds of the time picker part. Defaults to `true`
*/
this.displaySeconds = true;
/**
* Set to overwrite texts and date formatting in the modal.
*/
this.formatProvider = new DateTimePickerFormatProvider();
}
closeFn(timestamp) { }
cancelFn(val) { }
registerCloseFn(close) {
this.closeFn = close;
}
registerCancelFn(cancel) {
this.cancelFn = cancel;
}
okayClicked() {
this.closeFn(this.valueTimestamp || this.timestamp);
}
}
/** @nocollapse */ DateTimePickerModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DateTimePickerModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ DateTimePickerModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DateTimePickerModal, selector: "gtx-date-time-picker-modal", viewQueries: [{ propertyName: "calendarContainer", first: true, predicate: ["calendarContainer"], descendants: true }], ngImport: i0, template: "<gtx-date-time-picker-controls [timestamp]=\"timestamp\"\n [displayTime]=\"displayTime\"\n [displaySeconds]=\"displaySeconds\"\n [formatProvider]=\"formatProvider\"\n [min]=\"min\"\n [max]=\"max\"\n [selectYear]=\"selectYear\"\n (change)=\"valueTimestamp = $event\"></gtx-date-time-picker-controls>\n<div class=\"modal-footer\">\n <gtx-button type=\"secondary\" flat (click)=\"cancelFn()\">{{ formatProvider.strings.cancel }}</gtx-button>\n <gtx-button (click)=\"okayClicked()\">{{ formatProvider.strings.okay }}</gtx-button>\n</div>\n", components: [{ type: i1.DateTimePickerControls, selector: "gtx-date-time-picker-controls", inputs: ["timestamp", "formatProvider", "min", "max", "selectYear", "disabled", "displayTime", "displaySeconds", "compact"], outputs: ["change"] }, { type: i2.Button, selector: "gtx-button", inputs: ["autofocus", "size", "type", "flat", "icon", "disabled", "submit"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DateTimePickerModal, decorators: [{
type: Component,
args: [{ selector: 'gtx-date-time-picker-modal', template: "<gtx-date-time-picker-controls [timestamp]=\"timestamp\"\n [displayTime]=\"displayTime\"\n [displaySeconds]=\"displaySeconds\"\n [formatProvider]=\"formatProvider\"\n [min]=\"min\"\n [max]=\"max\"\n [selectYear]=\"selectYear\"\n (change)=\"valueTimestamp = $event\"></gtx-date-time-picker-controls>\n<div class=\"modal-footer\">\n <gtx-button type=\"secondary\" flat (click)=\"cancelFn()\">{{ formatProvider.strings.cancel }}</gtx-button>\n <gtx-button (click)=\"okayClicked()\">{{ formatProvider.strings.okay }}</gtx-button>\n</div>\n" }]
}], propDecorators: { calendarContainer: [{
type: ViewChild,
args: ['calendarContainer']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS10aW1lLXBpY2tlci1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9kYXRlLXRpbWUtcGlja2VyL2RhdGUtdGltZS1waWNrZXItbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZGF0ZS10aW1lLXBpY2tlci9kYXRlLXRpbWUtcGlja2VyLW1vZGFsLnRwbC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUcvRCxPQUFPLEVBQUMsNEJBQTRCLEVBQUMsTUFBTSw0Q0FBNEMsQ0FBQzs7OztBQUV4Rjs7R0FFRztBQUtILE1BQU0sT0FBTyxtQkFBbUI7SUFKaEM7UUFXSTs7V0FFRztRQUNILGdCQUFXLEdBQVksSUFBSSxDQUFDO1FBRTVCOztXQUVHO1FBQ0gsbUJBQWMsR0FBWSxJQUFJLENBQUM7UUFFL0I7O1dBRUc7UUFDSCxtQkFBYyxHQUFpQyxJQUFJLDRCQUE0QixFQUFFLENBQUM7S0E0QnJGO0lBZkcsT0FBTyxDQUFDLFNBQWlCLElBQVUsQ0FBQztJQUVwQyxRQUFRLENBQUMsR0FBUyxJQUFVLENBQUM7SUFFN0IsZUFBZSxDQUFDLEtBQWtDO1FBQzlDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxNQUEwQjtRQUN2QyxJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQztJQUMzQixDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDeEQsQ0FBQzs7bUlBL0NRLG1CQUFtQjt1SEFBbkIsbUJBQW1CLDBMQ1poQyxpdkJBWUE7MkZEQWEsbUJBQW1CO2tCQUovQixTQUFTOytCQUNJLDRCQUE0Qjs4QkFnQ3RDLGlCQUFpQjtzQkFEaEIsU0FBUzt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtJTW9kYWxEaWFsb2d9IGZyb20gJy4uL21vZGFsL21vZGFsLWludGVyZmFjZXMnO1xuaW1wb3J0IHtEYXRlVGltZVBpY2tlckZvcm1hdFByb3ZpZGVyfSBmcm9tICcuL2RhdGUtdGltZS1waWNrZXItZm9ybWF0LXByb3ZpZGVyLnNlcnZpY2UnO1xuXG4vKipcbiAqIFRoZSBtb2RhbCBwb3dlcmluZyB0aGUgYERhdGVUaW1lUGlja2VyYCBjb21wb25lbnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZ3R4LWRhdGUtdGltZS1waWNrZXItbW9kYWwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXRlLXRpbWUtcGlja2VyLW1vZGFsLnRwbC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBEYXRlVGltZVBpY2tlck1vZGFsIGltcGxlbWVudHMgSU1vZGFsRGlhbG9nIHtcblxuICAgIC8qKlxuICAgICAqIFRoZSBkYXRlL3RpbWUgdmFsdWUgYXMgYSB1bml4IHRpbWVzdGFtcCAoaW4gc2Vjb25kcylcbiAgICAgKi9cbiAgICB0aW1lc3RhbXA6IG51bWJlcjtcblxuICAgIC8qKlxuICAgICAqIFNldCB0byBgZmFsc2VgIHRvIG9taXQgdGhlIHRpbWUgcGlja2VyIHBhcnQgb2YgdGhlIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gYHRydWVgXG4gICAgICovXG4gICAgZGlzcGxheVRpbWU6IGJvb2xlYW4gPSB0cnVlO1xuXG4gICAgLyoqXG4gICAgICogU2V0IHRvIGBmYWxzZWAgdG8gb21pdCB0aGUgc2Vjb25kcyBvZiB0aGUgdGltZSBwaWNrZXIgcGFydC4gRGVmYXVsdHMgdG8gYHRydWVgXG4gICAgICovXG4gICAgZGlzcGxheVNlY29uZHM6IGJvb2xlYW4gPSB0cnVlO1xuXG4gICAgLyoqXG4gICAgICogU2V0IHRvIG92ZXJ3cml0ZSB0ZXh0cyBhbmQgZGF0ZSBmb3JtYXR0aW5nIGluIHRoZSBtb2RhbC5cbiAgICAgKi9cbiAgICBmb3JtYXRQcm92aWRlcjogRGF0ZVRpbWVQaWNrZXJGb3JtYXRQcm92aWRlciA9IG5ldyBEYXRlVGltZVBpY2tlckZvcm1hdFByb3ZpZGVyKCk7XG5cbiAgICBtaW46IERhdGU7XG5cbiAgICBtYXg6IERhdGU7XG5cbiAgICBzZWxlY3RZZWFyOiBib29sZWFuO1xuXG4gICAgQFZpZXdDaGlsZCgnY2FsZW5kYXJDb250YWluZXInKVxuICAgIGNhbGVuZGFyQ29udGFpbmVyOiBFbGVtZW50UmVmO1xuXG4gICAgdmFsdWVUaW1lc3RhbXA6IG51bWJlcjtcblxuICAgIGNsb3NlRm4odGltZXN0YW1wOiBudW1iZXIpOiB2b2lkIHsgfVxuXG4gICAgY2FuY2VsRm4odmFsPzogYW55KTogdm9pZCB7IH1cblxuICAgIHJlZ2lzdGVyQ2xvc2VGbihjbG9zZTogKHRpbWVzdGFtcDogbnVtYmVyKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2xvc2VGbiA9IGNsb3NlO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyQ2FuY2VsRm4oY2FuY2VsOiAodmFsOiBhbnkpID0+IHZvaWQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jYW5jZWxGbiA9IGNhbmNlbDtcbiAgICB9XG5cbiAgICBva2F5Q2xpY2tlZCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jbG9zZUZuKHRoaXMudmFsdWVUaW1lc3RhbXAgfHwgdGhpcy50aW1lc3RhbXApO1xuICAgIH1cbn1cbiIsIjxndHgtZGF0ZS10aW1lLXBpY2tlci1jb250cm9scyBbdGltZXN0YW1wXT1cInRpbWVzdGFtcFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc3BsYXlUaW1lXT1cImRpc3BsYXlUaW1lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzcGxheVNlY29uZHNdPVwiZGlzcGxheVNlY29uZHNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmb3JtYXRQcm92aWRlcl09XCJmb3JtYXRQcm92aWRlclwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW21pbl09XCJtaW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFttYXhdPVwibWF4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2VsZWN0WWVhcl09XCJzZWxlY3RZZWFyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2hhbmdlKT1cInZhbHVlVGltZXN0YW1wID0gJGV2ZW50XCI+PC9ndHgtZGF0ZS10aW1lLXBpY2tlci1jb250cm9scz5cbjxkaXYgY2xhc3M9XCJtb2RhbC1mb290ZXJcIj5cbiAgICA8Z3R4LWJ1dHRvbiB0eXBlPVwic2Vjb25kYXJ5XCIgZmxhdCAoY2xpY2spPVwiY2FuY2VsRm4oKVwiPnt7IGZvcm1hdFByb3ZpZGVyLnN0cmluZ3MuY2FuY2VsIH19PC9ndHgtYnV0dG9uPlxuICAgIDxndHgtYnV0dG9uIChjbGljayk9XCJva2F5Q2xpY2tlZCgpXCI+e3sgZm9ybWF0UHJvdmlkZXIuc3RyaW5ncy5va2F5IH19PC9ndHgtYnV0dG9uPlxuPC9kaXY+XG4iXX0=