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"
        >

    <Grid x:Name="GridMain" Background="{x:Null}">
        <Grid.RowDefinitions>
            <RowDefinition Height="10*"/>
            <RowDefinition Height="5*"/>
            <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">
                Over Head Vehicle
                </TextBlock>
            </StackPanel>

            <StackPanel Margin="0,0,300,0" Orientation="Horizontal" VerticalAlignment="Stretch" HorizontalAlignment="Right">
                <Button Margin="10,0,10,0"
                   Style="{DynamicResource MaterialDesignFloatingActionMiniButton}"     
                   materialDesign:ShadowAssist.ShadowDepth="Depth5" Background="{Binding OcsBrush, FallbackValue={x:Null}}">
                    OCS
                </Button>

                <Button Margin="10,0,10,0"
                    Style="{DynamicResource MaterialDesignFloatingActionMiniButton}"
                    materialDesign:ShadowAssist.ShadowDepth="Depth5" Background="{Binding BatteryBrush, FallbackValue={x:Null}}">
                    Battery
                </Button>

                <Button Margin="10,0,10,0"
                    Style="{DynamicResource MaterialDesignFloatingActionMiniButton}"
                    materialDesign:ShadowAssist.ShadowDepth="Depth5" Background="{Binding LaserBrush, FallbackValue={x:Null}}">
                    Laser
                </Button>
            </StackPanel>

            <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,0,10,0">
                <TextBlock Text="{Binding VehicleID, FallbackValue=VehicleControlSystem 1.0.0.1}" VerticalAlignment="Center" Foreground="LightGray" FontSize="20" Margin="0,0,0,10"/>
                <TextBlock Text="{Binding DateTime, FallbackValue=2020-02-24 13:09:33, StringFormat=' \{0:yyyy-MM-dd HH:mm:ss\}'}" VerticalAlignment="Center" FontSize="20" Foreground="LightGray"/>
            </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="UnitView">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="SettingsTransferOutline" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,0,10,0" Height="30" Width="auto"/>
                        <TextBlock Text="SETTING" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="25"/>
                    </StackPanel>
                </Button>

                <Button Margin="10,0" Background="{x:Null}" Height="Auto" BorderThickness="0" Command="{Binding NavigateCommand}" CommandParameter="TeachView">
                    <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">
                    <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}">
                    <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 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 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>
                </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}">
                            <StackPanel Orientation="Horizontal">
                                <materialDesign:PackIcon Kind="CircleArrows" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="40" Width="auto" Margin="0,0,10,0" Background="DarkRed"/>
                                <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}">
                                <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}">
                                <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>