Review correction updated

Review correction updated

Author: Jeyasri-Murugan

HeatMap/SchedulerHeatMap/Helper/MonthCellTemplateSelector.cs

@@ -11,53 +11,30 @@
         <Grid.DataContext>
             <local:HeatMapViewModel />
         </Grid.DataContext>
-        <Grid.Resources>
-            <DataTemplate x:Key="lightGrayTemplate">
-                <Grid Background="#eeeeee">
-                <TextBlock HorizontalAlignment="Left" VerticalAlignment="Top" Margin="5" Text="{Binding DateText}" />
-            </Grid>
-            </DataTemplate>
-            <DataTemplate x:Key="lightGreenTemplate">
-                <Grid Background="#c6e48b">
-                    <TextBlock HorizontalAlignment="Left" VerticalAlignment="Top" Margin="5" Text="{Binding DateText}" />
-                </Grid>
-            </DataTemplate>
-            <DataTemplate x:Key="midGreenTemplate">
-                <Grid Background="#7bc96f">
-                    <TextBlock HorizontalAlignment="Left" VerticalAlignment="Top" Margin="5" Text="{Binding DateText}" />
-                </Grid>
-            </DataTemplate>
-            <DataTemplate x:Key="greenTemplate">
-                <Grid Background="#239a3b">
-                    <TextBlock HorizontalAlignment="Left" VerticalAlignment="Top" Margin="5" Text="{Binding DateText}" />
-                </Grid>
-            </DataTemplate>
-            <DataTemplate x:Key="darkGreenTemplate">
-                <Grid Background="#196127">
-                    <TextBlock HorizontalAlignment="Left" VerticalAlignment="Top" Margin="5" Text="{Binding DateText}" />
-                </Grid>
-            </DataTemplate>
-            <local:MonthCellTemplateSelector x:Key="monthCellTemplateSelector" 
-                                             LightGrayTemplate="{StaticResource lightGrayTemplate}" 
-                                             LightGreenTemplate="{StaticResource lightGreenTemplate}"
-                                             MidGreenTemplate="{StaticResource midGreenTemplate}"
-                                             GreenTemplate="{StaticResource greenTemplate}"
-                                             DarkGreenTemplate="{StaticResource darkGreenTemplate}" />
-        </Grid.Resources>
+      
         <Grid.RowDefinitions>
             <RowDefinition Height="*"/>
             <RowDefinition Height="100"/>
         </Grid.RowDefinitions>
         <Scheduler:SfScheduler x:Name="scheduler" 
-                               ItemsSource="{Binding InternetDataCollection}"
+                               ItemsSource="{Binding InternetDataUsages}"
                                AppointmentEditFlag="None">
+            <!--The collection of internet data object can be assigned to the scheduler ItemsSource property in order to generate the details of appointments in the MonthCell which is used to get the details of the internet data usage for the day-->
             <Scheduler:SfScheduler.AppointmentMapping>
                 <Scheduler:AppointmentMapping StartTime="Date"
                                               AppointmentBackground="Color"/>
             </Scheduler:SfScheduler.AppointmentMapping>
             <Scheduler:SfScheduler.MonthViewSettings>
-                <Scheduler:MonthViewSettings AppointmentDisplayMode="None" 
-                                             MonthCellTemplateSelector="{StaticResource monthCellTemplateSelector}" />
+                <Scheduler:MonthViewSettings AppointmentDisplayMode="None">
+                    <!--Declare the DataTemplate for the scheduler month cell in order to create the heatmap calendar-->
+                    <Scheduler:MonthViewSettings.MonthCellTemplate>
+                        <DataTemplate>
+                            <Grid Background="{Binding Appointments[0].Data.Color}">
+                                <TextBlock HorizontalAlignment="Left" VerticalAlignment="Top" Margin="5" Text="{Binding DateText}" />
+                            </Grid>
+                        </DataTemplate>
+                    </Scheduler:MonthViewSettings.MonthCellTemplate>
+                </Scheduler:MonthViewSettings>
             </Scheduler:SfScheduler.MonthViewSettings>
         </Scheduler:SfScheduler>
         <Grid Grid.Row="1">

HeatMap/SchedulerHeatMap/MainWindow.xaml

@@ -25,6 +25,7 @@
   <ItemGroup>
     <PackageReference Include="Microsoft.WindowsAppSDK" Version="1.0.0" />
     <PackageReference Include="Microsoft.Windows.SDK.BuildTools" Version="10.0.22000.194" />
+    <PackageReference Include="Syncfusion.Core.WinUI" Version="*" />
     <PackageReference Include="Syncfusion.Scheduler.WinUI" Version="*" />
     <Manifest Include="$(ApplicationManifest)" />
   </ItemGroup>

HeatMap/SchedulerHeatMap/SchedulerHeatMap.csproj

@@ -19,32 +19,27 @@ public HeatMapViewModel()
 			this.GenerateData();
 		}
 
-		public ObservableCollection<InternetData> InternetDataCollection { get; set; }
+		public ObservableCollection<InternetData> InternetDataUsages { get; set; }
 
 		/// <summary>
 		/// Generate random data for heat map calendar based on internet data usage.
 		/// </summary>
 		private void GenerateData()
 		{
 			//// Creating an instance for internet data collection.
-			InternetDataCollection = new ObservableCollection<InternetData>();
+			InternetDataUsages = new ObservableCollection<InternetData>();
 			var startDate = DateTime.Now.Date.AddMonths(-2);
 			var random = new Random();
-			//// Data usage in terms of GB.
-			var dataCollection = new ObservableCollection<int>()
-		{
-			1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
-		};
 
 			//// Adding random data to the internet data collection.
 			for (int i = 0; i < 200; i++)
 			{
-				var dataUsage = dataCollection[random.Next(0, dataCollection.Count)];
 				InternetData internetData = new InternetData();
 				internetData.Date = startDate.AddDays(i);
-				internetData.Usage = dataUsage;
-				internetData.Color = GetColor(dataUsage);
-				this.InternetDataCollection.Add(internetData);
+				//// Data usage in terms of GB.
+				internetData.Usage = random.Next(0, 15);
+				internetData.Color = GetColor(internetData.Usage);
+				this.InternetDataUsages.Add(internetData);
 			}
 		}
 
@@ -54,6 +49,7 @@ private void GenerateData()
 		/// <param name="data"></param>
 		private Brush GetColor(int data)
 		{
+			//// Data usage in terms of GB.
 			if (data < 3)
 			{
 				return new SolidColorBrush(Color.FromArgb(255, 238, 238, 238));