prs/prs.desktop/MainWindow.xaml

<fluent:RibbonWindow x:Class="PRSDesktop.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:local="clr-namespace:PRSDesktop"
                     mc:Ignorable="d"
                     xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
                     xmlns:themes="clr-namespace:InABox.WPF.Themes;assembly=InABox.Wpf"
                     xmlns:fluent="urn:fluent-ribbon"
                     xmlns:svgc="http://sharpvectors.codeplex.com/svgc/"
                     Title="PRS Desktop"
                     Height="900" Width="1200" Left="100" Top="100"
                     WindowStartupLocation="CenterScreen"
                     WindowState="Maximized"
                     HorizontalContentAlignment="Stretch"
                     VerticalContentAlignment="Stretch"
                     Loaded="Window_Loaded"
                     Unloaded="Window_Unloaded"
                     Closing="Window_Closing"
                     Closed="RibbonWindow_Closed"
                     PreviewMouseUp="RibbonWindow_PreviewMouseUp"
                     PreviewKeyUp="RibbonWindow_PreviewKeyUp"
                     Activated="RibbonWindow_Activated"
                     Background="{Binding Path=(themes:ThemeManager.WorkspaceBackgroundBrush)}"
                     Foreground="{Binding Path=(themes:ThemeManager.WorkspaceForegroundBrush)}"
                     TitleBackground="{Binding Path=(themes:ThemeManager.WorkspaceBackgroundBrush)}"
                     TitleForeground="{Binding Path=(themes:ThemeManager.WorkspaceForegroundBrush)}"
                     NonActiveBorderBrush="{Binding Path=(themes:ThemeManager.BackstageBackgroundBrush)}"
                     >
    <!-- GlowBrush="{Binding Path=(themes:ThemeManager.BackstageBackgroundBrush)}" -->
    <!-- NonActiveGlowBrush="{Binding Path=(themes:ThemeManager.WorkspaceBackgroundBrush)}" -->
    
    <fluent:RibbonWindow.Resources>
        
        <!-- <ResourceDictionary> -->

        <SolidColorBrush x:Key="Fluent.Ribbon.Brushes.Backstage.BackButton.Background"
                         Color="{Binding Path=(themes:ThemeManager.BackstageBackgroundColor)}" />
        <SolidColorBrush x:Key="Fluent.Ribbon.Brushes.Backstage.BackButton.Foreground"
                         Color="{Binding Path=(themes:ThemeManager.BackstageForegroundColor)}" />

        <ControlTemplate x:Key="VerticalSplitter">
            <Grid Background="{TemplateBinding Background}" Width="4">
                <Button x:Name="PART_Left" Visibility="Collapsed" />
                <Button x:Name="PART_Right" Visibility="Collapsed" />
                <StackPanel Margin="0" Orientation="Vertical" VerticalAlignment="Center"
                            HorizontalAlignment="Center">
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="0,2,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="0,2,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="0,2,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="0,2,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="0,2,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="0,2,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="0,2,0,0" />
                </StackPanel>
            </Grid>
        </ControlTemplate>

        <!-- </ResourceDictionary> -->
    </fluent:RibbonWindow.Resources>

    <Grid x:Name="_mainScreen">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition x:Name="_ribbonRow" Height="Auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <fluent:Ribbon x:Name="_ribbon" Grid.Row="0" Grid.ColumnSpan="2" IsCollapsed="False"
                       PreviewMouseDoubleClick="_ribbon_OnPreviewMouseDoubleClick"
                       Background="{Binding Path=(themes:ThemeManager.WorkspaceBackgroundBrush)}"
                       Foreground="{Binding Path=(themes:ThemeManager.WorkspaceForegroundBrush)}"
                       Loaded="_ribbon_OnLoaded"
                       >

            <fluent:Ribbon.Menu>
                <fluent:Backstage Header="System"
                                  Background="{Binding Path=(themes:ThemeManager.BackstageBackgroundBrush)}"
                                  Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}">
                    <fluent:BackstageTabControl
                        x:Name="_backstage"
                        ItemsPanelBackground="{Binding Path=(themes:ThemeManager.BackstageBackgroundBrush)}"
                        Background="{Binding Path=(themes:ThemeManager.WorkspaceBackgroundBrush)}"
                        Foreground="{Binding Path=(themes:ThemeManager.WorkspaceForegroundBrush)}">

                        <fluent:SeparatorTabItem x:Name="BackstageSeparator" Height="20" />

                        <fluent:Button
                            x:Name="DatabaseSettings"
                            Header="Database Settings"
                            Click="DatabaseSettings_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:SeparatorTabItem x:Name="BackstageSeparator0" Height="20" />

                        <fluent:Button
                            x:Name="CompanyInformation"
                            Header="Company Information"
                            Click="CompanyInformation_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:SeparatorTabItem x:Name="BackstageSeparator1" Height="20" />

                        <fluent:Button
                            x:Name="SecurityDefaultsButton"
                            Header="Security Defaults"
                            Click="SecurityDefaultsButton_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:SeparatorTabItem x:Name="BackstageSeparator1a" Height="20" />

                        <fluent:Button
                            x:Name="SystemLogsButton"
                            Header="View System Logs"
                            Click="SystemLogsButton_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />
                        
                        <fluent:Button
                            x:Name="OpenSupportSessionButton"
                            Header="Open Support Session"
                            Click="OpenSupportSession_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />
                        
                        <fluent:SeparatorTabItem x:Name="BackstageSeparator2a" Height="20" />
                        
                        <fluent:Button
                            x:Name="CheckForUpdatesButton"
                            Header="Check For Updates"
                            Click="CheckForUpdates_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />
                        
                        <fluent:SeparatorTabItem x:Name="BackstageSeparator2" Height="20" />

                        <fluent:Button
                            x:Name="DocumentTypeList"
                            Header="Document Types"
                            Click="DocumentTypeList_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />
                        <fluent:Button
                            x:Name="EventList"
                            Header="Events"
                            Click="EventList_Click"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:SeparatorTabItem x:Name="BackstageSeparator5" Height="20" />

                        <fluent:Button
                            x:Name="EditDetailsButton"
                            VerticalAlignment="Bottom"
                            Header="My Details"
                            Click="EditDetailsButton_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:Button
                            x:Name="LogoutButton"
                            VerticalAlignment="Bottom"
                            Header="Log Out"
                            Click="LogoutButton_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:Button
                            x:Name="LoginButton"
                            VerticalAlignment="Bottom"
                            Header="Log In"
                            Click="LoginButton_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:SeparatorTabItem Height="20" />

                        <fluent:Button
                            x:Name="ExitButton"
                            VerticalAlignment="Bottom"
                            Header="Exit"
                            Click="ExitButton_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                    </fluent:BackstageTabControl>
                </fluent:Backstage>
            </fluent:Ribbon.Menu>
        </fluent:Ribbon>

        <Grid Grid.Row="0" Grid.Column="1">

            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
                <RowDefinition Height="30" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <fluent:Button
                x:Name="SendNotification"
                Header="Send Notification"
                BorderBrush="Gray"
                BorderThickness="0.75"
                Margin="0,0,5,0"
                Background="WhiteSmoke"
                Grid.Row="0"
                Grid.Column="3"
                Size="Middle"
                Icon="Resources/team.png"
                HorizontalAlignment="Stretch"
                Height="25"
                Click="SendNotificationClick" />

            <fluent:Button Grid.Row="1" Grid.Column="0"
                           Header="Setup"
                           LargeIcon="{svgc:SvgImage Source=/Resources/settings.svg}"
                           Click="Setup_Click"
                           Margin="0,0,5,20"/>

            <!-- <fluent:Button Grid.Row="1" Grid.Column="1" -->
            <!--                Header="Forms" -->
            <!--                LargeIcon="{svgc:SvgImage Source=/Resources/formslibrary.svg}" -->
            <!--                Click="Forms_Click" -->
            <!--                Margin="0,0,5,20"/> -->
            
            <fluent:Button Grid.Row="1" Grid.Column="1"
                           x:Name="IssuesButton"
                           Header="Support Tickets"
                           LargeIcon="{svgc:SvgImage Source=/Resources/appicon.svg}"
                           Click="Issues_Click"
                           ToolTip="Raise an issue with the PRS team"
                           Margin="0,0,5,20"/>
            
            <fluent:Button Grid.Row="1" Grid.Column="2"
                           x:Name="MobileButton"
                           Header="Mobile App"
                           LargeIcon="{svgc:SvgImage Source=/Resources/mobile.svg}"
                           Click="Mobile_Click"
                           ToolTip="Raise an issue with the PRS team"
                           Margin="0,0,5,20"/>
            

            <Border Grid.Row="1" Grid.Column="3" 
                    BorderBrush="Silver" BorderThickness="0,0.75,0.75,0.75" Padding="0,0,5,20">
                <StackPanel Orientation="Horizontal">
                    
                    <fluent:Button
                        Header="Online Help"
                        LargeIcon="{svgc:SvgImage Source=/Resources/help.svg}"
                        Click="Wiki_Click" />

                    <fluent:Button
                        x:Name="EquipmentTechnicalLibrary"
                        Header="Technical Library"
                        LargeIcon="{svgc:SvgImage Source=/Resources/techlibrary.svg}"
                        Click="Library_Click" />
                </StackPanel>
            </Border>
        </Grid>

        <DockingManager x:Name="DockingManager"
                        Grid.Row="1"
                        Grid.Column="0"
                        Grid.ColumnSpan="2"
                        AllowMixedOrientation="True"
                        AutoWindowSizeWhenOpened="True"
                        IsVirtualizingAnchorable="True"
                        IsVirtualizingDocument="True"
                        Margin="-4,-4,-4,0" Padding="0" BorderBrush="Silver" BorderThickness="0,0.75,0,0">

            <DockingManager.Theme>
                <MetroTheme />
            </DockingManager.Theme>

            <DockingManager.Resources>

                <!-- DockingManager.Background, LayoutDocumentFloatingWindowControl.Header.Foreground-->
                <SolidColorBrush x:Key="AvalonDock_ThemeMetro_BaseColor1"
                                 Color="{Binding Path=(themes:ThemeManager.WorkspaceBackgroundColor)}" />

                <!-- AnchorablePaneTitle.DropDownControlArea.Foreground, LayoutAnchorControl.Foreground, LayoutAnchorableFloatingWindowControl.Foreground-->
                <SolidColorBrush x:Key="AvalonDock_ThemeMetro_BaseColor2"
                                 Color="{Binding Path=(themes:ThemeManager.WorkspaceForegroundColor)}" />

                <!-- TabItem.IsActive.Border, AnchorablePaneTitle.IsActive.Border LayoutAnchorControl.IsActive.Border -->
                <!-- LayoutDocumentFolatingWindowControl.IsActive.Border -->
                <SolidColorBrush x:Key="AvalonDock_ThemeMetro_BaseColor3"
                                 Color="{Binding Path=(themes:ThemeManager.SelectedTabItemBackgroundColor)}" />

                <!-- TabItem.Hover.Border, LayoutAnchorControl.Hover.Border -->
                <SolidColorBrush x:Key="AvalonDock_ThemeMetro_BaseColor4"
                                 Color="{Binding Path=(themes:ThemeManager.SelectedTabItemBackgroundColor)}" />

                <!-- TabItem.IsSelected.Border, TabItem.IsActive.ForeGround, TabItem.Hover.Foreground, LayoutFloatingWindowControl.Background -->
                <SolidColorBrush x:Key="AvalonDock_ThemeMetro_BaseColor5"
                                 Color="{Binding Path=(themes:ThemeManager.WorkspaceForegroundColor)}" />

                <!-- FloatingWindowControl.Border, LayoutAnchorableFloatingWindowControl.Border -->
                <SolidColorBrush x:Key="AvalonDock_ThemeMetro_BaseColor6"
                                 Color="{Binding Path=(themes:ThemeManager.WorkspaceForegroundColor)}" />

                <!-- LayoutGridResizerControl.Background, NavigatorWindow.Background -->
                <SolidColorBrush x:Key="AvalonDock_ThemeMetro_BaseColor7" Color="#EEEEEE" />

            </DockingManager.Resources>

            <LayoutRoot>
                <LayoutPanel Orientation="Horizontal">
                    <LayoutDocumentPaneGroup>
                        <LayoutDocumentPane x:Name="LayoutDocumentPane" ShowHeader="False">
                            <LayoutDocument Title="Document 1" ContentId="document1">

                                <Grid x:Name="DockingGrid">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="*" />
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="0" />
                                        <ColumnDefinition Width="0" />
                                    </Grid.ColumnDefinitions>

                                    <ContentControl x:Name="ContentControl" HorizontalAlignment="Stretch"
                                                    VerticalAlignment="Stretch"
                                                    Grid.Column="0" Grid.Row="0" Margin="0,-4,2,-4" />

                                    <syncfusion:SfGridSplitter Grid.Row="0" Grid.Column="1"
                                                               ResizeBehavior="PreviousAndNext"
                                                               Background="Transparent"
                                                               Template="{StaticResource VerticalSplitter}">

                                        <syncfusion:SfGridSplitter.PreviewStyle>
                                            <Style TargetType="Control">
                                                <Setter Property="Background" Value="Gray" />
                                                <Setter Property="Template">
                                                    <Setter.Value>
                                                        <ControlTemplate TargetType="Control">
                                                            <Grid x:Name="Root" Opacity="0.5">
                                                                <Rectangle Fill="{TemplateBinding Background}" />
                                                            </Grid>
                                                        </ControlTemplate>
                                                    </Setter.Value>
                                                </Setter>
                                            </Style>
                                        </syncfusion:SfGridSplitter.PreviewStyle>

                                    </syncfusion:SfGridSplitter>

                                    <local:NotificationsDock 
                                        x:Name="Notifications" 
                                        Grid.Row="0" 
                                        Grid.Column="2"
                                        Changed="Notifications_Changed"  
                                        Margin="0,-4,0,-4"  />
                                </Grid>

                            </LayoutDocument>
                        </LayoutDocumentPane>
                    </LayoutDocumentPaneGroup>
                </LayoutPanel>

                <LayoutRoot.LeftSide>
                    <LayoutAnchorSide>
                        <LayoutAnchorGroup x:Name="DockGroup">
                            <LayoutAnchorable
                                x:Name="ContactDock"
                                Title="Address Book"
                                ContentId="contacts"
                                CanClose="False"
                                CanFloat="False"
                                CanHide="False"
                                CanAutoHide="False"
                                CanDockAsTabbedDocument="False"
                                CanMove="False"
                                AutoHideWidth="500"
                                FloatingWidth="500"
                                AutoHideMinWidth="400"
                                IsActiveChanged="DockPanel_OnIsActiveChanged">
                                <Border BorderThickness="0.75" BorderBrush="Gray" Margin="0,4,0,0" Padding="4" Background="WhiteSmoke">
                                    <local:ContactDock x:Name="Contacts" />
                                </Border>
                            </LayoutAnchorable>

                            <LayoutAnchorable
                                x:Name="JobDock"
                                Title="Projects"
                                ContentId="projects"
                                CanClose="False"
                                CanFloat="False"
                                CanHide="False"
                                CanAutoHide="False"
                                CanDockAsTabbedDocument="False"
                                CanMove="False"
                                AutoHideWidth="500"
                                FloatingWidth="500"
                                AutoHideMinWidth="400"
                                IsActiveChanged="DockPanel_OnIsActiveChanged">
                                <Border BorderThickness="0.75" BorderBrush="Gray" Margin="0,4,0,0" Padding="4" Background="WhiteSmoke">
                                    <local:JobDock x:Name="Jobs" />
                                </Border>
                            </LayoutAnchorable>

                            <LayoutAnchorable
                                x:Name="ConsignmentDock"
                                Title="Consignments"
                                ContentId="consignments"
                                CanClose="False"
                                CanFloat="False"
                                CanHide="False"
                                CanAutoHide="True"
                                CanDockAsTabbedDocument="False"
                                AutoHideWidth="500"
                                FloatingWidth="500"
                                AutoHideMinWidth="400"
                                IsActiveChanged="DockPanel_OnIsActiveChanged">
                                <Border BorderThickness="0.75" BorderBrush="Gray" Margin="0,4,0,0" Padding="4" Background="WhiteSmoke">
                                    <local:ConsignmentDock x:Name="Consignments" />
                                </Border>
                            </LayoutAnchorable>

                            <LayoutAnchorable
                                x:Name="DeliveryDock"
                                Title="Deliveries"
                                ContentId="deliveries"
                                CanClose="False"
                                CanFloat="False"
                                CanHide="False"
                                CanAutoHide="True"
                                CanDockAsTabbedDocument="False"
                                AutoHideWidth="500"
                                FloatingWidth="500"
                                AutoHideMinWidth="400"
                                IsActiveChanged="DockPanel_OnIsActiveChanged">
                                <Border BorderThickness="0.75" BorderBrush="Gray" Margin="0,4,0,0" Padding="4" Background="WhiteSmoke">
                                    <local:DeliveryDock x:Name="Deliveries" />
                                </Border>
                            </LayoutAnchorable>

                            <LayoutAnchorable
                                x:Name="ProductLookupDock"
                                Title="Products"
                                ContentId="products"
                                CanClose="False"
                                CanFloat="False"
                                CanHide="False"
                                CanAutoHide="True"
                                CanDockAsTabbedDocument="False"
                                AutoHideWidth="500"
                                FloatingWidth="500"
                                AutoHideMinWidth="400"
                                IsActiveChanged="DockPanel_OnIsActiveChanged">
                                <Border BorderThickness="0.75" BorderBrush="Gray" Margin="0,4,0,0" Padding="4" Background="WhiteSmoke">
                                    <local:ProductLookupDock x:Name="ProductLookup" />
                                </Border>
                            </LayoutAnchorable>
                            
                            <LayoutAnchorable
                                x:Name="DigitalFormsDock"
                                Title="Digital Forms"
                                ContentId="digitalforms"
                                CanClose="False"
                                CanFloat="False"
                                CanHide="False"
                                CanAutoHide="True"
                                CanDockAsTabbedDocument="False"
                                AutoHideWidth="500"
                                FloatingWidth="500"
                                AutoHideMinWidth="400"
                                IsActiveChanged="DockPanel_OnIsActiveChanged">
                                <Border BorderThickness="0.75" BorderBrush="Gray" Margin="0,4,0,0" Padding="4" Background="WhiteSmoke">
                                    <local:DigitalFormsDock x:Name="DigitalForms" />
                                </Border>
                            </LayoutAnchorable>
                            
                            <LayoutAnchorable
                                x:Name="ProblemsDock"
                                Title="Issues Centre"
                                ContentId="problems"
                                CanClose="False"
                                CanFloat="False"
                                CanHide="False"
                                CanAutoHide="True"
                                CanDockAsTabbedDocument="False"
                                AutoHideWidth="500"
                                FloatingWidth="500"
                                AutoHideMinWidth="400"
                                IsActiveChanged="DockPanel_OnIsActiveChanged">
                                <Border BorderThickness="0.75" BorderBrush="Gray" Margin="0,4,0,0" Padding="4" Background="WhiteSmoke">
                                    <local:ProblemsDock x:Name="Problems" />
                                </Border>
                            </LayoutAnchorable>
                            
                            <LayoutAnchorable
                                x:Name="RequisitionsDock"
                                Title="Requisitions"
                                ContentId="requisitions"
                                CanClose="False"
                                CanFloat="False"
                                CanHide="False"
                                CanAutoHide="True"
                                CanDockAsTabbedDocument="False"
                                AutoHideWidth="500"
                                FloatingWidth="500"
                                AutoHideMinWidth="400"
                                IsActiveChanged="DockPanel_OnIsActiveChanged">
                                <Border BorderThickness="0.75" BorderBrush="Gray" Margin="0,4,0,0" Padding="4" Background="WhiteSmoke">
                                    <local:RequisitionsDock x:Name="Requisitions" />
                                </Border>
                            </LayoutAnchorable>
                            
                        </LayoutAnchorGroup>
                    </LayoutAnchorSide>
                </LayoutRoot.LeftSide>
            </LayoutRoot>
        </DockingManager>

        <Border Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2" BorderThickness="0"
                Background="DimGray">
            <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="Auto" />                          
                        <ColumnDefinition Width="Auto" />                       
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>
                
                    <Label Grid.Column="0" x:Name="ProfileName" Content="" HorizontalContentAlignment="Center"
                           VerticalContentAlignment="Center" Foreground="WhiteSmoke" Padding="20,0,20,0" />
                    
                    <Label Grid.Column="1" x:Name="URL" Content="" VerticalContentAlignment="Center" Foreground="WhiteSmoke" />

                    <DockPanel x:Name="TaskTracking" Grid.Column="2" Margin="0,0,50,0">
                        <Button DockPanel.Dock="Right" BorderBrush="Transparent" Background="Transparent"
                                Click="SelectTask_Click" Width="25">
                            <Image x:Name="SelectTask" Source="Resources/uparrow.png" />
                        </Button>
                        <Label x:Name="SelectedTaskName" DockPanel.Dock="Left" VerticalContentAlignment="Center"
                               Content="(No Task Selected)" Foreground="WhiteSmoke" />
                    </DockPanel>

                    <!-- <Button Grid.Column="3" x:Name="VideoRecordingButton" BorderThickness="0" Background="Transparent" -->
                    <!--         Click="VideoRecordingButton_Click"> -->
                    <!--     <Image x:Name="VideoRecordingStatus" -->
                    <!--            Source="pack://application:,,,/Resources/videorecording.png" -->
                    <!--            Height="24" Margin="2" /> -->
                    <!-- </Button> -->
                    <!-- -->
                    <!-- <Button Grid.Column="4" x:Name="RecordingNotesButton" BorderThickness="0" Background="Transparent" -->
                    <!--         Click="RecordingNotesButton_Click" Visibility="Hidden"> -->
                    <!--     <Image x:Name="RecordingNotesStatus" Source="pack://application:,,,/Resources/speechbubble.png" -->
                    <!--            Height="24" Margin="2" /> -->
                    <!-- </Button> -->
                    <!-- -->
                    <!-- <Button Grid.Column="5" x:Name="AudioRecordingButton" BorderThickness="0" Background="Transparent" -->
                    <!--         Click="AudioRecordingButton_Click" Visibility="Hidden"> -->
                    <!--     <Image x:Name="AudioRecordingStatus" -->
                    <!--            Source="pack://application:,,,/Resources/audiorecording.png" -->
                    <!--            Height="24" Margin="2" /> -->
                    <!-- </Button> -->

                    <Button Grid.Column="3" x:Name="ConsoleButton" BorderThickness="0" Background="Transparent"
                            Click="Console_Click" Visibility="Visible">
                        <Image x:Name="ConsoleStatus" Source="pack://application:,,,/Resources/view.png" Height="24"
                               Margin="2" />
                    </Button>
                    
                    <Image x:Name="BackgroundUploadStatus"
                           Grid.Column="4"
                           Source="pack://application:,,,/Resources/upload.png"
                           Height="24" Margin="2"
                           Visibility="Hidden"/>
                    
                    <Label Grid.Column="5" x:Name="UserID" Content="" HorizontalContentAlignment="Center"
                           VerticalContentAlignment="Center" Foreground="WhiteSmoke" Margin="5,0,5,0" />
                    
                    <Label Grid.Column="6" x:Name="PasswordExpiryNotice" Content="" HorizontalContentAlignment="Center"
                           VerticalContentAlignment="Center" Background="Firebrick" Foreground="Yellow"
                           Visibility="Collapsed" Margin="5,0,5,0" />
                    
                </Grid>

        </Border>

    </Grid>

</fluent:RibbonWindow>