TempAreaPanel.xaml

<UserControl x:Class="FLY.IBC.UI.Client.UiModule.TempAreaPanel"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:FLY.IBC.UI.Client.UiModule"
             xmlns:ut="clr-namespace:FLY.IBC.UI.Client.UnitTests"
             mc:Ignorable="d" >
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/FLY.IBC.UI.Client;component/Themes/TempAreaPanelStyle.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/FLY.IBC.UI.Client;component/Themes/UcTcStyle.xaml"/>
            </ResourceDictionary.MergedDictionaries>
            <ut:IbcServiceUt x:Key="viewModel"/>
            <Style x:Key="UcTcStyle1" TargetType="{x:Type UserControl}">
                <Setter Property="Width" Value="155"/>
                <Setter Property="Margin" Value="5"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type UserControl}">
                            <Grid >

                                <Border Background="{StaticResource DashBoardBrush}" BorderBrush="{StaticResource DashBoardBorderBrush}" BorderThickness="3" CornerRadius="3">
                                    <Grid>
                                        <Grid.RowDefinitions>
                                            <RowDefinition/>
                                            <RowDefinition Height="auto"/>
                                        </Grid.RowDefinitions>

                                        <StackPanel>
                                            <Grid Margin="2" >
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition Width="auto"/>
                                                    <ColumnDefinition/>
                                                </Grid.ColumnDefinitions>
                                                <TextBlock Text="PV" Foreground="{StaticResource PrintBrush}" Margin="2"/>
                                                <TextBlock Grid.Column="1" Style="{StaticResource SegTextStyle}" 
                                   Text="{Binding TempPV,StringFormat={}{0:0.#}}" />
                                            </Grid>
                                            <Rectangle Height="2" Fill="{StaticResource PrintBrush}"/>
                                            <Grid Margin="2" >
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition Width="auto"/>
                                                    <ColumnDefinition/>
                                                </Grid.ColumnDefinitions>
                                                <TextBlock Text="SV" Foreground="{StaticResource PrintBrush}" Margin="2"/>
                                                <TextBlock Grid.Column="1" Style="{StaticResource SegTextStyle}" Foreground="{StaticResource SegOrangeBrush}"
                                   Text="{Binding TempSV,StringFormat={}{0:0.#}}" />
                                            </Grid>
                                            <Rectangle Height="2" Fill="{StaticResource PrintBrush}"/>
                                            <Grid Margin="2,2,2,5">
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition/>
                                                    <ColumnDefinition/>
                                                    <ColumnDefinition/>
                                                    <ColumnDefinition/>
                                                </Grid.ColumnDefinitions>

                                                <ToggleButton IsChecked="{Binding IsHeatingSet,Mode=OneWay}" Content="Run" IsEnabled="False" Style="{StaticResource LedStyle}"/>
                                                <ToggleButton Grid.Column="1" IsChecked="{Binding IsHeating,Mode=OneWay}" Content="OT1" IsEnabled="False" Style="{StaticResource LedStyle}"/>
                                                <ToggleButton Grid.Column="2" IsChecked="{Binding IsSelfAdjusting,Mode=OneWay}" Content="AT" IsEnabled="False" Style="{StaticResource LedStyle}"/>
                                                <ToggleButton Grid.Column="3" IsChecked="{Binding IsCooling,Mode=OneWay}" Content="OT2" IsEnabled="False" Style="{StaticResource LedStyle}"/>
                                            </Grid>
                                        </StackPanel>
                                        <TextBlock Background="{StaticResource BrandBrush}" Grid.Row="1" Height="8" Text="8888888" FontWeight="Bold" Padding="1" FontSize="5" Foreground="{StaticResource PrintBrush}"/>

                                    </Grid>
                                </Border>
                                <TextBlock HorizontalAlignment="Right" VerticalAlignment="Top"
                           Background="{StaticResource Color_badgeBg}" Foreground="{StaticResource Color_badgeText}" 
                           Padding="6,2"
                           FontSize="30"
                           Text="{Binding Number}" Margin="0,-5,-5,0"/>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ResourceDictionary>
    </UserControl.Resources>
    <Viewbox Stretch="Uniform" VerticalAlignment="Top" HorizontalAlignment="Left">
        <Grid d:DataContext="{StaticResource viewModel}">
            <Grid.RowDefinitions>
                <RowDefinition Height="5*"/>
                <RowDefinition Height="871*"/>
            </Grid.RowDefinitions>
            <StackPanel Grid.RowSpan="2">
                
                <ItemsControl ItemsSource="{Binding TAreas}">
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Button Style="{StaticResource ButtonStyle_empty}" Tag="{Binding .}" Click="btnTAreaClick">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="auto"/>
                                        <ColumnDefinition />
                                        <ColumnDefinition />
                                        <ColumnDefinition />
                                        <ColumnDefinition />
                                        <ColumnDefinition />
                                        <ColumnDefinition />
                                    </Grid.ColumnDefinitions>
                                    <Border Style="{StaticResource BorderStyle_block}" CornerRadius="5,0,0,5"  Margin="5" Width="100">
                                        <TextBlock Text="{Binding Number}" FontSize="50" Foreground="{StaticResource Color_title}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                    </Border>
                                    <UserControl Style="{StaticResource UcTcStyle1}" Grid.Column="1" DataContext="{Binding Temperatures[0]}" />
                                    <UserControl Style="{StaticResource UcTcStyle1}" Grid.Column="2" DataContext="{Binding Temperatures[1]}" />
                                    <UserControl Style="{StaticResource UcTcStyle1}" Grid.Column="3" DataContext="{Binding Temperatures[2]}" />
                                    <UserControl Style="{StaticResource UcTcStyle1}" Grid.Column="4" DataContext="{Binding Temperatures[3]}" />
                                    <UserControl Style="{StaticResource UcTcStyle1}" Grid.Column="5" DataContext="{Binding Temperatures[4]}" />
                                    <UserControl Style="{StaticResource UcTcStyle1}" Grid.Column="6" DataContext="{Binding Temperatures[5]}" />
                                    <!--<local:UcTc  Grid.Column="1" DataContext="{Binding Temperatures[0]}" />
                                    <local:UcTc  Grid.Column="2" DataContext="{Binding Temperatures[1]}" />
                                    <local:UcTc  Grid.Column="3" DataContext="{Binding Temperatures[2]}" />
                                    <local:UcTc  Grid.Column="4" DataContext="{Binding Temperatures[3]}" />
                                    <local:UcTc  Grid.Column="5" DataContext="{Binding Temperatures[4]}" />
                                    <local:UcTc  Grid.Column="6" DataContext="{Binding Temperatures[5]}" />-->

                                </Grid>
                            </Button>

                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
            </StackPanel>
        </Grid>
    </Viewbox>
</UserControl>