CyberX8/CyberX8_MainPages/Views/ReservoirsView.xaml

<UserControl x:Class="CyberX8_MainPages.Views.ReservoirsView"
             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:CyberX8_MainPages.Views"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:ctrls="clr-namespace:CyberX8_Themes.UserControls;assembly=CyberX8_Themes"
             xmlns:customControls="clr-namespace:CyberX8_Themes.CustomControls;assembly=CyberX8_Themes"
             xmlns:userControls="clr-namespace:CyberX8_Themes.UserControls;assembly=CyberX8_Themes"
             xmlns:converters="clr-namespace:CyberX8_Themes.Converters;assembly=CyberX8_Themes"
             xmlns:cmd="http://www.galasoft.ch/mvvmlight"
             xmlns:prism="http://prismlibrary.com/"
             prism:ViewModelLocator.AutoWireViewModel="True"
             mc:Ignorable="d"
             d:DesignHeight="800" d:DesignWidth="1500">
    <UserControl.Resources>
        <converters:StringToString x:Key="stringToString"/>
    </UserControl.Resources>
    <Canvas>
        <StackPanel Canvas.Left="220" Canvas.Top="40" Orientation="Horizontal" Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Top" Margin="-220,-40,0,0">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="5"/>
                    <RowDefinition Height="170"/>
                    <RowDefinition Height="200"/>
                    <RowDefinition Height="175"/>
                    <RowDefinition Height="250"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="700"></ColumnDefinition>
                    <ColumnDefinition Width="470"></ColumnDefinition>
                    <ColumnDefinition Width="500"></ColumnDefinition>
                    <ColumnDefinition Width="200"></ColumnDefinition>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Grid Grid.Row="1" Grid.Column="2">
                    <ctrls:ReservoirsInformationPanel HorizontalAlignment="Left" Margin="10,0,0,0" VerticalAlignment="Center" 
                                   ModuleTitle="{Binding Module}"
                                   RecipeContentValue="{Binding CurrentRecipe.Ppid}"
                                   StateValue="{Binding State}"
                                   OperatingModeValue="{Binding ReservoirsPersistent.OperatingMode}"
                                   />
                </Grid>
                <Grid Grid.Row="1" Grid.RowSpan="2" Margin="10,0,500,10" Grid.ColumnSpan="2" Grid.Column="0">
                    <ctrls:ReservoirsRecipeParametersPanel HorizontalAlignment="Left" Margin="10,0,0,0" VerticalAlignment="Center" 
                                                   ReservoirCommonData="{Binding ReservoirData}"
                                                   ResRecipeCommonData="{Binding  CurrentRecipe}"/>
                </Grid>
                <Grid Grid.Row="1" Grid.Column="1" Grid.RowSpan="2" Margin="10 0 0 0">
                    <ctrls:RecipeLoad Margin="10,10,0,0" Module="{Binding Module}" HeadName="Res Recipe"
                                  RecipeType="{Binding RecipeType}" IsEnabled="{Binding IsEnabled}"
                                  SelectedRecipeNode="{Binding SelectedRecipeNode,Mode=TwoWay}"
                                  RecipeModeValue="{Binding ReservoirsPersistent.RecipeOperatingMode}" />
                </Grid>
                <Grid Grid.Row="3" Grid.Column="3">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="30"></RowDefinition>
                        <RowDefinition Height="100"></RowDefinition>
                        <RowDefinition Height="40"></RowDefinition>
                    </Grid.RowDefinitions>
                    <Grid Grid.Row="0">
                       

                    </Grid>
                    <Grid Grid.Row="1">
                        

                    </Grid>
                    <Grid Grid.Row="0">
                        <Button IsEnabled="{Binding IsAutoEnabled}" Style="{StaticResource SysBtnStyle}" Margin="10,0,0,0" Grid.Column="1" Height="30" Width="100" HorizontalAlignment="Center" VerticalAlignment="Bottom"  Content="PM Counters"
                            Command="{Binding GotoPMCounterCommand}"/>
                    </Grid>
                </Grid>
                <Grid Grid.Row="2" Grid.Column="3">
                    <ctrls:OperatingModeControl HorizontalAlignment="Left" Margin="10,0,0,0" VerticalAlignment="Top" 
                                        ModuleName="{Binding Module}"
                                        OperationModeValue="{Binding ReservoirsPersistent.OperatingMode}"/>
                </Grid>
                <Grid Grid.Row="1" Grid.Column="3">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="60"></RowDefinition>
                        <RowDefinition Height="50"></RowDefinition>
                        <RowDefinition Height="60"></RowDefinition>
                    </Grid.RowDefinitions>
                    <Grid Grid.Row="0">
                        <Label Content="{Binding Module}"  FontSize="35" FontWeight="Bold" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" VerticalAlignment="Bottom" HorizontalAlignment="Center" Margin="0,0,0,13"></Label>
                    </Grid>
                    <Grid Grid.Row="1">
                        <Button IsEnabled="{Binding IsAutoEnabled}" Style="{StaticResource SysBtnStyle}"  Grid.Column="1" Height="30" Width="100" HorizontalAlignment="Center" Content="Initialize" Command="{Binding InitializeCommand}"></Button>
                    </Grid>
                    <Grid Grid.Row="2">
                        <Label Content="Operating Mode"  FontSize="15" FontWeight="Bold" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" VerticalAlignment="Bottom" HorizontalAlignment="Center"></Label>
                    </Grid>
                </Grid>

            </Grid>
        </StackPanel>

        <!--pipe-->
        <ctrls:FlowPipe IsFlowing="{Binding FilterPurgeEnable}" Height="8"  Width="60"  Canvas.Left="55"  Canvas.Top="360" RotateTransformValue="0" HorizontalAlignment="Left" VerticalAlignment="Center"/>
        <ctrls:FlowPipe IsFlowing="{Binding FilterPurgeEnable}" Height="8"  Width="60"  Canvas.Left="124"  Canvas.Top="360" RotateTransformValue="0" HorizontalAlignment="Left" VerticalAlignment="Center"/>
        <ctrls:FlowPipe IsFlowing="{Binding FilterPurgeEnable}" Height="8"  Width="60"  Canvas.Left="239"  Canvas.Top="360" RotateTransformValue="0" HorizontalAlignment="Left" VerticalAlignment="Center"/>
        <ctrls:FlowPipe IsFlowing="{Binding FilterPurgeEnable}" Height="8"  Width="60"  Canvas.Left="307"  Canvas.Top="360" RotateTransformValue="0" HorizontalAlignment="Left" VerticalAlignment="Center"/>

        <ctrls:FlowPipe IsFlowing="{Binding FilterPurgeEnable}" Height="8"  Width="350"  Canvas.Left="198"  Canvas.Top="500" RotateTransformValue="0" HorizontalAlignment="Left" VerticalAlignment="Center"/>
        <ctrls:FlowPipe IsFlowing="{Binding FilterPurgeEnable}" Height="8"  Width="170"  Canvas.Left="383"  Canvas.Top="576" RotateTransformValue="0" HorizontalAlignment="Left" VerticalAlignment="Center"/>


        <ctrls:FlowPipe IsFlowing="{Binding FilterPurgeEnable}" Height="8"  Width="499"  Canvas.Left="55"  Canvas.Top="659" RotateTransformValue="0" HorizontalAlignment="Left" VerticalAlignment="Center"/>


        <ctrls:FlowPipe IsFlowing="{Binding FilterPurgeEnable}" Height="8"  Width="410"  Canvas.Left="239"  Canvas.Top="738" RotateTransformValue="0" HorizontalAlignment="Left" VerticalAlignment="Center"/>

        <ctrls:FlowPipe IsFlowing="{Binding FilterPurgeEnable}" Height="8"  Width="372"  Canvas.Left="235"  Canvas.Top="363" RotateTransformValue="90" HorizontalAlignment="Center" VerticalAlignment="Top"/>
        <ctrls:FlowPipe IsFlowing="{Binding FilterPurgeEnable}" Height="8"  Width="200"  Canvas.Left="379"  Canvas.Top="372" RotateTransformValue="90" HorizontalAlignment="Center" VerticalAlignment="Top"/>
        <ctrls:FlowPipe IsFlowing="{Binding FilterPurgeEnable}" Height="8"  Width="285"  Canvas.Left="51"  Canvas.Top="371" RotateTransformValue="90" HorizontalAlignment="Center" VerticalAlignment="Top"/>
        <ctrls:FlowPipe IsFlowing="{Binding FilterPurgeEnable}" Height="8"  Width="125"  Canvas.Left="194"  Canvas.Top="372" RotateTransformValue="90" HorizontalAlignment="Left" VerticalAlignment="Center"/>

        <ctrls:Pipe2    Canvas.Left="384"  Canvas.Top="584" HorizontalAlignment="Left" VerticalAlignment="Center" RotateTransformValue="-180" />
        <ctrls:Pipe2    Canvas.Left="56"  Canvas.Top="667" HorizontalAlignment="Center" VerticalAlignment="Top" RotateTransformValue="-180" />
        <ctrls:Pipe2    Canvas.Left="199"  Canvas.Top="508" HorizontalAlignment="Left" VerticalAlignment="Center" RotateTransformValue="-180" />
        <ctrls:Pipe2    Canvas.Left="240"  Canvas.Top="746" HorizontalAlignment="Center" VerticalAlignment="Top" RotateTransformValue="-180" />
        <ctrls:Pipe2    Canvas.Left="43"  Canvas.Top="373" HorizontalAlignment="Center" VerticalAlignment="Top" RotateTransformValue="-90" />
        <ctrls:Pipe2    Canvas.Left="181"  Canvas.Top="360" HorizontalAlignment="Left" VerticalAlignment="Center" RotateTransformValue="0" />
        <ctrls:Pipe2    Canvas.Left="227"  Canvas.Top="373" HorizontalAlignment="Center" VerticalAlignment="Top" RotateTransformValue="-90" />
        <ctrls:Pipe2    Canvas.Left="366"  Canvas.Top="360" HorizontalAlignment="Left" VerticalAlignment="Center" RotateTransformValue="0" />



        <ctrls:TextboxWithLabel  Canvas.Top="668" Canvas.Left="274" LabelValue="AN Flow"   TextBoxValue="{Binding ANFlow, StringFormat={}{0:F2} L/min}" TextBoxColor="Black" HorizontalAlignment="Center" VerticalAlignment="Top" />

        <ctrls:TextboxWithLabel  Canvas.Top="747" Canvas.Left="272" LabelValue="CA HED Flow" TextBoxValue="{Binding ReservoirData.CAHedFlow, StringFormat={}{0:F2} L/min}"  TextBoxColor="Black" HorizontalAlignment="Center" VerticalAlignment="Top" />

        <!--Valve-->


        <customControls:CommonValveControl Status="{Binding FilterPurgeEnable, Mode=TwoWay}" IsEnabled="{Binding IsEnabled}" Command="{Binding FilterPurgeEnableCommand}" CommandParameter="{Binding RelativeSource={x:Static RelativeSource.Self}}" ValveOrientation="Horizontal"  Height="20" Width="20"  Canvas.Left="109"  Canvas.Top="353" IsCanEdit="True" Tag="26" HorizontalAlignment="Left" VerticalAlignment="Center"/>
        <customControls:CommonValveControl  Status="{Binding FilterPurgeEnable,Mode=TwoWay}" IsEnabled="{Binding IsEnabled}" Command="{Binding FilterPurgeEnableCommand}" CommandParameter="{Binding RelativeSource={x:Static RelativeSource.Self}}"  ValveOrientation="Horizontal"  Height="20" Width="20"  Canvas.Left="293"  Canvas.Top="354" IsCanEdit="True" Tag="26" HorizontalAlignment="Left" VerticalAlignment="Center"/>



        <Canvas Width="450" Height="400" Canvas.Top="370" Canvas.Left="636">
            <userControls:CatholyteGroove IsShowHighSafety="True" 
                                      CALevelRaw="{Binding ReservoirData.CAWaterLevel}"
                                      CALevel="{Binding AvgCALevel}"
                                      IsHighLevel="{Binding IsCAHighLevel}"
                                      IsLowLevel="{Binding IsCALowLevel}"
                                      IsSafetyHighLevel="{Binding IsCASafetyHighLevel}"
                                      IsError="{Binding IsError}"
                                      Width="480" Height="430" HorizontalAlignment="Center" VerticalAlignment="Top">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="MouseLeftButtonUp">
                        <i:InvokeCommandAction Command="{Binding JumpCatholyteCommand}"/>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </userControls:CatholyteGroove>
        </Canvas>
        <Canvas Width="95" Height="280" Canvas.Top="438" Canvas.Left="547">
            <userControls:AnolyteGroove IsShowANLevelRaw="False" 
                                    ANLevel="{Binding AvgANLevel}" 
                                    ANLevelRaw="{Binding ReservoirData.ANWaterLevel}" Width="110" Height="320" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Left="-5" Canvas.Top="-14"
                                    IsHighLevel="{Binding IsANHighLevel}"
                                    IsLowLevel="{Binding IsANLowLevel}"
                                    IsError="{Binding IsError}">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="MouseLeftButtonUp">
                        <i:InvokeCommandAction Command="{Binding JumpAnolyteCommand}"/>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </userControls:AnolyteGroove>
        </Canvas>

        <StackPanel Canvas.Left="1113" Canvas.Top="260">
            <Image Width="542" Height="534" Source="pack://application:,,,/CyberX8_Themes;component/Themes/Images/parts/Clamp1.png"></Image>
        </StackPanel>
        <Grid Width="610" Height="520" Margin="1130,220,0,0">
            <ItemsControl ItemsSource="{Binding ReservoirsUIDatas}" FlowDirection="RightToLeft">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <WrapPanel Orientation="Horizontal"></WrapPanel>
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <userControls:Clamp Margin="107,0,-90,0"
                                            IsShowSignal="False" 
                                            LabelValue="{Binding Name,Converter={StaticResource stringToString}}"
                                            ModuleName="{Binding Name}"
                                            >
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="MouseLeftButtonUp">
                                    <i:InvokeCommandAction Command="{Binding JumpMetalCommand}" CommandParameter="{Binding Name}" />
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </userControls:Clamp>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </Grid>
    </Canvas>
</UserControl>