UNPKG

@syncfusion/ej2-angular-schedule

Version:

Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support. for Angular

116 lines (115 loc) 4.82 kB
import { ViewContainerRef } from '@angular/core'; import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base'; import * as i0 from "@angular/core"; /** * `e-resources` directive represent a resources of the Angular Schedule. * It must be contained in a Schedule component(`ejs-schedule`). * ```html * <ejs-schedule> * <e-resources> * <e-resource field='RoomId' name='Rooms'></e-resource> * <e-resource field='OwnerId' name='Owners'></e-resource> * </e-resources> * </ejs-schedule> * ``` */ export declare class ResourceDirective extends ComplexBase<ResourceDirective> { private viewContainerRef; directivePropList: any; /** * When set to true, allows multiple selection of resource names, thus creating multiple instances of same appointment for the * selected resources. * @default false */ allowMultiple: any; /** * It maps the `color` field from the dataSource, which is used to specify colors for the resources. * @default 'Color' */ colorField: any; /** * It maps the `cssClass` field from the dataSource, which is used to specify different styles to each resource appointments. * @default 'CssClass' */ cssClassField: any; /** * Assigns the resource dataSource * The data can be passed either as an array of JavaScript objects, * or else can create an instance of [`DataManager`](http://ej2.syncfusion.com/documentation/data/api-dataManager.html) * in case of processing remote data and can be assigned to the `dataSource` property. * With the remote data assigned to dataSource, check the available * [adaptors](http://ej2.syncfusion.com/documentation/data/adaptors.html) to customize the data processing. * @default [] */ dataSource: any; /** * It maps the `endHour` field from the dataSource, which is used to specify different work end hour for each resources. * @default 'EndHour' */ endHourField: any; /** * It maps the `expanded` field from the dataSource, which is used to specify whether each resource levels * in timeline view needs to be maintained in an expanded or collapsed state by default. * @default 'Expanded' */ expandedField: any; /** * A value that binds to the resource field of event object. * @default null */ field: any; /** * It maps the `groupID` field from the dataSource, which is used to specify under which parent resource, * the child should be grouped. * @default 'GroupID' */ groupIDField: any; /** * It maps the `id` field from the dataSource and is used to uniquely identify the resources. * @default 'Id' */ idField: any; /** * It represents a unique resource name for differentiating various resource objects while grouping. * @default null */ name: any; /** * Defines the external [`query`](http://ej2.syncfusion.com/documentation/data/api-query.html) * that will be executed along with the data processing. * @default null */ query: any; /** * It maps the `startHour` field from the dataSource, which is used to specify different work start hour for each resources. * @default 'StartHour' */ startHourField: any; /** * It maps the `text` field from the dataSource, which is used to specify the resource names. * @default 'Text' */ textField: any; /** * It holds the title of the resource field to be displayed on the schedule event editor window. * @default null */ title: any; /** * It maps the working days field from the dataSource, which is used to specify different working days for each resources. * @default 'WorkDays' */ workDaysField: any; constructor(viewContainerRef: ViewContainerRef); static ɵfac: i0.ɵɵFactoryDeclaration<ResourceDirective, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<ResourceDirective, "e-resources>e-resource", never, { "allowMultiple": "allowMultiple"; "colorField": "colorField"; "cssClassField": "cssClassField"; "dataSource": "dataSource"; "endHourField": "endHourField"; "expandedField": "expandedField"; "field": "field"; "groupIDField": "groupIDField"; "idField": "idField"; "name": "name"; "query": "query"; "startHourField": "startHourField"; "textField": "textField"; "title": "title"; "workDaysField": "workDaysField"; }, {}, never>; } /** * Resource Array Directive * @private */ export declare class ResourcesDirective extends ArrayBase<ResourcesDirective> { constructor(); static ɵfac: i0.ɵɵFactoryDeclaration<ResourcesDirective, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<ResourcesDirective, "ejs-schedule>e-resources", never, {}, {}, ["children"]>; }