path: root/Software/Visual_Studio/StubsUtils/Tango.StubsUtils.Service.UI/Views/MainView.xaml

<UserControl x:Class="Tango.StubsUtils.Service.UI.Views.MainView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:tb="http://www.hardcodet.net/taskbar"
             xmlns:material="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:controls="clr-namespace:Tango.StubsUtils.Service.UI.Controls"
             xmlns:local="clr-namespace:Tango.StubsUtils.Service.UI.Views"
             xmlns:vm="clr-namespace:Tango.StubsUtils.Service.UI.ViewModels"
             mc:Ignorable="d" 
             d:DesignHeight="400" d:DesignWidth="700" Background="{StaticResource FSE_PrimaryBackgroundBrush}" d:DataContext="{d:DesignInstance Type=vm:MainViewVM,IsDesignTimeCreatable=False}" Foreground="{StaticResource FSE_PrimaryForegroundBrush}">

    <UserControl.Resources>
        <RadialGradientBrush x:Key="FSE_LED_GrayBrush">
            <GradientStop Offset="0" Color="Gray" />
            <GradientStop Offset="1" Color="#4E4E4E" />
        </RadialGradientBrush>
        <RadialGradientBrush x:Key="FSE_LED_GreenBrush">
            <GradientStop Offset="0" Color="#4DFC1E" />
            <GradientStop Offset="1" Color="#096D07" />
        </RadialGradientBrush>
        <RadialGradientBrush x:Key="FSE_LED_RedBrush">
            <GradientStop Offset="0" Color="#FA6565" />
            <GradientStop Offset="1" Color="#A32323" />
        </RadialGradientBrush>
    </UserControl.Resources>

    <Grid IsEnabled="{Binding IsFree}" Background="Transparent">
        <Grid.Style>
            <Style TargetType="Grid">
                <Setter Property="Cursor" Value="Arrow"></Setter>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsFree}" Value="False">
                        <Setter Property="Cursor" Value="Wait"></Setter>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Grid.Style>

        <Grid Margin="10">
            <DockPanel>
                <DockPanel DockPanel.Dock="Top">
                    <Image VerticalAlignment="Top" Source="/Images/machine_icon_none.png" Stretch="None" />

                    <StackPanel Margin="10 0 0 0" VerticalAlignment="Top">
                        <TextBlock FontSize="{StaticResource FSE_LargeFontSize}">Tango Stubs Service</TextBlock>
                        <DockPanel Margin="0 5 0 0">
                            <Ellipse Width="12" Height="12" Stroke="#353535">
                                <Ellipse.Style>
                                    <Style TargetType="Ellipse">
                                        <Setter Property="Fill" Value="{StaticResource FSE_LED_RedBrush}"></Setter>
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding Service.IsConnected}" Value="True">
                                                <Setter Property="Fill" Value="{StaticResource FSE_LED_GreenBrush}"></Setter>
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </Ellipse.Style>
                            </Ellipse>
                            <TextBlock Margin="5 0 0 0" FontWeight="SemiBold">
                                <TextBlock.Style>
                                    <Style TargetType="TextBlock">
                                        <Setter Property="Text" Value="Disconnected"></Setter>
                                        <Setter Property="Foreground" Value="{StaticResource FSE_RedBrush}"></Setter>
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding Service.IsConnected}" Value="True">
                                                <Setter Property="Text" Value="Connected"></Setter>
                                                <Setter Property="Foreground" Value="{StaticResource FSE_GreenBrush}"></Setter>
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </TextBlock.Style>
                            </TextBlock>
                        </DockPanel>
                    </StackPanel>
                </DockPanel>

                <Grid Margin="0 20 0 0">
                    <DockPanel>

                        <Grid DockPanel.Dock="Top">
                            <Border Padding="0 20">
                                <DockPanel>
                                    <Button Command="{Binding ToggleConnectionCommand}" Width="150" DockPanel.Dock="Right" Padding="8">
                                        <Button.Style>
                                            <Style TargetType="Button" BasedOn="{StaticResource FSE_RaisedButton_Dark_Hover}">
                                                <Setter Property="Content" Value="CONNECT"/>
                                                <Style.Triggers>
                                                    <DataTrigger Binding="{Binding Service.IsConnected}" Value="True">
                                                        <Setter Property="Content" Value="DISCONNECT"/>
                                                    </DataTrigger>
                                                </Style.Triggers>
                                            </Style>
                                        </Button.Style>
                                    </Button>
                                    <ComboBox DockPanel.Dock="Left" Margin="0 0 20 0" ItemsSource="{Binding AvailablePorts}" SelectedItem="{Binding SelectedPort}" IsEnabled="{Binding Service.IsConnected,Converter={StaticResource BooleanInverseConverter}}" Text="{Binding SelectedPort}"></ComboBox>
                                </DockPanel>
                            </Border>
                        </Grid>

                        <StackPanel Orientation="Horizontal" DockPanel.Dock="Bottom" Margin="2 5 0 0">
                            <CheckBox IsChecked="{Binding Service.EnableLogs}">
                                <TextBlock Margin="0 -3 0 0">
                                    Enable Communication Logs
                                </TextBlock>
                            </CheckBox>

                            <CheckBox Margin="10 0 0 0" IsChecked="{Binding Settings.AutoConnect}">
                                <TextBlock Margin="0 -3 0 0">
                                    Auto Connect on Startup
                                </TextBlock>
                            </CheckBox>

                            <Button Margin="20 -1 0 0" IsEnabled="{Binding Service.IsConnected}" Command="{Binding StartPerformanceTesterCommand}" Height="Auto" Style="{StaticResource FSE_FlatButton_OpacityHover}" FontSize="{StaticResource FSE_SmallFontSize}">Start Performance Tester</Button>
                        </StackPanel>

                        <DockPanel Margin="0 10 0 0" >
                            <Border DockPanel.Dock="Top" Padding="4" Background="{StaticResource FSE_PrimaryBackgroundLightBrush}" CornerRadius="5 5 0 0">
                                <DockPanel>
                                    <Button Style="{StaticResource FSE_RaisedButton_Dark_Hover}" DockPanel.Dock="Right" Command="{Binding ClearLogCommand}" ToolTip="Clear log" Padding="1">
                                        <material:PackIcon Kind="BinEmpty" />
                                    </Button>
                                    <TextBlock FontWeight="SemiBold" VerticalAlignment="Center">LOG</TextBlock>
                                </DockPanel>
                            </Border>
                            <Border Background="{StaticResource FSE_PrimaryBackgroundDarkBrush}" CornerRadius="0 0 5 5" BorderThickness="1" BorderBrush="{StaticResource FSE_PrimaryBackgroundLightBrush}" Padding="3">
                                <!--<TextBox x:Name="txtLogs" Foreground="{StaticResource FSE_GrayBrush}" Style="{x:Null}" BorderThickness="0" HorizontalContentAlignment="Left" VerticalContentAlignment="Top" AcceptsReturn="True" IsReadOnly="True" Background="Transparent" FontSize="{StaticResource FSE_SmallFontSize}" Padding="5" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto"></TextBox>-->
                                <controls:ScrollableFlowDocumentScrollViewer x:Name="scrollViewerLogs" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" Padding="5">
                                    <FlowDocument x:Name="documentLogs" FontFamily="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=FontFamily}" FontSize="{StaticResource FSE_SmallFontSize}" Foreground="{StaticResource FSE_GrayBrush}" PagePadding="0">
                                        <Paragraph x:Name="paragraphLog">

                                        </Paragraph>
                                    </FlowDocument>
                                </controls:ScrollableFlowDocumentScrollViewer>
                            </Border>
                        </DockPanel>
                    </DockPanel>
                </Grid>
            </DockPanel>
        </Grid>

        <tb:TaskbarIcon x:Name="taskIcon" x:FieldModifier="public"
                    Visibility="{Binding IsTrayIconVisible,Converter={StaticResource BooleanToVisibilityConverter}}"
                    ToolTipText="Tango Stubs Service"
                    MenuActivation="RightClick"
                    DoubleClickCommand="{Binding OpenCommand}"
                    PopupActivation="DoubleClick">

            <tb:TaskbarIcon.Style>
                <Style TargetType="tb:TaskbarIcon">
                    <Setter Property="IconSource" Value="/Images/machine_icon_disconnected.ico"></Setter>
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Service.IsConnected}" Value="True">
                            <Setter Property="IconSource" Value="/Images/machine_icon_connected.ico"></Setter>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </tb:TaskbarIcon.Style>
            <tb:TaskbarIcon.TrayToolTip>
                <Border Background="{StaticResource FSE_PrimaryBackgroundBrush}" BorderThickness="1" BorderBrush="{StaticResource FSE_PrimaryBackgroundLightBrush}" CornerRadius="5" Padding="20 10">
                    <StackPanel TextElement.Foreground="{StaticResource FSE_PrimaryForegroundBrush}">
                        <DockPanel>
                            <Image VerticalAlignment="Top" Source="/Images/machine_icon_none.png" Stretch="None" />

                            <StackPanel Margin="10 0 0 0" VerticalAlignment="Top">
                                <TextBlock FontSize="{StaticResource FSE_LargeFontSize}">Tango Stubs Service</TextBlock>
                                <DockPanel Margin="0 5 0 0">
                                    <Ellipse Width="12" Height="12" Stroke="#353535">
                                        <Ellipse.Style>
                                            <Style TargetType="Ellipse">
                                                <Setter Property="Fill" Value="{StaticResource FSE_LED_RedBrush}"></Setter>
                                                <Style.Triggers>
                                                    <DataTrigger Binding="{Binding Service.IsConnected}" Value="True">
                                                        <Setter Property="Fill" Value="{StaticResource FSE_LED_GreenBrush}"></Setter>
                                                    </DataTrigger>
                                                </Style.Triggers>
                                            </Style>
                                        </Ellipse.Style>
                                    </Ellipse>
                                    <TextBlock Margin="5 0 0 0" FontWeight="SemiBold">
                                        <TextBlock.Style>
                                            <Style TargetType="TextBlock">
                                                <Setter Property="Text" Value="Disconnected"></Setter>
                                                <Setter Property="Foreground" Value="{StaticResource FSE_RedBrush}"></Setter>
                                                <Style.Triggers>
                                                    <DataTrigger Binding="{Binding Service.IsConnected}" Value="True">
                                                        <Setter Property="Text" Value="Connected"></Setter>
                                                        <Setter Property="Foreground" Value="{StaticResource FSE_GreenBrush}"></Setter>
                                                    </DataTrigger>
                                                </Style.Triggers>
                                            </Style>
                                        </TextBlock.Style>
                                    </TextBlock>
                                </DockPanel>
                            </StackPanel>
                        </DockPanel>
                    </StackPanel>
                </Border>
            </tb:TaskbarIcon.TrayToolTip>
            <tb:TaskbarIcon.ContextMenu>
                <ContextMenu>
                    <MenuItem Height="120" IsEnabled="False" Opacity="1" VerticalContentAlignment="Top" HorizontalContentAlignment="Left">
                        <MenuItem.Header>
                            <StackPanel Margin="-40 -10 0 40" HorizontalAlignment="Left" VerticalAlignment="Top" TextElement.Foreground="{StaticResource FSE_PrimaryForegroundBrush}">
                                <DockPanel>
                                    <Image VerticalAlignment="Top" Source="/Images/machine_icon_none.png" Stretch="None" />

                                    <StackPanel Margin="10 0 0 0" VerticalAlignment="Top">
                                        <TextBlock FontSize="{StaticResource FSE_LargeFontSize}">Tango Stubs Service</TextBlock>
                                        <DockPanel Margin="0 5 0 0">
                                            <Ellipse Width="12" Height="12" Stroke="#353535">
                                                <Ellipse.Style>
                                                    <Style TargetType="Ellipse">
                                                        <Setter Property="Fill" Value="{StaticResource FSE_LED_RedBrush}"></Setter>
                                                        <Style.Triggers>
                                                            <DataTrigger Binding="{Binding Service.IsConnected}" Value="True">
                                                                <Setter Property="Fill" Value="{StaticResource FSE_LED_GreenBrush}"></Setter>
                                                            </DataTrigger>
                                                        </Style.Triggers>
                                                    </Style>
                                                </Ellipse.Style>
                                            </Ellipse>
                                            <TextBlock Margin="5 0 0 0" FontWeight="SemiBold">
                                                <TextBlock.Style>
                                                    <Style TargetType="TextBlock">
                                                        <Setter Property="Text" Value="Disconnected"></Setter>
                                                        <Setter Property="Foreground" Value="{StaticResource FSE_RedBrush}"></Setter>
                                                        <Style.Triggers>
                                                            <DataTrigger Binding="{Binding Service.IsConnected}" Value="True">
                                                                <Setter Property="Text" Value="Connected"></Setter>
                                                                <Setter Property="Foreground" Value="{StaticResource FSE_GreenBrush}"></Setter>
                                                            </DataTrigger>
                                                        </Style.Triggers>
                                                    </Style>
                                                </TextBlock.Style>
                                            </TextBlock>
                                        </DockPanel>
                                    </StackPanel>
                                </DockPanel>
                            </StackPanel>
                        </MenuItem.Header>
                    </MenuItem>

                    <MenuItem Header="Open" Command="{Binding OpenCommand}">
                        <MenuItem.Icon>
                            <material:PackIcon Kind="OpenInApp" />
                        </MenuItem.Icon>
                    </MenuItem>
                    <MenuItem Header="Exit" Command="{Binding ExitCommand}">
                        <MenuItem.Icon>
                            <material:PackIcon Kind="PowerOff" />
                        </MenuItem.Icon>
                    </MenuItem>
                </ContextMenu>
            </tb:TaskbarIcon.ContextMenu>
        </tb:TaskbarIcon>
    </Grid>
</UserControl>