aboutsummaryrefslogtreecommitdiffstats
path: root/Software/Visual_Studio/FSE/Modules/Tango.FSE.Diagnostics/Project/Widgets/Valve/ValveWidgetView.xaml
blob: 49a9998e897009c6b12d5cf0d0be0bd20b460c82 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<UserControl x:Class="Tango.FSE.Diagnostics.Project.Widgets.Valve.ValveWidgetView"
             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:Tango.FSE.Diagnostics.Project.Widgets.Valve"
             xmlns:localConverters="clr-namespace:Tango.FSE.Diagnostics.Converters"
             mc:Ignorable="d" 
             d:DesignHeight="250" d:DesignWidth="400" d:DataContext="{d:DesignInstance Type=local:ValveWidget,IsDesignTimeCreatable=False}">

    <UserControl.Resources>
        <localConverters:ValveStateComparerToBooleanConverter x:Key="ValveStateComparerToBooleanConverter" />
    </UserControl.Resources>
    
    <Grid>
        <Viewbox Stretch="Uniform">
            <Border Width="352" Height="101" Background="{StaticResource FSE_PrimaryBackgroundDarkBrush}" CornerRadius="5" BorderThickness="1" BorderBrush="#434343" Padding="5">
                <Grid>
                    <Grid Grid.Row="1">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="27*"/>
                            <ColumnDefinition Width="30*"/>
                            <ColumnDefinition Width="27*"/>
                        </Grid.ColumnDefinitions>

                        <Button Margin="8" Cursor="Hand" Command="{Binding SetCommand}" CommandParameter="{Binding TechValve.State1}">
                            <Button.Style>
                                <Style TargetType="Button">
                                    <Setter Property="Background" Value="#3E3E3E"></Setter>
                                    <Setter Property="IsEnabled" Value="True"></Setter>
                                </Style>
                            </Button.Style>
                            <Button.Template>
                                <ControlTemplate TargetType="Button">
                                    <Border Background="{TemplateBinding Background}" CornerRadius="5">
                                        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="Gainsboro" FontSize="16" FontWeight="SemiBold" Text="{Binding TechValve.State1}"></TextBlock>
                                    </Border>
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsPressed" Value="True">
                                            <Setter Property="Opacity" Value="0.7"></Setter>
                                        </Trigger>
                                        <DataTrigger>
                                            <DataTrigger.Binding>
                                                <MultiBinding Converter="{StaticResource ValveStateComparerToBooleanConverter}">
                                                    <Binding Path="State" />
                                                    <Binding Path="TechValve.State1" />
                                                </MultiBinding>
                                            </DataTrigger.Binding>
                                            <DataTrigger.Value>
                                                True
                                            </DataTrigger.Value>

                                            <DataTrigger.Setters>
                                                <Setter Property="Background" Value="#4AAB2F"></Setter>
                                                <Setter Property="IsEnabled" Value="False"></Setter>
                                            </DataTrigger.Setters>
                                        </DataTrigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Button.Template>
                        </Button>

                        <Border Background="{StaticResource FSE_PrimaryBackgroundBrush}" Margin="8" CornerRadius="3" Padding="5" Grid.Column="1">
                            <StackPanel>
                                <TextBlock FontFamily="{StaticResource digital-7}" Text="Valve Controller" FontSize="13" Foreground="#FF6F78" HorizontalAlignment="Center"></TextBlock>
                                <Image Source="../Valve/Images/valve.png" RenderOptions.BitmapScalingMode="Fant" Margin="10" Stretch="Uniform" Height="36" />
                            </StackPanel>
                        </Border>

                        <Button Margin="8" Cursor="Hand" Grid.Column="2" Command="{Binding SetCommand}" CommandParameter="{Binding TechValve.State2}">
                            <Button.Style>
                                <Style TargetType="Button">
                                    <Setter Property="Background" Value="#3E3E3E"></Setter>
                                    <Setter Property="IsEnabled" Value="True"></Setter>
                                </Style>
                            </Button.Style>
                            <Button.Template>
                                <ControlTemplate TargetType="Button">
                                    <Border Background="{TemplateBinding Background}" CornerRadius="5">
                                        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="Gainsboro" FontSize="16" FontWeight="SemiBold" Text="{Binding TechValve.State2}"></TextBlock>
                                    </Border>
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsPressed" Value="True">
                                            <Setter Property="Opacity" Value="0.7"></Setter>
                                        </Trigger>
                                        <DataTrigger>
                                            <DataTrigger.Binding>
                                                <MultiBinding Converter="{StaticResource ValveStateComparerToBooleanConverter}">
                                                    <Binding Path="State" />
                                                    <Binding Path="TechValve.State2" />
                                                </MultiBinding>
                                            </DataTrigger.Binding>
                                            <DataTrigger.Value>
                                                True
                                            </DataTrigger.Value>

                                            <DataTrigger.Setters>
                                                <Setter Property="Background" Value="#4AAB2F"></Setter>
                                                <Setter Property="IsEnabled" Value="False"></Setter>
                                            </DataTrigger.Setters>
                                        </DataTrigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Button.Template>
                        </Button>
                    </Grid>
                </Grid>
            </Border>
        </Viewbox>
    </Grid>
</UserControl>