SWRIS-HD/Pages/RealTime/RealTimePage.xaml

<Page x:Class="SWRIS.Pages.RealTime.RealTimePage"
      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:SWRIS.Pages.RealTime" 
      xmlns:cvt="clr-namespace:SWRIS.Converters" 
      xmlns:rel="clr-namespace:SWRIS.Pages.RealTime"
      xmlns:stor="clr-namespace:SWRIS.Selectors" 
      xmlns:ctr="clr-namespace:SWRIS.Controls" 
      xmlns:viewmodel="clr-namespace:SWRIS.Models.ViewModel"
      Foreground="#FFFFFF" 
      d:DataContext="{d:DesignInstance Type=viewmodel:RealTimeViewModel}"
      mc:Ignorable="d" 
      Title="RealTimePage">
    <Page.Resources>
        <cvt:MenuNameToPositionConverter x:Key="MenuNameToPositionConverter"/>
        <cvt:MenuNameToColorConverter x:Key="MenuNameToColorConverter"/>
        <cvt:StringEmptyToVisibilityConverter x:Key="StringEmptyToVisibilityConverter"/>
        <cvt:TrolleysToVisibilityConverter x:Key="TrolleysToVisibilityConverter"/>
        <cvt:CollectionToVisibilityConverter x:Key="CollectionToVisibilityConverter"/>
    </Page.Resources>
    <Grid>
        <Grid.Resources>
            <stor:EquipmentsLayoutTemplateSelector x:Key="EquipmentsLayoutTemplateSelector">
                <stor:EquipmentsLayoutTemplateSelector.OneTemplate>
                    <DataTemplate>
                        <rel:OneRopeControl Equipments="{Binding DataContext.Equipments, RelativeSource={RelativeSource AncestorType=Page}}"/>
                    </DataTemplate>
                </stor:EquipmentsLayoutTemplateSelector.OneTemplate>
                <stor:EquipmentsLayoutTemplateSelector.TwoTemplate>
                    <DataTemplate>
                        <rel:TwoRopesControl Equipments="{Binding DataContext.Equipments, RelativeSource={RelativeSource AncestorType=Page}}"/>
                    </DataTemplate>
                </stor:EquipmentsLayoutTemplateSelector.TwoTemplate>
                <stor:EquipmentsLayoutTemplateSelector.ThreeTemplate>
                    <DataTemplate>
                        <rel:ThreeRopesControl Equipments="{Binding DataContext.Equipments, RelativeSource={RelativeSource AncestorType=Page}}"/>
                    </DataTemplate>
                </stor:EquipmentsLayoutTemplateSelector.ThreeTemplate>
                <stor:EquipmentsLayoutTemplateSelector.FourTemplate>
                    <DataTemplate>
                        <rel:FourRopesControl Equipments="{Binding DataContext.Equipments, RelativeSource={RelativeSource AncestorType=Page}}"/>
                    </DataTemplate>
                </stor:EquipmentsLayoutTemplateSelector.FourTemplate>
            </stor:EquipmentsLayoutTemplateSelector>
        </Grid.Resources>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="360"/>
        </Grid.ColumnDefinitions>
        <Border Grid.Row="0" Grid.Column="0" CornerRadius="10" Margin="25,20,25,0" Background="#282752" Padding="20,0"
                Visibility="{Binding Trolleys,Converter={StaticResource TrolleysToVisibilityConverter}}">
            <DockPanel>
                <ItemsControl ItemsSource="{Binding Trolleys}">
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Orientation="Horizontal"/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Border Width="180" Height="70" Cursor="Hand" Margin="3,0" MouseLeftButtonDown="Border_MouseLeftButtonDown">
                                <Border.Style>
                                    <Style TargetType="Border">
                                        <Setter Property="Background">
                                            <Setter.Value>
                                                <ImageBrush ImageSource="/Resources/trolleyActived.png"/>
                                            </Setter.Value>
                                        </Setter>
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding IsActived}" Value="False">
                                                <Setter Property="Background" Value="Transparent"/>
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </Border.Style>
                                <TextBlock FontSize="24" Text="{Binding Name}" TextAlignment="Center" FontWeight="Bold" VerticalAlignment="Center"/>
                            </Border>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
                <ctr:NotificationBar Height="35" MaxWidth="700" FontSize="16" HorizontalAlignment="Right" CornerRadius="15"
                                     Messages="{Binding Messages}" Margin="0,0,0,0"/>
            </DockPanel>
        </Border>
        <ContentControl Grid.Row="1" Grid.Column="0" Content="{Binding Equipments}"  
                        Visibility="{Binding Equipments,Converter={StaticResource CollectionToVisibilityConverter}}"
                        ContentTemplateSelector="{StaticResource EquipmentsLayoutTemplateSelector}"/>

        <ctr:DamageRecordControl Grid.Row="0" Grid.RowSpan="2"
                                 Grid.Column="1"
                                 Margin="6,20,0,5"
                                 Records="{Binding Records}"
                                 Title="近期记录"/>
    </Grid>
</Page>