Skip to content

Commit 84aa919

Browse files
marin-bratanovmarin-bratanov
committed
chore(scheduler): simplify examples
1 parent 42acb2a commit 84aa919

File tree

7 files changed

+74
-68
lines changed

7 files changed

+74
-68
lines changed

‎components/scheduler/views/day.md

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -33,66 +33,66 @@ In this article:
3333
````CSHTML
3434
@* Define the day view. The screenshot above is the result from this code snippet *@
3535
36-
<TelerikScheduler Data="@Appointments" @bind-Date="@StartDate" Height="600px"
37-
StartField="@(nameof(SchedulerAppointment.StartTime))"
38-
EndField="@(nameof(SchedulerAppointment.EndTime))"
39-
TitleField="@(nameof(SchedulerAppointment.Title))"
40-
DescriptionField="@(nameof(SchedulerAppointment.Description))"
41-
IsAllDayField="@(nameof(SchedulerAppointment.IsAllDay))">
36+
<TelerikScheduler Data="@Appointments" @bind-Date="@StartDate" Height="600px">
4237
<SchedulerViews>
4338
<SchedulerDayView StartTime="@DayStart" EndTime="@DayEnd" WorkDayStart="@WorkDayStart" WorkDayEnd="@WorkDayEnd" />
4439
</SchedulerViews>
4540
</TelerikScheduler>
4641
4742
@code {
48-
public DateTime StartDate { get; set; } = new DateTime(2019, 11, 29);
43+
public DateTime StartDate { get; set; } = new DateTime(2019, 12, 2);
4944
//the time portions are important
5045
public DateTime DayStart { get; set; } = new DateTime(2000, 1, 1, 8, 0, 0);
5146
public DateTime DayEnd { get; set; } = new DateTime(2000, 1, 1, 20, 0, 0);
5247
public DateTime WorkDayStart { get; set; } = new DateTime(2000, 1, 1, 9, 0, 0);
5348
public DateTime WorkDayEnd { get; set; } = new DateTime(2000, 1, 1, 17, 0, 0);
5449
List<SchedulerAppointment> Appointments = new List<SchedulerAppointment>()
55-
{
50+
{
5651
new SchedulerAppointment
5752
{
53+
Id = Guid.NewGuid(),
5854
Title = "Board meeting",
5955
Description = "Q4 is coming to a close, review the details.",
60-
StartTime = new DateTime(2019, 11, 29, 10, 00, 0),
61-
EndTime = new DateTime(2019, 11, 29, 11, 30, 0)
56+
Start = new DateTime(2019, 12, 5, 10, 00, 0),
57+
End = new DateTime(2019, 12, 5, 11, 30, 0)
6258
},
6359
6460
new SchedulerAppointment
6561
{
62+
Id = Guid.NewGuid(),
6663
Title = "Vet visit",
6764
Description = "The cat needs vaccinations and her teeth checked.",
68-
StartTime = new DateTime(2019, 11, 28, 11, 30, 0),
69-
EndTime = new DateTime(2019, 11, 28, 12, 0, 0)
65+
Start = new DateTime(2019, 12, 2, 11, 30, 0),
66+
End = new DateTime(2019, 12, 2, 12, 0, 0)
7067
},
7168
7269
new SchedulerAppointment
7370
{
71+
Id = Guid.NewGuid(),
7472
Title = "Planning meeting",
7573
Description = "Kick off the new project.",
76-
StartTime = new DateTime(2019, 11, 30, 9, 30, 0),
77-
EndTime = new DateTime(2019, 11, 30, 12, 45, 0)
74+
Start = new DateTime(2019, 12, 6, 9, 30, 0),
75+
End = new DateTime(2019, 12, 6, 12, 45, 0)
7876
},
7977
8078
new SchedulerAppointment
8179
{
80+
Id = Guid.NewGuid(),
8281
Title = "Trip to Hawaii",
8382
Description = "An unforgettable holiday!",
8483
IsAllDay = true,
85-
StartTime = new DateTime(2019, 11, 27),
86-
EndTime = new DateTime(2019, 12, 07)
84+
Start = new DateTime(2019, 11, 27),
85+
End = new DateTime(2019, 12, 05)
8786
}
8887
};
8988
9089
public class SchedulerAppointment
9190
{
91+
public Guid Id { get; set; }
9292
public string Title { get; set; }
9393
public string Description { get; set; }
94-
public DateTime StartTime { get; set; }
95-
public DateTime EndTime { get; set; }
94+
public DateTime Start { get; set; }
95+
public DateTime End { get; set; }
9696
public bool IsAllDay { get; set; }
9797
}
9898
}

‎components/scheduler/views/images/day-view-sample.png

800 Bytes
Loading

‎components/scheduler/views/images/multiday-view-sample.png

-456 Bytes
Loading

‎components/scheduler/views/images/week-view-sample.png

160 Bytes
Loading

‎components/scheduler/views/multiday.md

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -34,12 +34,7 @@ In this article:
3434
````CSHTML
3535
@* Define the multiday view. The screenshot above is the result from this code snippet *@
3636
37-
<TelerikScheduler Data="@Appointments" @bind-Date="@StartDate" Height="600px"
38-
StartField="@(nameof(SchedulerAppointment.StartTime))"
39-
EndField="@(nameof(SchedulerAppointment.EndTime))"
40-
TitleField="@(nameof(SchedulerAppointment.Title))"
41-
DescriptionField="@(nameof(SchedulerAppointment.Description))"
42-
IsAllDayField="@(nameof(SchedulerAppointment.IsAllDay))">
37+
<TelerikScheduler Data="@Appointments" @bind-Date="@StartDate" Height="600px" Width="800px">
4338
<SchedulerViews>
4439
<SchedulerMultiDayView StartTime="@DayStart" EndTime="@DayEnd" WorkDayStart="@WorkDayStart" WorkDayEnd="@WorkDayEnd" NumberOfDays="10" />
4540
</SchedulerViews>
@@ -56,44 +51,49 @@ In this article:
5651
{
5752
new SchedulerAppointment
5853
{
54+
Id = Guid.NewGuid(),
5955
Title = "Board meeting",
6056
Description = "Q4 is coming to a close, review the details.",
61-
StartTime = new DateTime(2019, 12, 5, 10, 00, 0),
62-
EndTime = new DateTime(2019, 12, 5, 11, 30, 0)
57+
Start = new DateTime(2019, 12, 5, 10, 00, 0),
58+
End = new DateTime(2019, 12, 5, 11, 30, 0)
6359
},
6460
6561
new SchedulerAppointment
6662
{
63+
Id = Guid.NewGuid(),
6764
Title = "Vet visit",
6865
Description = "The cat needs vaccinations and her teeth checked.",
69-
StartTime = new DateTime(2019, 11, 29, 11, 30, 0),
70-
EndTime = new DateTime(2019, 11, 29, 12, 0, 0)
66+
Start = new DateTime(2019, 12, 2, 11, 30, 0),
67+
End = new DateTime(2019, 12, 2, 12, 0, 0)
7168
},
7269
7370
new SchedulerAppointment
7471
{
72+
Id = Guid.NewGuid(),
7573
Title = "Planning meeting",
7674
Description = "Kick off the new project.",
77-
StartTime = new DateTime(2019, 12, 6, 9, 30, 0),
78-
EndTime = new DateTime(2019, 12, 6, 12, 45, 0)
75+
Start = new DateTime(2019, 12, 6, 9, 30, 0),
76+
End = new DateTime(2019, 12, 6, 12, 45, 0)
7977
},
8078
8179
new SchedulerAppointment
8280
{
81+
Id = Guid.NewGuid(),
8382
Title = "Trip to Hawaii",
8483
Description = "An unforgettable holiday!",
8584
IsAllDay = true,
86-
StartTime = new DateTime(2019, 11, 27),
87-
EndTime = new DateTime(2019, 12, 05)
85+
Start = new DateTime(2019, 11, 27),
86+
End = new DateTime(2019, 12, 05)
8887
}
8988
};
9089
9190
public class SchedulerAppointment
9291
{
92+
public Guid Id { get; set; }
9393
public string Title { get; set; }
9494
public string Description { get; set; }
95-
public DateTime StartTime { get; set; }
96-
public DateTime EndTime { get; set; }
95+
public DateTime Start { get; set; }
96+
public DateTime End { get; set; }
9797
public bool IsAllDay { get; set; }
9898
}
9999
}

‎components/scheduler/views/overview.md

Lines changed: 23 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -29,21 +29,15 @@ The available views are:
2929
````CSHTML
3030
@* The user can only choose the Day and Week views - the MultiDay view, for example, is not defined *@
3131
32-
<TelerikScheduler Data="@Appointments" @bind-Date="@StartDate" Height="600px" @bind-View="@CurrView"
33-
StartField="@(nameof(SchedulerAppointment.StartTime))"
34-
EndField="@(nameof(SchedulerAppointment.EndTime))"
35-
TitleField="@(nameof(SchedulerAppointment.Title))"
36-
DescriptionField="@(nameof(SchedulerAppointment.Description))"
37-
IsAllDayField="@(nameof(SchedulerAppointment.IsAllDay))">
32+
<TelerikScheduler Data="@Appointments" @bind-Date="@StartDate" Height="600px" Width="800px">
3833
<SchedulerViews>
3934
<SchedulerDayView StartTime="@DayStart" EndTime="@DayEnd" WorkDayStart="@WorkDayStart" WorkDayEnd="@WorkDayEnd" />
4035
<SchedulerWeekView StartTime="@DayStart" EndTime="@DayEnd" WorkDayStart="@WorkDayStart" WorkDayEnd="@WorkDayEnd" />
4136
</SchedulerViews>
4237
</TelerikScheduler>
4338
4439
@code {
45-
public DateTime StartDate { get; set; } = new DateTime(2019, 11, 29);
46-
public SchedulerView CurrView { get; set; } = SchedulerView.Week;
40+
public DateTime StartDate { get; set; } = new DateTime(2019, 12, 2);
4741
//the time portions are important
4842
public DateTime DayStart { get; set; } = new DateTime(2000, 1, 1, 8, 0, 0);
4943
public DateTime DayEnd { get; set; } = new DateTime(2000, 1, 1, 20, 0, 0);
@@ -53,36 +47,49 @@ The available views are:
5347
{
5448
new SchedulerAppointment
5549
{
50+
Id = Guid.NewGuid(),
51+
Title = "Board meeting",
52+
Description = "Q4 is coming to a close, review the details.",
53+
Start = new DateTime(2019, 12, 5, 10, 00, 0),
54+
End = new DateTime(2019, 12, 5, 11, 30, 0)
55+
},
56+
57+
new SchedulerAppointment
58+
{
59+
Id = Guid.NewGuid(),
5660
Title = "Vet visit",
5761
Description = "The cat needs vaccinations and her teeth checked.",
58-
StartTime = new DateTime(2019, 11, 26, 11, 30, 0),
59-
EndTime = new DateTime(2019, 11, 26, 12, 0, 0)
62+
Start = new DateTime(2019, 12, 2, 11, 30, 0),
63+
End = new DateTime(2019, 12, 2, 12, 0, 0)
6064
},
6165
6266
new SchedulerAppointment
6367
{
68+
Id = Guid.NewGuid(),
6469
Title = "Planning meeting",
6570
Description = "Kick off the new project.",
66-
StartTime = new DateTime(2019, 11, 25, 9, 30, 0),
67-
EndTime = new DateTime(2019, 11, 25, 12, 45, 0)
71+
Start = new DateTime(2019, 12, 6, 9, 30, 0),
72+
End = new DateTime(2019, 12, 6, 12, 45, 0)
6873
},
6974
7075
new SchedulerAppointment
7176
{
77+
Id = Guid.NewGuid(),
7278
Title = "Trip to Hawaii",
7379
Description = "An unforgettable holiday!",
7480
IsAllDay = true,
75-
StartTime = new DateTime(2019, 11, 27),
76-
EndTime = new DateTime(2019, 12, 07)
81+
Start = new DateTime(2019, 11, 27),
82+
End = new DateTime(2019, 12, 05)
7783
}
7884
};
7985
8086
public class SchedulerAppointment
8187
{
88+
public Guid Id { get; set; }
8289
public string Title { get; set; }
8390
public string Description { get; set; }
84-
public DateTime StartTime { get; set; }
85-
public DateTime EndTime { get; set; }
91+
public DateTime Start { get; set; }
92+
public DateTime End { get; set; }
8693
public bool IsAllDay { get; set; }
8794
}
8895
}

‎components/scheduler/views/week.md

Lines changed: 17 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -33,19 +33,14 @@ In this article:
3333
````CSHTML
3434
@* Define the day view. The screenshot above is the result from this code snippet *@
3535
36-
<TelerikScheduler Data="@Appointments" @bind-Date="@StartDate" Height="600px"
37-
StartField="@(nameof(SchedulerAppointment.StartTime))"
38-
EndField="@(nameof(SchedulerAppointment.EndTime))"
39-
TitleField="@(nameof(SchedulerAppointment.Title))"
40-
DescriptionField="@(nameof(SchedulerAppointment.Description))"
41-
IsAllDayField="@(nameof(SchedulerAppointment.IsAllDay))">
36+
<TelerikScheduler Data="@Appointments" @bind-Date="@StartDate" Height="600px" Width="800px">
4237
<SchedulerViews>
4338
<SchedulerWeekView StartTime="@DayStart" EndTime="@DayEnd" WorkDayStart="@WorkDayStart" WorkDayEnd="@WorkDayEnd" />
4439
</SchedulerViews>
4540
</TelerikScheduler>
4641
4742
@code {
48-
public DateTime StartDate { get; set; } = new DateTime(2019, 11, 29);
43+
public DateTime StartDate { get; set; } = new DateTime(2019, 12, 2);
4944
//the time portions are important
5045
public DateTime DayStart { get; set; } = new DateTime(2000, 1, 1, 8, 0, 0);
5146
public DateTime DayEnd { get; set; } = new DateTime(2000, 1, 1, 20, 0, 0);
@@ -55,48 +50,52 @@ In this article:
5550
{
5651
new SchedulerAppointment
5752
{
53+
Id = Guid.NewGuid(),
5854
Title = "Board meeting",
5955
Description = "Q4 is coming to a close, review the details.",
60-
StartTime = new DateTime(2019, 11, 29, 10, 00, 0),
61-
EndTime = new DateTime(2019, 11, 29, 11, 30, 0)
56+
Start = new DateTime(2019, 12, 5, 10, 00, 0),
57+
End = new DateTime(2019, 12, 5, 11, 30, 0)
6258
},
6359
6460
new SchedulerAppointment
6561
{
62+
Id = Guid.NewGuid(),
6663
Title = "Vet visit",
6764
Description = "The cat needs vaccinations and her teeth checked.",
68-
StartTime = new DateTime(2019, 11, 28, 11, 30, 0),
69-
EndTime = new DateTime(2019, 11, 28, 12, 0, 0)
65+
Start = new DateTime(2019, 12, 2, 11, 30, 0),
66+
End = new DateTime(2019, 12, 2, 12, 0, 0)
7067
},
7168
7269
new SchedulerAppointment
7370
{
71+
Id = Guid.NewGuid(),
7472
Title = "Planning meeting",
7573
Description = "Kick off the new project.",
76-
StartTime = new DateTime(2019, 11, 27, 9, 30, 0),
77-
EndTime = new DateTime(2019, 11, 27, 12, 45, 0)
74+
Start = new DateTime(2019, 12, 6, 9, 30, 0),
75+
End = new DateTime(2019, 12, 6, 12, 45, 0)
7876
},
7977
8078
new SchedulerAppointment
8179
{
80+
Id = Guid.NewGuid(),
8281
Title = "Trip to Hawaii",
8382
Description = "An unforgettable holiday!",
8483
IsAllDay = true,
85-
StartTime = new DateTime(2019, 11, 27),
86-
EndTime = new DateTime(2019, 12, 07)
84+
Start = new DateTime(2019, 11, 27),
85+
End = new DateTime(2019, 12, 05)
8786
}
8887
};
8988
9089
public class SchedulerAppointment
9190
{
91+
public Guid Id { get; set; }
9292
public string Title { get; set; }
9393
public string Description { get; set; }
94-
public DateTime StartTime { get; set; }
95-
public DateTime EndTime { get; set; }
94+
public DateTime Start { get; set; }
95+
public DateTime End { get; set; }
9696
public bool IsAllDay { get; set; }
9797
}
9898
}
99-
10099
````
101100

102101

0 commit comments

Comments
 (0)