Added connective icons and time to bottom of menu.

1 files changed, 73 insertions, 115 deletions

diff --git a/Software/Visual_Studio/PPC/Tango.PPC.UI/Views/LayoutEurekaView.xaml b/Software/Visual_Studio/PPC/Tango.PPC.UI/Views/LayoutEurekaView.xaml
index 092088ca6..d90ddd962 100644
--- a/Software/Visual_Studio/PPC/Tango.PPC.UI/Views/LayoutEurekaView.xaml
+++ b/Software/Visual_Studio/PPC/Tango.PPC.UI/Views/LayoutEurekaView.xaml
@@ -35,19 +35,19 @@
 
         <Grid Background="{StaticResource TangoPrimaryBackgroundBrush}">
             <Viewbox Stretch="Fill" Width="350">
-                <Grid Width="205" Height="750" >
+                <Grid Width="204" Height="750" >
                     <Border TextElement.FontSize="16" x:Name="border" BorderThickness="0 0 0 0" BorderBrush="{StaticResource TangoDarkForegroundBrush}" TextElement.Foreground="{StaticResource TangoDarkForegroundBrush}">
                         <Grid Background="{StaticResource TangoMenuPanelDarkBrush}" >
                             <StackPanel VerticalAlignment="Top">
-                                <Border Background="{StaticResource TangoPrimaryBackgroundBrush}" BorderBrush="{StaticResource TangoDividerBrush}" BorderThickness="0 0 0 0">
-                                    <Grid>
-                                        <Border Height="82" Background="{StaticResource TangoPrimaryBackgroundBrush}">
+                                <Border Background="{StaticResource TangoPrimaryBackgroundBrush}" BorderBrush="{StaticResource TangoDividerBrush}" BorderThickness="0 0 0 0" >
+                                    <Grid >
+                                        <Border Height="72" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                                             <Border.Effect>
                                                 <DropShadowEffect Color="Silver" ShadowDepth="0"  BlurRadius="20" Opacity="1" />
                                             </Border.Effect>
                                         </Border>
-                                        <StackPanel>
-                                            <DockPanel>
+                                        <StackPanel >
+                                            <DockPanel Background="{StaticResource TangoMenuPanelDarkBrush}">
                                                 <touch:TouchIconButton Icon="ChevronLeft" IsHitTestVisible="{Binding NavigationManager.IsNavigating,Converter={StaticResource BooleanInverseConverter}}" IsEnabled="{Binding NavigationManager.CanNavigateBack}" Width="40" Height="40" Padding="10" Margin="10 0 0 0" Command="{Binding MenuOrBackCommand}" EnableDropShadow="False">
                                                     <touch:TouchIconButton.Style>
                                                         <Style TargetType="touch:TouchIconButton" BasedOn="{StaticResource {x:Type touch:TouchIconButton}}">
@@ -55,7 +55,7 @@
                                                         </Style>
                                                     </touch:TouchIconButton.Style>
                                                 </touch:TouchIconButton>
-                                                <Image Source="/Images/logo.png" Stretch="Uniform" HorizontalAlignment="Center" Margin="0 10 10 10" Width="157"></Image>
+                                                <Image Source="/Images/logo.png" Stretch="Uniform" HorizontalAlignment="Center" Margin="0 10 10 10" Width="157" Height="51"></Image>
                                             </DockPanel>
                                         </StackPanel>
                                     </Grid>
@@ -92,7 +92,7 @@
                                     <Border BorderBrush="{StaticResource TangoDividerBrush}" BorderThickness="0 0 0 1">
                                         <touch:TouchButton Style="{StaticResource TangoFlatButton}" Padding="10 15" Foreground="{StaticResource TangoDarkForegroundBrush}" Command="{Binding PowerCommand}">
                                             <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
-                                                <Image Source="/Images/menu/power.png" VerticalAlignment="Center" Width="20" Height="20"></Image>
+                                                <Image Source="/Images/menu/power.png" VerticalAlignment="Center" Width="20" Height="20" ></Image>
                                                 <TextBlock VerticalAlignment="Center" Margin="20 0 0 0" Foreground="{StaticResource TangoLightForegroundBrush}" FontSize="{StaticResource TangoComboBoxItemFontSize}" FontWeight="Light">Power</TextBlock>
                                             </StackPanel>
                                         </touch:TouchButton>
@@ -101,119 +101,77 @@
                             </StackPanel>
 
                             <Grid VerticalAlignment="Bottom">
-                                <Border Background="{StaticResource TangoPrimaryBackgroundBrush}" Height="350" Padding="20" RenderTransformOrigin="0.5,1" VerticalAlignment="Bottom">
-                                    <!--<Border.Resources>
-                                        <Style x:Key="PowerButton" TargetType="touch:TouchButton" BasedOn="{StaticResource TangoLinkButton}">
-                                            <Setter Property="Foreground" Value="{StaticResource TangoPrimaryBackgroundBrush}"></Setter>
-                                            <Setter Property="FontSize" Value="{StaticResource TangoTitleFontSize}"></Setter>
-                                            <Setter Property="HorizontalAlignment" Value="Left"></Setter>
-                                            <Setter Property="VerticalAlignment" Value="Center"></Setter>
-                                            <Setter Property="Padding" Value="50 20"></Setter>
-                                            <Setter Property="Height" Value="Auto"></Setter>
-                                            <Style.Triggers>
-                                                <Trigger Property="IsEnabled" Value="False">
-                                                    <Setter Property="Foreground" Value="{StaticResource TangoGrayBrush}"></Setter>
-                                                </Trigger>
-                                            </Style.Triggers>
-                                        </Style>
-                                    </Border.Resources>-->
-                                    <Border.Style>
-                                        <Style TargetType="Border">
-                                            <Setter Property="RenderTransform">
-                                                <Setter.Value>
-                                                    <ScaleTransform ScaleX="1" ScaleY="0" />
-                                                </Setter.Value>
-                                            </Setter>
-                                            <!--<Style.Triggers>
-                                                <DataTrigger Binding="{Binding IsPowerOpened}" Value="True">
-                                                    <DataTrigger.EnterActions>
-                                                        <BeginStoryboard>
-                                                            <Storyboard>
-                                                                <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" To="1" Duration="00:00:0.2" />
-                                                            </Storyboard>
-                                                        </BeginStoryboard>
-                                                    </DataTrigger.EnterActions>
-                                                    <DataTrigger.ExitActions>
-                                                        <BeginStoryboard>
-                                                            <Storyboard>
-                                                                <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" To="0" Duration="00:00:0.2" />
-                                                            </Storyboard>
-                                                        </BeginStoryboard>
-                                                    </DataTrigger.ExitActions>
-                                                </DataTrigger>
-                                            </Style.Triggers>-->
-                                        </Style>
-                                    </Border.Style>
-                                    <Grid>
-                                        <Grid.RowDefinitions>
-                                            <RowDefinition Height="1.4*"/>
-                                            <RowDefinition Height="1*"/>
-                                        </Grid.RowDefinitions>
 
-                                        <!--<Grid>
-                                            <Grid.ColumnDefinitions>
-                                                <ColumnDefinition Width="188*"/>
-                                                <ColumnDefinition Width="261*"/>
-                                            </Grid.ColumnDefinitions>
+                                <StackPanel Orientation="Vertical">
+                                    <Border  Background="Transparent" Padding="5">
+                                        <UniformGrid Columns="5" Rows="1">
+                                           
+                                            <touch:TouchIcon Width="20" Height="20" VerticalAlignment="Center">
+                                                <touch:TouchIcon.Style>
+                                                    <Style TargetType="touch:TouchIcon" BasedOn="{StaticResource {x:Type touch:TouchIcon}}">
+                                                        <Setter Property="Icon" Value="WifiStrengthOff"></Setter>
+                                                        <Setter Property="Foreground" Value="{StaticResource TangoGrayBrush}"></Setter>
+                                                        <Style.Triggers>
+                                                            <DataTrigger Binding="{Binding ConnectivityProvider.IsConnected}" Value="True">
+                                                                <Setter Property="Icon" Value="Wifi"></Setter>
+                                                                <Setter Property="Foreground" Value="{StaticResource TangoSuccessBrush}"></Setter>
+                                                            </DataTrigger>
+                                                        </Style.Triggers>
+                                                    </Style>
+                                                </touch:TouchIcon.Style>
+                                            </touch:TouchIcon>
 
-                                            <Image Source="/Images/power-machine.png" Margin="30" />
+                                            <touch:TouchIcon Margin="10 0 0 0" Width="18" Height="18" VerticalAlignment="Center">
+                                                <touch:TouchIcon.Style>
+                                                    <Style TargetType="touch:TouchIcon" BasedOn="{StaticResource {x:Type touch:TouchIcon}}">
+                                                        <Setter Property="Icon" Value="LanDisconnect"></Setter>
+                                                        <Setter Property="Foreground" Value="{StaticResource TangoGrayBrush}"></Setter>
+                                                        <Style.Triggers>
+                                                            <DataTrigger Binding="{Binding ConnectivityProvider.IsLanConnected}" Value="True">
+                                                                <Setter Property="Icon" Value="LanConnect"></Setter>
+                                                                <Setter Property="Foreground" Value="{StaticResource TangoSuccessBrush}"></Setter>
+                                                            </DataTrigger>
+                                                        </Style.Triggers>
+                                                    </Style>
+                                                </touch:TouchIcon.Style>
+                                            </touch:TouchIcon>
 
-                                            <UniformGrid Grid.Column="1" Rows="3">
-                                                <touch:TouchButton Style="{StaticResource PowerButton}" Command="{Binding PowerOffCommand}">Turn Off</touch:TouchButton>
-                                                <touch:TouchButton Style="{StaticResource PowerButton}" Command="{Binding StandByCommand}">Stand By</touch:TouchButton>
-                                                <touch:TouchButton Style="{StaticResource PowerButton}" Command="{Binding ResetCommand}">Reset</touch:TouchButton>
-                                            </UniformGrid>
-                                        </Grid>-->
+                                            <touch:TouchIcon Margin="10 0 0 0" Width="18" Height="18" VerticalAlignment="Center" Icon="Bridge" Visibility="{Binding ExternalBridgeService.Enabled,Converter={StaticResource BooleanToVisibilityConverter}}">
+                                                <touch:TouchIcon.Style>
+                                                    <Style TargetType="touch:TouchIcon">
+                                                        <Setter Property="Foreground" Value="{StaticResource TangoGrayBrush}"></Setter>
+                                                        <Style.Triggers>
+                                                            <DataTrigger Binding="{Binding ExternalBridgeService.HasSessions}" Value="True">
+                                                                <Setter Property="Foreground" Value="{StaticResource TangoSuccessBrush}"></Setter>
+                                                            </DataTrigger>
+                                                        </Style.Triggers>
+                                                    </Style>
+                                                </touch:TouchIcon.Style>
+                                            </touch:TouchIcon>
 
-                                        <!--<Rectangle HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Margin="25 0" Opacity="0.3" StrokeThickness="1" Stroke="{StaticResource TangoDividerBrush}" />
+                                            <touch:TouchIcon Margin="10 0 0 0" Width="18" Height="18" VerticalAlignment="Center" Foreground="{StaticResource TangoSuccessBrush}" Icon="RemoteDesktop" /> 
+                                            <!--Visibility="{Binding RemoteDesktopService.InSession,Converter={StaticResource BooleanToVisibilityConverter}}"-->
 
-                                        <Grid Grid.Row="1">
-                                            <Grid.ColumnDefinitions>
-                                                <ColumnDefinition Width="188*"/>
-                                                <ColumnDefinition Width="261*"/>
-                                            </Grid.ColumnDefinitions>
-                                            <Image Source="/Images/power-tablet.png" Margin="30" />
+                                            <touch:TouchIcon Margin="10 0 0 0" Width="20" Height="20" Icon="HddSolid">
+                                                <touch:TouchIcon.Style>
+                                                    <Style TargetType="touch:TouchIcon" BasedOn="{StaticResource {x:Type touch:TouchIcon}}">
+                                                        <Setter Property="Foreground" Value="{StaticResource TangoGrayBrush}"></Setter>
+                                                        <Style.Triggers>
+                                                            <DataTrigger Binding="{Binding StorageProvider.IsConnected}" Value="True">
+                                                                <Setter Property="Foreground" Value="{StaticResource TangoSuccessBrush}"></Setter>
+                                                            </DataTrigger>
+                                                        </Style.Triggers>
+                                                    </Style>
+                                                </touch:TouchIcon.Style>
+                                            </touch:TouchIcon>
 
-                                            <touch:TouchButton Command="{Binding RestartApplicationCommand}" Grid.Column="1" Style="{StaticResource PowerButton}">Restart</touch:TouchButton>
-                                        </Grid>-->
-                                    </Grid>
-                                </Border>
-
-                                <!--<Border Background="{StaticResource TangoMidBackgroundBrush}" RenderTransformOrigin="0.5,1" VerticalAlignment="Bottom">
-                                    <Border.Style>
-                                        <Style TargetType="Border">
-                                            <Setter Property="RenderTransform">
-                                                <Setter.Value>
-                                                    <ScaleTransform ScaleX="1" ScaleY="1" />
-                                                </Setter.Value>
-                                            </Setter>
-                                            <Style.Triggers>
-                                                <DataTrigger Binding="{Binding IsPowerOpened}" Value="True">
-                                                    <DataTrigger.EnterActions>
-                                                        <BeginStoryboard>
-                                                            <Storyboard>
-                                                                <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" To="0" Duration="00:00:0.2" />
-                                                            </Storyboard>
-                                                        </BeginStoryboard>
-                                                    </DataTrigger.EnterActions>
-                                                    <DataTrigger.ExitActions>
-                                                        <BeginStoryboard>
-                                                            <Storyboard>
-                                                                <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" To="1" Duration="00:00:0.2" />
-                                                            </Storyboard>
-                                                        </BeginStoryboard>
-                                                    </DataTrigger.ExitActions>
-                                                </DataTrigger>
-                                            </Style.Triggers>
-                                        </Style>
-                                    </Border.Style>
-                                    <touch:TouchButton Style="{StaticResource TangoFlatButton}" Padding="10 0 0 25" Foreground="{StaticResource TangoDarkForegroundBrush}" Command="{Binding PowerCommand}" Background="{StaticResource TangoMenuPanelDarkBrush}">
-                                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
-                                            <Image Source="/Images/menu/power.png" VerticalAlignment="Center" Width="20" Height="20"></Image>
-                                            <TextBlock VerticalAlignment="Center" Margin="20 0 0 0" Foreground="{StaticResource TangoLightForegroundBrush}" FontSize="{StaticResource TangoComboBoxItemFontSize}" FontWeight="Light">Power</TextBlock>
-                                        </StackPanel>
-                                    </touch:TouchButton>
-                                </Border>-->
+                                        </UniformGrid>
+                                    </Border>
+                                    <Border Height="1"  Margin="10" Background="{StaticResource TangoDividerBrush}"></Border>
+                                    <TextBlock VerticalAlignment="Center"  Text="{Binding CurrentDateTime, StringFormat='{}{0:HH:mm  MM/dd/yyyy}'}" FontSize="18" Foreground="{StaticResource TangoPrimaryBackgroundBrush}" HorizontalAlignment="Center" Margin="0 0 0 16" FontWeight="Light"></TextBlock>
+                                </StackPanel>
+                               
+                                
                             </Grid>
                         </Grid>
                     </Border>