Skip to content

Commit de297ce

Browse files
committed
feat: onCellClick callback and highlight appointments for days
1 parent 8eb0067 commit de297ce

File tree

5 files changed

+319
-89
lines changed

5 files changed

+319
-89
lines changed

packages/devextreme-scss/scss/widgets/base/scheduler/views/year/_index.scss

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,23 @@
2929
.dx-calendar-cell {
3030
cursor: pointer;
3131

32+
&.dx-calendar-other-month {
33+
opacity: 0.5;
34+
}
35+
3236
&:hover {
33-
background-color: $scheduler-workspace-hovered-cell-color;
37+
background-color: #f5f5f5;
38+
}
39+
40+
.dx-scheduler-year-calendar-has-appointment {
41+
background-color: #337ab7;
42+
color: #fff;
43+
border-radius: 50%;
44+
display: inline-block;
45+
width: 1.5em;
46+
height: 1.5em;
47+
line-height: 1.5em;
48+
text-align: center;
3449
}
3550
}
3651
}

packages/devextreme/js/__internal/scheduler/m_scheduler.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -893,6 +893,10 @@ class Scheduler extends SchedulerOptionsBaseWidget {
893893
if (this._isAgenda()) {
894894
this._workSpace.renderAgendaLayout(viewModel);
895895
}
896+
897+
if (this.currentView.type === 'year') {
898+
workspace.repaint();
899+
}
896900
}
897901

898902
_initExpressions(fields: IFieldExpr) {

packages/devextreme/js/__internal/scheduler/view_model/appointments_layout_manager.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,9 @@ class AppointmentLayoutManager {
3939

4040
public generateViewModel(): AppointmentViewModelPlain[] {
4141
const viewType = this.schedulerStore.currentView.type;
42+
if (viewType === 'year') {
43+
return [];
44+
}
4245
if (viewType === 'agenda') {
4346
const viewModel = generateAgendaViewModel(this.schedulerStore, this.filteredItems);
4447
return viewModel.map((item) => ({

0 commit comments

Comments
 (0)