Refactor code structure for improved readability and maintainability

DaireApplication/Views/UserController/ManualControl.axaml

@@ -0,0 +1,535 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             Width="1280"
+             Height="620"
+       Background="#B3B3B3"
+             x:Class="DaireApplication.ManualControl">
+	<Grid RowDefinitions="*">
+		<Grid Grid.Row="0" ColumnDefinitions="*,Auto,*">
+			<Grid Grid.Column="0"  RowDefinitions="2*,0.9*,2*" Margin="0,0,-100,0">
+				<!--1st box-->
+				<StackPanel Grid.Row="0"  HorizontalAlignment="Right" VerticalAlignment="Center">
+					<Border
+				Width="290"
+				Height="150"
+				Background="#f9f9f9"
+				CornerRadius="10"
+				Padding="5,10">
+						<StackPanel Spacing="5">
+							<TextBlock
+								FontSize="15"
+								HorizontalAlignment="Center"
+								Foreground="#ff0000"
+								FontWeight="Medium">HELIX HEATING CONTROL</TextBlock>
+							<!--Temp Control-->
+							<StackPanel Orientation="Horizontal" Spacing="5">
+								<Border
+									Width="100"
+									Height="63"
+									Background="#e6e6e6"
+									CornerRadius="5"
+									Padding="5"
+									Tag="t3"
+									PointerPressed="ShowNumberKeyBoard">
+									<StackPanel Spacing="7">
+										<TextBlock
+											FontSize="15"
+											HorizontalAlignment="Center"
+											Foreground="#666666">SET TEMP.</TextBlock>
+										<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+											<TextBlock
+												x:Name="setHelixText"
+											FontSize="23.5"
+											HorizontalAlignment="Center"
+											Foreground="#af196f">+0</TextBlock>
+											<TextBlock
+											FontSize="23.5"
+											HorizontalAlignment="Center"
+											Foreground="#af196f">°C</TextBlock>
+										</StackPanel>
+
+									</StackPanel>
+								</Border>
+								<Border
+									Width="100"
+									Height="63"
+									Background="#e6e6e6"
+									CornerRadius="5"
+									Padding="5">
+									<StackPanel Spacing="7">
+										<TextBlock
+											FontSize="15"
+											HorizontalAlignment="Center"
+											Foreground="#666666">REAL TEMP.</TextBlock>
+										<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+											<TextBlock
+												x:Name="pumbRealTemp"
+											FontSize="23.5"
+											HorizontalAlignment="Center"
+											Foreground="#000000">
+												0
+											</TextBlock>
+											<TextBlock
+											FontSize="23.5"
+											HorizontalAlignment="Center"
+											Foreground="#000000">°C</TextBlock>
+										</StackPanel>
+
+									</StackPanel>
+								</Border>
+								<StackPanel Spacing="3">
+									<Border Width="70"
+											Height="30"
+											Background="#e6e6e6"
+											CornerRadius="5"
+											Padding="5">
+										<StackPanel Spacing="9">
+											<TextBlock FontSize="15"
+												   HorizontalAlignment="Center"
+												   Foreground="#231f20">AUTO</TextBlock>
+											<!-- Underline -->
+											<Rectangle Fill="#666666" Height="5" Width="60" Margin="0,-15,0,0"></Rectangle>
+										</StackPanel>
+
+									</Border>
+									<Border Width="70"
+											Height="30"
+											Background="#e6e6e6"
+											CornerRadius="5"
+											Padding="5">
+										<StackPanel Spacing="9">
+											<TextBlock FontSize="15"
+												   HorizontalAlignment="Center"
+												   Foreground="#231f20">ON/OFF</TextBlock>
+											<!-- Underline -->
+											<Rectangle Fill="#666666" Height="5" Width="60" Margin="0,-15,0,0"></Rectangle>
+										</StackPanel>
+
+									</Border>
+								</StackPanel>
+							</StackPanel>
+							<Border Width="276"
+									Height="40"
+									Background="#e6e6e6"
+									CornerRadius="5"
+									Padding="5">
+								<StackPanel Spacing="13">
+									<TextBlock
+							FontSize="19"
+							Foreground="#231f20"
+							HorizontalAlignment="Center">HELIX MOTOR ON / OFF</TextBlock>
+									<!-- Underline -->
+									<Rectangle Fill="#666666" Height="5" Width="265" Margin="0,-15,0,0"></Rectangle>
+								</StackPanel>
+
+							</Border>
+						</StackPanel>
+					</Border>
+				</StackPanel>
+				<!--2ed box-->
+				<StackPanel Grid.Row="1" HorizontalAlignment="Right" >
+					<Border
+				Width="290"
+				Height="55"
+				Background="#f9f9f9"
+				CornerRadius="10"
+				Padding="5">
+						<StackPanel>
+							<TextBlock FontSize="15"
+									   Foreground="#800000"
+									   HorizontalAlignment="Center"
+									   FontWeight="Medium">TANK WALL TEMPERETURE</TextBlock>
+							<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+								<TextBlock
+									x:Name="tankWallRealTemp"
+									FontSize="23"
+										   FontWeight="DemiBold"
+									   Foreground="#333333"
+								   >0</TextBlock>
+								<TextBlock FontSize="23"
+										   FontWeight="DemiBold"
+									   Foreground="#333333"
+								   >°C</TextBlock>
+							</StackPanel>
+
+						</StackPanel>
+
+					</Border>
+				</StackPanel>
+				<!--3rd box-->
+				<StackPanel Grid.Row="2"  HorizontalAlignment="Right" >
+					<Border
+				Width="290"
+				Height="150"
+				Background="#f9f9f9"
+				CornerRadius="10"
+				Padding="5,10">
+						<StackPanel Spacing="5">
+							<TextBlock
+								FontSize="15"
+								HorizontalAlignment="Center"
+								Foreground="#ff0000"
+								FontWeight="Medium">TANK HEATING CONTROL</TextBlock>
+							<!--Temp Control-->
+							<StackPanel Orientation="Horizontal" Spacing="5">
+								<Border
+									Width="100"
+									Height="63"
+									Background="#e6e6e6"
+									CornerRadius="5"
+									Padding="5"
+									Tag="t1"
+									PointerPressed="ShowNumberKeyBoard">
+									<StackPanel Spacing="7">
+										<TextBlock
+											FontSize="15"
+											HorizontalAlignment="Center"
+											Foreground="#666666">SET TEMP.</TextBlock>
+										<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+											<TextBlock
+												
+												x:Name="setTankBtmText"
+											FontSize="23.5"
+											HorizontalAlignment="Center"
+											Foreground="#af196f">+0</TextBlock>
+											<TextBlock
+											FontSize="23.5"
+											HorizontalAlignment="Center"
+											Foreground="#af196f">°C</TextBlock>
+										</StackPanel>
+
+									</StackPanel>
+								</Border>
+								<Border
+									Width="100"
+									Height="63"
+									Background="#e6e6e6"
+									CornerRadius="5"
+									Padding="5">
+									<StackPanel Spacing="7">
+										<TextBlock
+											FontSize="15"
+											HorizontalAlignment="Center"
+											Foreground="#666666">REAL TEMP.</TextBlock>
+										<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+											<TextBlock
+												x:Name="tankBtmRealTemp"
+											FontSize="23.5"
+											HorizontalAlignment="Center"
+											Foreground="#000000">0</TextBlock>
+											<TextBlock
+											FontSize="23.5"
+											HorizontalAlignment="Center"
+											Foreground="#000000">°C</TextBlock>
+										</StackPanel>
+
+									</StackPanel>
+								</Border>
+								<StackPanel Spacing="3">
+									<Border Width="70"
+											Height="30"
+											Background="#e6e6e6"
+											CornerRadius="5"
+											Padding="5">
+										<StackPanel Spacing="9">
+											<TextBlock FontSize="15"
+												   HorizontalAlignment="Center"
+												   Foreground="#231f20">AUTO</TextBlock>
+											<!-- Underline -->
+											<Rectangle Fill="#666666" Height="5" Width="60" Margin="0,-15,0,0"></Rectangle>
+										</StackPanel>
+
+									</Border>
+									<Border Width="70"
+											Height="30"
+											Background="#e6e6e6"
+											CornerRadius="5"
+											Padding="5">
+										<StackPanel Spacing="9">
+											<TextBlock FontSize="15"
+												   HorizontalAlignment="Center"
+												   Foreground="#231f20">ON/OFF</TextBlock>
+											<!-- Underline -->
+											<Rectangle Fill="#666666" Height="5" Width="60" Margin="0,-15,0,0"></Rectangle>
+										</StackPanel>
+
+									</Border>
+								</StackPanel>
+							</StackPanel>
+							<Border Width="276"
+									Height="40"
+									Background="#e6e6e6"
+									CornerRadius="5"
+									Padding="5">
+								<StackPanel Spacing="13">
+									<TextBlock
+							FontSize="19"
+							Foreground="#231f20"
+							HorizontalAlignment="Center">HELIX MOTOR ON / OFF</TextBlock>
+									<!-- Underline -->
+									<Rectangle Fill="#666666" Height="5" Width="265" Margin="0,-15,0,0"></Rectangle>
+								</StackPanel>
+
+							</Border>
+						</StackPanel>
+					</Border>
+				</StackPanel>
+			</Grid>
+			<Grid Grid.Column="1" Height="596" Width="484">
+
+
+				<Grid.Background >
+					<ImageBrush  Source="/Assets/ManualControlMachine.png" />
+				</Grid.Background>
+			</Grid>
+			<Grid Grid.Column="2" RowDefinitions="*,0*,*,*"  HorizontalAlignment="Left">
+				<Border Width="290"
+						Height="103"
+						Background="#f9f9f9"
+						CornerRadius="10"
+						HorizontalAlignment="Left"
+						Margin="-140,0,0,0"
+						Padding="5">
+					<StackPanel>
+						<TextBlock FontSize="15"
+								   Foreground="#0000ff"
+								   FontWeight="Medium"
+								   HorizontalAlignment="Center">CHOCOLATE COOLING CONTROL</TextBlock>
+						<StackPanel Orientation="Horizontal" Spacing="5">
+							<Border
+						Width="100"
+						Height="63"
+						Background="#e6e6e6"
+						CornerRadius="5"
+						Padding="5"
+						Tag="t4"
+						PointerPressed="ShowNumberKeyBoard">
+								<StackPanel Spacing="7">
+									<TextBlock
+										FontSize="15"
+										HorizontalAlignment="Center"
+										Foreground="#666666">SET TEMP.</TextBlock>
+									<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+										<TextBlock
+												x:Name="setChocolateText"
+											
+										FontSize="23.5"
+										HorizontalAlignment="Center"
+										Foreground="#af196f">+0</TextBlock>
+										<TextBlock
+										FontSize="23.5"
+										HorizontalAlignment="Center"
+										Foreground="#af196f">°C</TextBlock>
+									</StackPanel>
+
+								</StackPanel>
+							</Border>
+							<Border
+								Width="100"
+								Height="63"
+								Background="#e6e6e6"
+								CornerRadius="5"
+								Padding="5">
+								<StackPanel Spacing="7">
+									<TextBlock
+										FontSize="15"
+										HorizontalAlignment="Center"
+										Foreground="#666666">REAL TEMP.</TextBlock>
+									<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+										<TextBlock
+											x:Name="ChocolateRealTemp"
+											
+										FontSize="23.5"
+										HorizontalAlignment="Center"
+										Foreground="#000000">0</TextBlock>
+										<TextBlock
+										FontSize="23.5"
+										HorizontalAlignment="Center"
+										Foreground="#000000">°C</TextBlock>
+									</StackPanel>
+
+								</StackPanel>
+							</Border>
+							<StackPanel Spacing="3">
+								<Border Width="70"
+										Height="30"
+										Background="#e6e6e6"
+										CornerRadius="5"
+										Padding="5">
+									<StackPanel Spacing="9">
+										<TextBlock FontSize="15"
+											   HorizontalAlignment="Center"
+											   Foreground="#231f20">AUTO</TextBlock>
+										<!-- Underline -->
+										<Rectangle Fill="#666666" Height="5" Width="60" Margin="0,-15,0,0"></Rectangle>
+									</StackPanel>
+
+								</Border>
+								<Border Width="70"
+										Height="30"
+										Background="#e6e6e6"
+										CornerRadius="5"
+										Padding="5">
+									<StackPanel Spacing="9">
+										<TextBlock FontSize="15"
+											   HorizontalAlignment="Center"
+											   Foreground="#231f20">ON/OFF</TextBlock>
+										<!-- Underline -->
+										<Rectangle Fill="#666666" Height="5" Width="60" Margin="0,-15,0,0"></Rectangle>
+									</StackPanel>
+
+								</Border>
+							</StackPanel>
+						</StackPanel>
+					</StackPanel>
+
+				</Border>
+				<Border Width="150"
+						Height="90"
+						Background="#f9f9f9"
+						Grid.Row="1" CornerRadius="10"
+						Padding="5"
+						PointerPressed="ToggleMoldHeaterClick"
+					>
+					<StackPanel>
+						<TextBlock FontSize="15"
+								   Foreground="#666666"
+								   HorizontalAlignment="Center">MOLD HEATER</TextBlock>
+						<TextBlock x:Name="MoldHeaterStatus" FontSize="47"
+						   Foreground="#231f20"
+						   HorizontalAlignment="Center">OFF</TextBlock>
+						<!-- Underline -->
+						<Rectangle x:Name="MoldHeaterUnderline" Fill="#666666" Height="5" Width="110" Margin="0,-10,0,0"></Rectangle>
+					</StackPanel>
+				</Border>
+				<Border Width="150"
+					Height="90"
+					Background="#f9f9f9"
+					Grid.Row="2" CornerRadius="10"
+						Padding="5"
+						PointerPressed="ToggleVibrationClick"
+					>
+					<StackPanel>
+						<TextBlock FontSize="15"
+								   Foreground="#666666"
+								   HorizontalAlignment="Center">VIBRATION</TextBlock>
+						<TextBlock x:Name="VibrationStatus" FontSize="47"
+						   Foreground="#231f20"
+						   HorizontalAlignment="Center">OFF</TextBlock>
+						<!-- Underline -->
+						<Rectangle x:Name="VibrationUnderline" Fill="#666666" Height="5" Width="110" Margin="0,-10,0,0"></Rectangle>
+					</StackPanel>
+				</Border>
+				<Border Width="150"
+					Height="90"
+					Background="#f9f9f9"
+					Grid.Row="3" CornerRadius="10"
+						VerticalAlignment="Top"
+						Margin="0,-20,0,0"
+						Padding="5"
+						PointerPressed="ToggleVibHeaterClick"
+					>
+					<StackPanel>
+						<TextBlock FontSize="15"
+								   Foreground="#666666"
+								   HorizontalAlignment="Center">VIB. HEATER</TextBlock>
+						<TextBlock x:Name="VibHeaterStatus" FontSize="47"
+						   Foreground="#231f20"
+						   HorizontalAlignment="Center">OFF</TextBlock>
+						<!-- Underline -->
+						<Rectangle x:Name="VibHeaterUnderline" Fill="#666666" Height="5" Width="110" Margin="0,-10,0,0"></Rectangle>
+					</StackPanel>
+				</Border>
+			</Grid>
+
+
+
+		</Grid>
+		<!--number keyBoard-->
+		<Border x:Name="keyBoardPopup"
+			 Background="#80000000"
+			 HorizontalAlignment="Stretch"
+			 VerticalAlignment="Stretch"
+			 IsVisible="False"
+			 ZIndex="50"
+			 PointerPressed="OnPopupOverlayPointerPressed">
+			<Grid MaxWidth="500" MaxHeight="500" HorizontalAlignment="Center" VerticalAlignment="Center"
+				  Margin="0,0,0,0"
+				  PointerPressed="InnerPopupPointerPressed">
+				<Border x:Name="PopupControl"
+						BorderThickness="2"
+						CornerRadius="10"
+						Padding="10"
+						PointerPressed="InnerPopupPointerPressed">
+					<StackPanel VerticalAlignment="Center" HorizontalAlignment="Center" Spacing="10">
+						<!-- Popup Content (Keypad etc.) -->
+						<Grid IsVisible="True">
+							<Grid.Styles>
+								<Style Selector="Button">
+									<Setter Property="Background" Value="White"/>
+									<Setter Property="CornerRadius" Value="20"/>
+									<Setter Property="Width" Value="100"/>
+									<Setter Property="Height" Value="100"/>
+									<Setter Property="FontSize" Value="50"/>
+									<Setter Property="Foreground" Value="Black"/>
+									<Setter Property="VerticalContentAlignment" Value="Center"/>
+									<Setter Property="HorizontalContentAlignment" Value="Center"/>
+								</Style>
+								<Style Selector="Button:pointerover /template/ContentPresenter">
+									<Setter Property="Foreground" Value="Black"/>
+									<Setter Property="Background" Value="White"/>
+									<Setter Property="CornerRadius" Value="20"/>
+									<Setter Property="RenderTransform" Value="scale(1.11)"/>
+								</Style>
+							</Grid.Styles>
+							<Grid.RowDefinitions>
+								<RowDefinition Height="Auto"/>
+								<RowDefinition Height="*"/>
+							</Grid.RowDefinitions>
+							<Grid Grid.Row="1" Margin="10">
+								<Grid.RowDefinitions>
+									<RowDefinition Height="1*"/>
+									<RowDefinition Height="1*"/>
+									<RowDefinition Height="1*"/>
+									<RowDefinition Height="1*"/>
+								</Grid.RowDefinitions>
+								<Grid.ColumnDefinitions>
+									<ColumnDefinition Width="1*"/>
+									<ColumnDefinition Width="1*"/>
+									<ColumnDefinition Width="1*"/>
+									<ColumnDefinition Width="1*"/>
+								</Grid.ColumnDefinitions>
+								<!-- Keypad Buttons -->
+								<Button Content="1" Grid.Row="0" Grid.Column="0" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
+								<Button Content="2" Grid.Row="0" Grid.Column="1" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
+								<Button Content="3" Grid.Row="0" Grid.Column="2" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
+								<Button Content="4" Grid.Row="1" Grid.Column="0" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
+								<Button Content="5" Grid.Row="1" Grid.Column="1" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
+								<Button Content="6" Grid.Row="1" Grid.Column="2" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
+								<Button Content="7" Grid.Row="2" Grid.Column="0" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
+								<Button Content="8" Grid.Row="2" Grid.Column="1" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
+								<Button Content="9" Grid.Row="2" Grid.Column="2" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
+								<Button Content="BACK" Grid.Row="3" Grid.Column="0" FontSize="20" Background="#D3D3D3" Margin="5" Click="OnBackClick"/>
+								<Button Content="0" Grid.Row="3" Grid.Column="1" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
+								<Button x:Name="enterBtn" Content="ENTER" Grid.Row="3" Grid.Column="2" FontSize="20" Background="#A4275D" Foreground="White" Margin="5" Click="EnterClick"/>
+								<Button Content="-" Grid.Row="3" Grid.Column="3" FontSize="50" Background="White" Foreground="Black"
+										 Margin="5" Click="OnKeyClick"/>
+								<Button Content="+" Grid.Row="2" Grid.Column="3" FontSize="50" Background="White" Foreground="Black"
+										 Margin="5" Click="OnKeyClick"/>
+								<Button Content="." Grid.Row="1" Grid.Column="3" FontSize="50" Background="White" Foreground="Black"
+										Margin="5" Click="OnKeyClick"/>
+							</Grid>
+						</Grid>
+					</StackPanel>
+				</Border>
+			</Grid>
+		</Border>
+
+		</Grid>
+
+	
+
+
+</UserControl>