import { Component, ViewEncapsulation } from '@angular/core';
import { extend } from '@syncfusion/ej2-base';
import { EventSettingsModel, DayService, WeekService, WorkWeekService, MonthService, AgendaService } from '@syncfusion/ej2-ng-schedule';
import { scheduleData } from './datasource';
@Component({
selector: 'control-content',
templateUrl: 'default.html',
styles: [`
.schedule-cell-dimension.e-schedule .e-vertical-view.e-day-view .e-work-cells,
.schedule-cell-dimension.e-schedule .e-vertical-view.e-day-view .e-date-header-wrap table col,
.schedule-cell-dimension.e-schedule .e-vertical-view.e-day-view .e-content-wrap table col {
width: 400px;
}
.schedule-cell-dimension.e-schedule .e-vertical-view.e-week-view .e-work-cells,
.schedule-cell-dimension.e-schedule .e-vertical-view.e-week-view .e-date-header-wrap table col,
.schedule-cell-dimension.e-schedule .e-vertical-view.e-week-view .e-content-wrap table col {
width: 300px;
}
.schedule-cell-dimension.e-schedule .e-vertical-view.e-work-week-view .e-work-cells,
.schedule-cell-dimension.e-schedule .e-vertical-view.e-work-week-view .e-date-header-wrap table col,
.schedule-cell-dimension.e-schedule .e-vertical-view.e-work-week-view .e-content-wrap table col {
width: 250px;
}
.schedule-cell-dimension.e-schedule .e-month-view .e-work-cells,
.schedule-cell-dimension.e-schedule .e-month-view .e-date-header-wrap table col {
width: 300px;
}`],
encapsulation: ViewEncapsulation.None
})
export class DefaultComponent {
public selectedDate: Date = new Date(2018, 1, 15);
public eventSettings: EventSettingsModel = { dataSource: <Object[]>extend([], scheduleData, null, true) };
public cssClass: string = 'schedule-cell-dimension';
}
|
import { Component, ViewEncapsulation } from '@angular/core';
import { extend } from '@syncfusion/ej2-base';
import { EventSettingsModel, View, TimelineViewsService, TimelineMonthService, AgendaService, ResizeService, DragAndDropService } from '@syncfusion/ej2-ng-schedule';
import { scheduleData } from './datasource';
@Component({
selector: 'control-content',
templateUrl: 'default.html',
styles: [`
.schedule-cell-dimension.e-schedule .e-timeline-view.e-timeline-day-view .e-work-cells,
.schedule-cell-dimension.e-schedule .e-timeline-view.e-timeline-day-view .e-date-header-wrap table col,
.schedule-cell-dimension.e-schedule .e-timeline-view.e-timeline-day-view .e-content-wrap table col {
width: 150px;
}
.schedule-cell-dimension.e-schedule .e-timeline-view.e-timeline-week-view .e-work-cells,
.schedule-cell-dimension.e-schedule .e-timeline-view.e-timeline-week-view .e-date-header-wrap table col,
.schedule-cell-dimension.e-schedule .e-timeline-view.e-timeline-week-view .e-content-wrap table col {
width: 200px;
}
.schedule-cell-dimension.e-schedule .e-timeline-view.e-timeline-work-week-view .e-work-cells,
.schedule-cell-dimension.e-schedule .e-timeline-view.e-timeline-work-week-view .e-date-header-wrap table col,
.schedule-cell-dimension.e-schedule .e-timeline-view.e-timeline-work-week-view .e-content-wrap table col {
width: 200px;
}
.schedule-cell-dimension.e-schedule .e-timeline-month-view .e-work-cells,
.schedule-cell-dimension.e-schedule .e-timeline-month-view .e-date-header-wrap table col,
.schedule-cell-dimension.e-schedule .e-timeline-month-view .e-content-wrap table col {
width: 300px;
}`],
encapsulation: ViewEncapsulation.None
})
export class DefaultComponent {
public selectedDate: Date = new Date(2018, 1, 15);
public eventSettings: EventSettingsModel = { dataSource: <Object[]>extend([], scheduleData, null, true) };
public cssClass: string = 'schedule-cell-dimension';
public currentView: View = 'TimelineWeek';
}
|