@progress/kendo-angular-scheduler
Version:
Kendo UI Scheduler Angular - Outlook or Google-style angular scheduler calendar. Full-featured and customizable embedded scheduling from the creator developers trust for professional UI components.
74 lines (73 loc) • 4.19 kB
JavaScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { Component, ChangeDetectionStrategy, HostBinding, Input } from '@angular/core';
import { LocalizationService } from '@progress/kendo-angular-l10n';
import { NgFor } from '@angular/common';
import * as i0 from "@angular/core";
import * as i1 from "@progress/kendo-angular-l10n";
/**
* @hidden
*/
export class AgendaHeaderComponent {
localization;
classes = true;
resources;
get dateMessage() {
return this.localization.get('dateHeader');
}
get timeMessage() {
return this.localization.get('timeHeader');
}
get eventMessage() {
return this.localization.get('eventHeader');
}
constructor(localization) {
this.localization = localization;
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AgendaHeaderComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AgendaHeaderComponent, isStandalone: true, selector: "[kendoSchedulerAgendaHeader]", inputs: { resources: "resources" }, host: { properties: { "class.k-scheduler-header": "this.classes" } }, ngImport: i0, template: `
<div class="k-scheduler-header-wrap">
<table class="k-scheduler-table" role="none">
<tbody role="rowgroup">
<tr role="row">
<th *ngFor="let resource of resources" class="k-scheduler-groupcolumn k-first" role="columnheader"></th>
<th class="k-scheduler-cell k-heading-cell k-scheduler-datecolumn" role="columnheader">{{ dateMessage }}</th>
<th class="k-scheduler-cell k-heading-cell k-scheduler-timecolumn" role="columnheader">{{ timeMessage }}</th>
<th class="k-scheduler-cell k-heading-cell" role="columnheader">{{ eventMessage }}</th>
</tr>
</tbody>
</table>
</div>
`, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AgendaHeaderComponent, decorators: [{
type: Component,
args: [{
changeDetection: ChangeDetectionStrategy.OnPush,
// eslint-disable-next-line @angular-eslint/component-selector
selector: '[kendoSchedulerAgendaHeader]',
template: `
<div class="k-scheduler-header-wrap">
<table class="k-scheduler-table" role="none">
<tbody role="rowgroup">
<tr role="row">
<th *ngFor="let resource of resources" class="k-scheduler-groupcolumn k-first" role="columnheader"></th>
<th class="k-scheduler-cell k-heading-cell k-scheduler-datecolumn" role="columnheader">{{ dateMessage }}</th>
<th class="k-scheduler-cell k-heading-cell k-scheduler-timecolumn" role="columnheader">{{ timeMessage }}</th>
<th class="k-scheduler-cell k-heading-cell" role="columnheader">{{ eventMessage }}</th>
</tr>
</tbody>
</table>
</div>
`,
standalone: true,
imports: [NgFor]
}]
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { classes: [{
type: HostBinding,
args: ["class.k-scheduler-header"]
}], resources: [{
type: Input
}] } });