ngx-ntk-cron-editor
Version:
Angular cron editor
35 lines • 9.47 kB
JavaScript
import { Component, Output, EventEmitter, Input } from '@angular/core';
import Utils from '../poco/Utils';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/forms";
export class TimePickerComponent {
constructor() {
this.change = new EventEmitter();
}
ngOnInit() {
this.hours = this.use24HourTime ? Utils.getRange(0, 23) : Utils.getRange(0, 12);
this.minutes = Utils.getRange(0, 59);
this.seconds = Utils.getRange(0, 59);
this.hourTypes = ['AM', 'PM'];
}
}
TimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimePickerComponent, selector: "cron-time-picker", inputs: { disabled: "disabled", time: "time", selectClass: "selectClass", use24HourTime: "use24HourTime", hideSeconds: "hideSeconds" }, outputs: { change: "change" }, ngImport: i0, template: "<!-- hour -->\r\n<select class=\"timeFormControl\" (change)=\"change.emit()\" [(ngModel)]=\"time.hours\" [disabled]=\"disabled\" [ngClass]=\"selectClass\">\r\n <option *ngFor=\"let hour of hours\" [ngValue]=\"hour\">{{hour}}</option>\r\n</select>\r\n\r\n<!-- minute -->\r\n<select class=\"timeFormControl\" (change)=\"change.emit()\" [(ngModel)]=\"time.minutes\" [disabled]=\"disabled\" [ngClass]=\"selectClass\">\r\n <option *ngFor=\"let minute of minutes\" [ngValue]=\"minute\">{{minute}}</option>\r\n</select>\r\n\r\n<!-- second -->\r\n<select class=\"timeFormControl\" (change)=\"change.emit()\" [(ngModel)]=\"time.seconds\" [disabled]=\"disabled\" *ngIf=\"!hideSeconds\"\r\n [ngClass]=\"selectClass\">\r\n <option *ngFor=\"let second of seconds\" [ngValue]=\"second\">{{second}}</option>\r\n</select>\r\n\r\n<!-- am/pm -->\r\n<select class=\"timeFormControl\" (change)=\"change.emit()\" [(ngModel)]=\"time.hourTypes\" [disabled]=\"disabled\" *ngIf=\"!use24HourTime\"\r\n [ngClass]=\"selectClass\">\r\n <option *ngFor=\"let hourType of hourTypes\" [ngValue]=\"hourType\">{{ hourType}}</option>\r\n</select>\r\n", styles: [".timeFormControl{width:70px;display:inline}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerComponent, decorators: [{
type: Component,
args: [{ selector: 'cron-time-picker', template: "<!-- hour -->\r\n<select class=\"timeFormControl\" (change)=\"change.emit()\" [(ngModel)]=\"time.hours\" [disabled]=\"disabled\" [ngClass]=\"selectClass\">\r\n <option *ngFor=\"let hour of hours\" [ngValue]=\"hour\">{{hour}}</option>\r\n</select>\r\n\r\n<!-- minute -->\r\n<select class=\"timeFormControl\" (change)=\"change.emit()\" [(ngModel)]=\"time.minutes\" [disabled]=\"disabled\" [ngClass]=\"selectClass\">\r\n <option *ngFor=\"let minute of minutes\" [ngValue]=\"minute\">{{minute}}</option>\r\n</select>\r\n\r\n<!-- second -->\r\n<select class=\"timeFormControl\" (change)=\"change.emit()\" [(ngModel)]=\"time.seconds\" [disabled]=\"disabled\" *ngIf=\"!hideSeconds\"\r\n [ngClass]=\"selectClass\">\r\n <option *ngFor=\"let second of seconds\" [ngValue]=\"second\">{{second}}</option>\r\n</select>\r\n\r\n<!-- am/pm -->\r\n<select class=\"timeFormControl\" (change)=\"change.emit()\" [(ngModel)]=\"time.hourTypes\" [disabled]=\"disabled\" *ngIf=\"!use24HourTime\"\r\n [ngClass]=\"selectClass\">\r\n <option *ngFor=\"let hourType of hourTypes\" [ngValue]=\"hourType\">{{ hourType}}</option>\r\n</select>\r\n", styles: [".timeFormControl{width:70px;display:inline}\n"] }]
}], propDecorators: { change: [{
type: Output
}], disabled: [{
type: Input
}], time: [{
type: Input
}], selectClass: [{
type: Input
}], use24HourTime: [{
type: Input
}], hideSeconds: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW50ay1jcm9uLWVkaXRvci9zcmMvbGliL3RpbWUtcGlja2VyL3RpbWUtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1udGstY3Jvbi1lZGl0b3Ivc3JjL2xpYi90aW1lLXBpY2tlci90aW1lLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sS0FBSyxNQUFNLGVBQWUsQ0FBQzs7OztBQVNsQyxNQUFNLE9BQU8sbUJBQW1CO0lBTGhDO1FBTW1CLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0tBa0I5QztJQU5RLFFBQVE7UUFDYixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNoRixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3JDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDckMsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDOztpSEFsQlUsbUJBQW1CO3FHQUFuQixtQkFBbUIsK05DVmhDLGttQ0FxQkE7NEZEWGEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGtCQUFrQjs4QkFLWCxNQUFNO3NCQUF0QixNQUFNO2dCQUNTLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNVLGFBQWE7c0JBQTVCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IFV0aWxzIGZyb20gJy4uL3BvY28vVXRpbHMnO1xyXG5cclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Nyb24tdGltZS1waWNrZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90aW1lLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGltZS1waWNrZXIuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUaW1lUGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBAT3V0cHV0KCkgcHVibGljIGNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgcHVibGljIHRpbWU6IGFueTtcclxuICBASW5wdXQoKSBwdWJsaWMgc2VsZWN0Q2xhc3M6IHN0cmluZztcclxuICBASW5wdXQoKSBwdWJsaWMgdXNlMjRIb3VyVGltZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBwdWJsaWMgaGlkZVNlY29uZHM6IGJvb2xlYW47XHJcblxyXG4gIHB1YmxpYyBob3VyczogbnVtYmVyW107XHJcbiAgcHVibGljIG1pbnV0ZXM6IG51bWJlcltdO1xyXG4gIHB1YmxpYyBzZWNvbmRzOiBudW1iZXJbXTtcclxuICBwdWJsaWMgaG91clR5cGVzOiBzdHJpbmdbXTtcclxuXHJcbiAgcHVibGljIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5ob3VycyA9IHRoaXMudXNlMjRIb3VyVGltZSA/IFV0aWxzLmdldFJhbmdlKDAsIDIzKSA6IFV0aWxzLmdldFJhbmdlKDAsIDEyKTtcclxuICAgIHRoaXMubWludXRlcyA9IFV0aWxzLmdldFJhbmdlKDAsIDU5KTtcclxuICAgIHRoaXMuc2Vjb25kcyA9IFV0aWxzLmdldFJhbmdlKDAsIDU5KTtcclxuICAgIHRoaXMuaG91clR5cGVzID0gWydBTScsICdQTSddO1xyXG4gIH1cclxufVxyXG4iLCI8IS0tIGhvdXIgLS0+XHJcbjxzZWxlY3QgY2xhc3M9XCJ0aW1lRm9ybUNvbnRyb2xcIiAoY2hhbmdlKT1cImNoYW5nZS5lbWl0KClcIiBbKG5nTW9kZWwpXT1cInRpbWUuaG91cnNcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbbmdDbGFzc109XCJzZWxlY3RDbGFzc1wiPlxyXG4gIDxvcHRpb24gKm5nRm9yPVwibGV0IGhvdXIgb2YgaG91cnNcIiBbbmdWYWx1ZV09XCJob3VyXCI+e3tob3VyfX08L29wdGlvbj5cclxuPC9zZWxlY3Q+XHJcblxyXG48IS0tIG1pbnV0ZSAtLT5cclxuPHNlbGVjdCBjbGFzcz1cInRpbWVGb3JtQ29udHJvbFwiIChjaGFuZ2UpPVwiY2hhbmdlLmVtaXQoKVwiIFsobmdNb2RlbCldPVwidGltZS5taW51dGVzXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW25nQ2xhc3NdPVwic2VsZWN0Q2xhc3NcIj5cclxuICA8b3B0aW9uICpuZ0Zvcj1cImxldCBtaW51dGUgb2YgbWludXRlc1wiIFtuZ1ZhbHVlXT1cIm1pbnV0ZVwiPnt7bWludXRlfX08L29wdGlvbj5cclxuPC9zZWxlY3Q+XHJcblxyXG48IS0tIHNlY29uZCAtLT5cclxuPHNlbGVjdCBjbGFzcz1cInRpbWVGb3JtQ29udHJvbFwiIChjaGFuZ2UpPVwiY2hhbmdlLmVtaXQoKVwiIFsobmdNb2RlbCldPVwidGltZS5zZWNvbmRzXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgKm5nSWY9XCIhaGlkZVNlY29uZHNcIlxyXG4gIFtuZ0NsYXNzXT1cInNlbGVjdENsYXNzXCI+XHJcbiAgPG9wdGlvbiAqbmdGb3I9XCJsZXQgc2Vjb25kIG9mIHNlY29uZHNcIiBbbmdWYWx1ZV09XCJzZWNvbmRcIj57e3NlY29uZH19PC9vcHRpb24+XHJcbjwvc2VsZWN0PlxyXG5cclxuPCEtLSBhbS9wbSAtLT5cclxuPHNlbGVjdCBjbGFzcz1cInRpbWVGb3JtQ29udHJvbFwiIChjaGFuZ2UpPVwiY2hhbmdlLmVtaXQoKVwiIFsobmdNb2RlbCldPVwidGltZS5ob3VyVHlwZXNcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAqbmdJZj1cIiF1c2UyNEhvdXJUaW1lXCJcclxuICBbbmdDbGFzc109XCJzZWxlY3RDbGFzc1wiPlxyXG4gIDxvcHRpb24gKm5nRm9yPVwibGV0IGhvdXJUeXBlIG9mIGhvdXJUeXBlc1wiIFtuZ1ZhbHVlXT1cImhvdXJUeXBlXCI+e3sgaG91clR5cGV9fTwvb3B0aW9uPlxyXG48L3NlbGVjdD5cclxuIl19