OHV/Dev/OHV/OHV.Vehicle/Concept/D_MainWindow.xaml

<Window x:Class="OHV.Vehicle.Concept.D_MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        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"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        xmlns:prism="http://prismlibrary.com/"
        prism:ViewModelLocator.AutoWireViewModel="True"
        xmlns:local="clr-namespace:OHV.Vehicle.Concept"
        mc:Ignorable="d"
        WindowStyle="None"
        Title="D_MainWindow" Height="1080" Width="1920"
        xmlns:OHVCommonShareds="clr-namespace:OHV.Common.Shareds;assembly=OHV.Common"
        Background="{x:Null}" WindowStartupLocation="CenterScreen"
        xmlns:c ="clr-namespace:GSG.NET.WPF.CalcBinding;assembly=GSG.NET.WPF"
        xmlns:media ="clr-namespace:System.Windows.Media;assembly=PresentationCore"
        xmlns:System="clr-namespace:System;assembly=mscorlib"
        >

    <Grid x:Name="GridMain" Background="{x:Null}">
        <Grid.RowDefinitions>
            <RowDefinition Height="15*"/>
            <RowDefinition Height="8*"/>
            <RowDefinition Height="109*"/>
        </Grid.RowDefinitions>

        <Grid x:Name="gridHead" Grid.Row="0">
            <Grid.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="Black" Offset="1"/>
                    <GradientStop Color="#FF004D55"/>
                </LinearGradientBrush>
            </Grid.Background>

            <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
                <TextBlock Style="{StaticResource MaterialDesignHeadline3TextBlock}" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White" FontSize="60" FontWeight="Bold">
                Vehicle Control System
                </TextBlock>
            </StackPanel>

            <StackPanel Orientation="Vertical" HorizontalAlignment="Right" Width="200" Margin="0,0,300,0" Height="70">
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" >
                    <materialDesign:PackIcon Kind="Chip" Margin="0,0,0,0" Height="36" Width="36" RenderTransformOrigin="-1.972,1.347" HorizontalAlignment="Left" Foreground="White"/>
                    <TextBlock HorizontalAlignment="Left" VerticalAlignment="Center" FontSize="20" Foreground="White">CPU</TextBlock>
                    <TextBlock HorizontalAlignment="Left" VerticalAlignment="Center" FontSize="20" Margin="10,0,0,0" Foreground="White" Text="{Binding CPU, StringFormat={}{0:0.0} %, FallbackValue=0%}"/>
                </StackPanel>

                <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" >
                    <materialDesign:PackIcon Kind="Memory" Margin="0,0,0,0" Height="36" Width="36" RenderTransformOrigin="-1.972,1.347" HorizontalAlignment="Left" Foreground="White"/>
                    <TextBlock HorizontalAlignment="Left" VerticalAlignment="Center" FontSize="20" Foreground="White" >Memory</TextBlock>
                    <TextBlock HorizontalAlignment="Left" VerticalAlignment="Center" FontSize="20" Margin="10,0,0,0" Foreground="White" Text="{Binding RAM, StringFormat={}{0:0.0} %, FallbackValue=0%}"/>
                </StackPanel>
            </StackPanel>

            <StackPanel Margin="0,0,50,0" Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Right">
                <Button Margin="1" HorizontalAlignment="Left" Height="40" BorderBrush="Gray" BorderThickness="0" Background="{x:Null}">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon HorizontalContentAlignment="Left" Kind="AccessPointNetworkOff" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0,0,0,0" Height="35" Width="auto" Foreground="Red"
                                                 Visibility="{c:Binding 'OcsState == OHVCommonShareds:eOcsState.DisConnect'}"/>
                        <materialDesign:PackIcon HorizontalContentAlignment="Left" Kind="AccessPointNetwork" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0,0,0,0" Height="35" Width="auto" Foreground="LimeGreen"
                                                 Visibility="{c:Binding 'OcsState == OHVCommonShareds:eOcsState.Connect'}"/>
                        <TextBlock Margin="2" Text="OCS" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="20"/>
                    </StackPanel>
                </Button>

                <Button Margin="1" HorizontalAlignment="Center" Height="40" BorderBrush="{DynamicResource PrimaryHueMidBrush}" BorderThickness="1" Background="{x:Null}"
                        HorizontalContentAlignment="Left" Command="{Binding BatteryPopup}">
                        <StackPanel Orientation="Horizontal" Margin="3,0,0,0">
                        <materialDesign:PackIcon HorizontalContentAlignment="Left" Kind="BatteryOff" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0,0,0,0" Height="30" Width="AUto" Foreground="Red"
                                                 Visibility="{c:Binding 'BatteryState == local:eBatteryState.DisConnect'}"/>

                        <materialDesign:PackIcon HorizontalContentAlignment="Left" Kind="BatteryCharging" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0,0,0,0" Height="30" Width="auto" Foreground="Blue"
                                                 Visibility="{c:Binding 'BatteryState == local:eBatteryState.Charge'}"/>

                        <materialDesign:PackIcon HorizontalContentAlignment="Left" Kind="Battery" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0,0,0,0" Height="30" Width="auto" Foreground="LimeGreen"
                                                 Visibility="{c:Binding 'BatteryState == local:eBatteryState.Connect'}"/>
                        <TextBlock Margin="2" Text="{Binding BatteryConnect, FallbackValue=Battery - }" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="20"/>
                        <TextBlock Margin="2" Text="{Binding SOC, StringFormat={}{0}%, FallbackValue=0%}" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="20"/>
                    </StackPanel>
                </Button>
            </StackPanel>

            <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="20,0,0,0">
                <StackPanel Orientation="Horizontal">
                    <materialDesign:PackIcon HorizontalContentAlignment="Left" Kind="FileDocumentBoxOutline" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="30" Width="auto" Foreground="White"/>
                    <TextBlock TextAlignment="Left" VerticalAlignment="Center" Foreground="White" FontSize="20" Margin="10,0,0,0">ID : </TextBlock>
                    <TextBlock Text="{Binding VehicleID, FallbackValue=VehicleControlSystem 1.0.0.1}" TextAlignment="Left" VerticalAlignment="Center" Foreground="White" FontSize="20" Margin="10,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal">
                    <materialDesign:PackIcon HorizontalContentAlignment="Left" Kind="Timetable" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="30" Width="auto" Foreground="White" Margin="1,0,0,0"/>                
                    <TextBlock Text="{Binding DateTime, FallbackValue=2020-02-24 13:09:33, StringFormat=' \{0:yyyy-MM-dd HH:mm:ss\}'}" TextAlignment="Left" VerticalAlignment="Center" FontSize="20" Foreground="White" Margin="6,0,0,0"/>
                </StackPanel>
            </StackPanel>
        </Grid>

        <Grid Grid.Row="1" Background="#455a64">
            <StackPanel Orientation="Horizontal">
                <Button Margin="10,0" Background="{x:Null}" Height="Auto" BorderThickness="0" Command="{Binding NavigateCommand}" CommandParameter="AutoView">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="ViewDashboard" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,0,10,0" Height="30" Width="auto"/>
                        <TextBlock Text="{DynamicResource ResourceKey=MainView_Main}" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="25"/>
                    </StackPanel>
                </Button>

                <Button Margin="10,0" Background="{x:Null}" Height="Auto" BorderThickness="0" Command="{Binding NavigateCommand}" CommandParameter="EditView" IsEnabled="{Binding IsManualMode}">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="SettingsTransferOutline" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,0,10,0" Height="30" Width="auto"/>
                        <TextBlock Text="EDIT" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="25"/>
                    </StackPanel>
                </Button>

                <Button Margin="10,0" Background="{x:Null}" Height="Auto" BorderThickness="0" Command="{Binding NavigateCommand}" CommandParameter="ControlView" IsEnabled="{Binding IsManualMode}">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="GesturePinch" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,0,10,0" Height="30" Width="auto"/>
                        <TextBlock Text="CONTROL" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="25"/>
                    </StackPanel>
                </Button>

                <Button Margin="10,0" Background="{x:Null}" Height="Auto" BorderThickness="0" Command="{Binding NavigateCommand}" CommandParameter="TeachView" IsEnabled="{Binding IsManualMode}">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="AxisArrow" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,0,10,0" Height="30" Width="auto"/>
                        <TextBlock Text="{DynamicResource MainView_Teach}" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="25"/>
                    </StackPanel>
                </Button>

                <Button Margin="10,0" Background="{x:Null}" Height="Auto" BorderThickness="0" Command="{Binding NavigateCommand}" CommandParameter="HistoryView" IsEnabled="{Binding IsManualMode}">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="PagePreviousOutline" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,0,10,0" Height="30" Width="auto"/>
                        <TextBlock Text="HISTORY" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="25"/>
                    </StackPanel>
                </Button>

                <Button Margin="10,0" Background="{x:Null}" Height="Auto" BorderThickness="0" Command="{Binding SystemOffCommand}" IsEnabled="{Binding IsManualMode}">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="ExitToApp" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,0,10,0" Height="30" Width="auto"/>
                        <TextBlock Text="EXIT" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="25"/>
                    </StackPanel>
                </Button>
            </StackPanel>
        </Grid>

        <Grid Grid.Row="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="391*"/>
                <ColumnDefinition Width="90*"/>
            </Grid.ColumnDefinitions>

            <Grid Grid.Column="0" Background="#263238">
                <ContentControl prism:RegionManager.RegionName="{x:Static OHVCommonShareds:RegionNames.MainView}" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Width="auto" Height="auto"/>
            </Grid>

            <Grid Grid.Column="1" Background="#263238">
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition/>
                    <RowDefinition Height="140"/>
                    <RowDefinition Height="110"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>

                <Grid Grid.Row="0">
                    <Border Margin="5" BorderBrush="#FF00FFD3" BorderThickness="2"/>
                    <StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
                        <StackPanel Orientation="Vertical">

                            <Button Margin="15" Width="200" Height="50"
                                    Command="{Binding BuzzerStopCommand}"
                                    CommandParameter="Buzzer">
                                <StackPanel Orientation="Horizontal">
                                    <materialDesign:PackIcon Kind="BullhornOutline" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="35" Width="auto" Margin="0,0,40,0"/>
                                    <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Buzzer Stop" FontSize="15"/>
                                </StackPanel>
                            </Button>

                            <Button Margin="15" Width="200" Height="50"
                                    Command="{Binding EmergencyStopCommand}"
                                    CommandParameter="Emergency">
                                <StackPanel Orientation="Horizontal">
                                    <materialDesign:PackIcon Kind="AlarmLightOutline" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="35" Width="auto" Margin="0,0,20,0"/>
                                    <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Emergency Stop" FontSize="15"/>
                                </StackPanel>
                            </Button>

                        </StackPanel>
                    </StackPanel>
                </Grid>

                <Grid Grid.Row="1">
                    <Border Margin="5" BorderBrush="#FF00FFD3" BorderThickness="2">
                    </Border>
                    <StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
                        <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Center">
                            <!--<Button Content="Vehicle ID" Margin="3" Background="{x:Null}"/>
                            <Button Content="Vehicle IP" Margin="3" Background="{x:Null}"/>
                            <Button Content="OCS IP" Margin="3" Background="{x:Null}"/>-->
                            <Button Content="Version" Margin="3" Background="{x:Null}"/>
                            <Button Content="CPU" Margin="3" Background="{x:Null}"/>
                            <!--<Button Margin="3" Height="50" Background="{x:Null}">
                                <StackPanel>
                                    <TextBlock HorizontalAlignment="Center"><Run>Last Builded</Run></TextBlock>
                                    <TextBlock HorizontalAlignment="Center"><Run>Time</Run></TextBlock>
                                </StackPanel>
                            </Button>-->
                        </StackPanel>

                        <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Center">
                            <!--<Button Content="{Binding VehicleID, FallbackValue=VM00001}" Margin="3" Background="{x:Null}"/>
                            <Button Content="{Binding VehicleIP, FallbackValue=127.0.0.1}" Margin="3" Background="{x:Null}"/>
                            <Button Content="{Binding OcsIP, FallbackValue=192.168.0.10}" Margin="3" Background="{x:Null}"/>-->
                            <Button Content="{Binding SwVersion, FallbackValue=OHV.1.0.0.1}" Margin="3" Background="{x:Null}"/>
                            <Button Margin="0,4,0,0" Height="30" Width="auto" Background="{x:Null}">
                                <TextBlock HorizontalAlignment="Center"><Run Text="{Binding CPU, StringFormat={}{0:0.0} %, FallbackValue=0%}"/></TextBlock>
                            </Button>
                            <!--<Button Height="50" Margin="3" Background="{x:Null}">
                                <TextBlock Text="{Binding LastBuildedTime, FallbackValue=2020-03-09 14:53:06, StringFormat=' \{0:yyyy-MM-dd HH:mm:ss\}'}"/>
                            </Button>-->
                        </StackPanel>
                    </StackPanel>
                </Grid>

                <Grid Grid.Row="2">
                    <Border Margin="5" BorderBrush="#FF00FFD3" BorderThickness="2">
                    </Border>
                    <!--<StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
                        <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Center">
                            <Button Content="CPU" Margin="3" Background="{x:Null}"/>
                            <Button Content="Memory" Margin="3" Background="{x:Null}"/>
                            <Button Content="C Drive" Margin="3" Background="{x:Null}"/>
                        </StackPanel>

                        <StackPanel>
                            <Button Margin="0,4,0,0" Height="30" Width="auto" Background="{x:Null}">
                                <TextBlock HorizontalAlignment="Center"><Run Text="{Binding CPU, StringFormat={}{0:0.0} %}"/></TextBlock>
                            </Button>

                            <Button Margin="0,8,0,0" Background="{x:Null}">
                                <StackPanel>
                                    <TextBlock Text="{Binding RAM, StringFormat={}{0:0.0} %}" HorizontalAlignment="Center"/>
                                </StackPanel>
                            </Button>

                            <Button Margin="0,5,0,0" Background="{x:Null}">
                                <StackPanel>
                                    <TextBlock Text="{Binding CDrive, StringFormat={}{0:0} GB}" HorizontalAlignment="Center"/>
                                </StackPanel>
                            </Button>

                        </StackPanel>
                    </StackPanel>-->
                    <StackPanel Orientation="Vertical">

                        <Button Margin="0,45,0,0" Width="200" Height="50"
                                    Command="{Binding MachineModeChgCommand}"
                                    CommandParameter="Host" Background="{c:Binding 'MachineMode == OHVCommonShareds:eMachineMode.LocalMode ? media:Brushes.Transparent : media:Brushes.DodgerBlue'}">
                            <StackPanel Orientation="Horizontal">
                                <materialDesign:PackIcon Kind="NetworkOff" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="35" Width="auto" Margin="0,0,20,0" 
                                           Visibility="{c:Binding 'MachineMode == OHVCommonShareds:eMachineMode.LocalMode'}"/>
                                <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Local Mode" FontSize="15" 
                                           Visibility="{c:Binding 'MachineMode == OHVCommonShareds:eMachineMode.LocalMode'}"/>
                                <materialDesign:PackIcon Kind="Network" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="35" Width="auto" Margin="0,0,20,0"
                                           Visibility="{c:Binding 'MachineMode == OHVCommonShareds:eMachineMode.HostMode'}"/>
                                <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Host Mode" FontSize="15"
                                           Visibility="{c:Binding 'MachineMode == OHVCommonShareds:eMachineMode.HostMode'}" />
                            </StackPanel>
                        </Button>

                    </StackPanel>
                </Grid>

                <Grid Grid.Row="3">
                    <Border Margin="5" BorderBrush="#FF00FFD3" BorderThickness="2">
                    </Border>
                    <StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
                        <Button Margin="5" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Height="60" Width="250" Command="{Binding AlarmResetCommand}" Background="{c:Binding 'IsVehicleAlarm ? media:Brushes.Red : media:Brushes.DodgerBlue'}" >
                            <StackPanel Orientation="Horizontal">
                                <materialDesign:PackIcon Kind="CircleArrows" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="40" Width="auto" Margin="0,0,10,0"/>
                                <TextBlock Text="Alarm Reset" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="30"/>
                            </StackPanel>
                        </Button>
                    </StackPanel>
                </Grid>

                <DockPanel Grid.Row="4">
                    <Border BorderBrush="#FF00FFD3" BorderThickness="2" Margin="5">
                        <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Center">
                            <Button Margin="15" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Height="60" Width="250" 
                                    Command="{Binding StartCommand}"
                                    IsEnabled="{Binding StartEnable}">
                                <StackPanel Orientation="Horizontal">
                                    <materialDesign:PackIcon Kind="GooglePlay" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="40" Width="auto" Margin="0,0,20,0" Background="DarkGreen"/>
                                    <TextBlock Text="START" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="30"/>
                                </StackPanel>
                            </Button>

                            <Button Margin="15" HorizontalAlignment="Stretch" Height="60" 
                                    Command="{Binding StopCommand}"
                                    IsEnabled="{Binding StopEnable}">
                                <StackPanel Orientation="Horizontal">
                                    <materialDesign:PackIcon Kind="Stop" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="40" Width="auto" Margin="0,0,32,0" Background="Orange"/>
                                    <TextBlock Text="STOP" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="30"/>
                                </StackPanel>
                            </Button>
                        </StackPanel>
                    </Border>
                </DockPanel>
            </Grid>
        </Grid>
    </Grid>
</Window>