sourcegit/src/UI/Launcher.xaml

<Window x:Class="SourceGit.UI.Launcher"
        x:Name="me"
        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:source="clr-namespace:SourceGit"
        xmlns:local="clr-namespace:SourceGit.UI"
        xmlns:converters="clr-namespace:SourceGit.Converters"
        mc:Ignorable="d"
        MinWidth="800" MinHeight="600"
        Title="Source Git"
        Width="{Binding Source={x:Static source:App.Preference}, Path=UIMainWindowWidth, Mode=TwoWay}"
        Height="{Binding Source={x:Static source:App.Preference}, Path=UIMainWindowHeight, Mode=TwoWay}"
        WindowStartupLocation="CenterOwner">

    <!-- Enable WindowChrome Feature -->
    <WindowChrome.WindowChrome>
        <WindowChrome UseAeroCaptionButtons="False" CornerRadius="0" CaptionHeight="32"/>
    </WindowChrome.WindowChrome>

    <!-- Window Layout -->
    <Border>

        <!-- Fix Maximize BUG -->
        <Border.Style>
            <Style TargetType="{x:Type Border}">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding WindowState, ElementName=me}" Value="Maximized">
                        <Setter Property="Margin" Value="6"/>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding WindowState, ElementName=me}" Value="Normal">
                        <Setter Property="Margin" Value="0"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Border.Style>
        
        <!-- Window Content -->
        <Grid Background="{StaticResource Brush.BG1}">
            <Grid.RowDefinitions>
                <RowDefinition Height="32"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <Grid Grid.Row="0" Background="{StaticResource Brush.BG6}">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition x:Name="openedTabsColumn" Width="*"/>
                    <ColumnDefinition Width="32"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>

                <Border Grid.ColumnSpan="3" VerticalAlignment="Bottom" Margin="0,0,0,-1" Height="1" Background="{StaticResource Brush.BG1}">
                    <Border.Effect>
                        <DropShadowEffect ShadowDepth="0" Opacity="1"/>
                    </Border.Effect>
                </Border>

                <!-- Tabs -->
                <ScrollViewer x:Name="openedTabsScroller" Grid.Column="0" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Disabled">
                    <TabControl x:Name="openedTabs" Padding="0" SnapsToDevicePixels="True" ItemsSource="{Binding ElementName=me, Path=Tabs}" SizeChanged="OpenedTabsSizeChanged">
                        <TabControl.Style>
                            <Style TargetType="{x:Type TabControl}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type TabControl}">
                                            <StackPanel Orientation="Horizontal" x:Name="HeaderPanel" Margin="6,4,0,0" IsItemsHost="True" SnapsToDevicePixels="True" KeyboardNavigation.TabIndex="1"/>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </TabControl.Style>

                        <TabControl.Resources>
                            <converters:IntToRepoColor x:Key="IntToRepoColor"/>
                            
                            <DataTemplate DataType="{x:Type local:Launcher+ManagerTab}">
                                <Path Width="14" Height="14" Margin="12,0" Fill="#FFF05133" Style="{StaticResource Style.Icon}" Data="{StaticResource Icon.Home}"/>
                            </DataTemplate>

                            <DataTemplate DataType="{x:Type local:Launcher+RepoTab}">
                                <Grid x:Name="BG" MinWidth="80" Margin="8,0" Background="Transparent">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="*" MinWidth="6"/>
                                        <ColumnDefinition Width="Auto"/>
                                    </Grid.ColumnDefinitions>

                                    <Path
                                        x:Name="Icon"
                                        Grid.Column="0"
                                        Width="14" Height="14"
                                        Fill="{Binding Color, Converter={StaticResource IntToRepoColor}}"
                                        Style="{StaticResource Style.Icon}"
                                        Data="{StaticResource Icon.Bookmark}"
                                        VerticalAlignment="Center"/>

                                    <Label
                                        x:Name="Title"
                                        Grid.Column="1" 
                                        Content="{Binding Title}" 
                                        Foreground="{StaticResource Brush.FG2}" FontFamily="Consolas" FontWeight="Bold"/>

                                    <Button Grid.Column="3" Click="CloseRepo" ToolTip="CLOSE">
                                        <Path
                                            Width="8" Height="8" 
                                            Fill="{StaticResource Brush.FG}"
                                            Style="{StaticResource Style.Icon}"
                                            Data="{StaticResource Icon.Close}"/>
                                    </Button>
                                </Grid>

                                <DataTemplate.Triggers>
                                    <DataTrigger Binding="{Binding IsActive}" Value="True">
                                        <Setter TargetName="Title" Property="Foreground" Value="{StaticResource Brush.FG}"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding Color}" Value="0">
                                        <Setter TargetName="Icon" Property="Data" Value="{StaticResource Icon.Git}"/>
                                        <Setter TargetName="Icon" Property="Fill" Value="{StaticResource Brush.FG}"/>
                                    </DataTrigger>
                                    <MultiDataTrigger>
                                        <MultiDataTrigger.Conditions>
                                            <Condition Binding="{Binding IsActive}" Value="False"/>
                                            <Condition Binding="{Binding ElementName=BG, Path=IsMouseOver}" Value="True"/>
                                        </MultiDataTrigger.Conditions>
                                        <Setter TargetName="Title" Property="Foreground" Value="{StaticResource Brush.FG}"/>
                                    </MultiDataTrigger>
                                </DataTemplate.Triggers>
                            </DataTemplate>
                        </TabControl.Resources>

                        <TabControl.ItemContainerStyle>
                            <Style TargetType="{x:Type TabItem}">
                                <Setter Property="AllowDrop" Value="{Binding IsRepo}"/>
                                <Setter Property="IsSelected" Value="{Binding IsActive, Mode=TwoWay}"/>
                                <Setter Property="Margin" Value="0"/>
                                <Setter Property="Padding" Value="0"/>
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type TabItem}">
                                            <Grid SnapsToDevicePixels="True" WindowChrome.IsHitTestVisibleInChrome="True" ToolTip="{Binding Tooltip}">
                                                <Border x:Name="BG" Margin="-1,0" SnapsToDevicePixels="True" Background="Transparent" BorderThickness="0" BorderBrush="{StaticResource Brush.BG3}" CornerRadius="4,4,0,0">
                                                    <Border.Effect>
                                                        <DropShadowEffect ShadowDepth="0" Opacity=".7"/>
                                                    </Border.Effect>
                                                </Border>

                                                <Rectangle
                                                    x:Name="Splitter"
                                                    HorizontalAlignment="Left" 
                                                    Width="1" Height="16" 
                                                    Fill="{StaticResource Brush.FG2}"
                                                    Visibility="Hidden"/>

                                                <Path
                                                    x:Name="CornerLeft"
                                                    Width="6"
                                                    Height="6"
                                                    HorizontalAlignment="Left"
                                                    VerticalAlignment="Bottom"
                                                    Margin="-6,0,0,0"
                                                    Data="M 0,6 L 6,6 6,0 C 6,0 6,6 0,6 Z"
                                                    Fill="Transparent"/>

                                                <Path
                                                    x:Name="CornerRight"
                                                    Width="6"
                                                    Height="6"
                                                    HorizontalAlignment="Right"
                                                    VerticalAlignment="Bottom"
                                                    Margin="0,0,-6,0"
                                                    Data="M 0,0 L 0,6 6,6 C 6,6 0,6 0,0 Z"
                                                    Fill="Transparent"/>

                                                <ContentPresenter 
                                                    x:Name="ContentSite"
                                                    VerticalAlignment="Center"
                                                    ContentSource="Header"
                                                    RecognizesAccessKey="True"/>
                                            </Grid>
                                            <ControlTemplate.Triggers>
                                                <Trigger Property="IsSelected" Value="True">
                                                    <Setter Property="Panel.ZIndex" Value="2"/>
                                                    <Setter TargetName="BG" Property="Background" Value="{DynamicResource Brush.BG1}"/>
                                                    <Setter TargetName="BG" Property="BorderThickness" Value="1,1,1,0"/>
                                                    <Setter TargetName="CornerLeft" Property="Fill" Value="{StaticResource Brush.BG1}"/>
                                                    <Setter TargetName="CornerRight" Property="Fill" Value="{StaticResource Brush.BG1}"/>
                                                </Trigger>
                                                
                                                <Trigger Property="IsSelected" Value="False">
                                                    <Setter Property="Panel.ZIndex" Value="-1"/>
                                                </Trigger>

                                                <MultiTrigger>
                                                    <MultiTrigger.Conditions>
                                                        <Condition Property="IsSelected" Value="False"/>
                                                        <Condition Property="IsMouseOver" Value="True"/>
                                                    </MultiTrigger.Conditions>
                                                    <Setter Property="Panel.ZIndex" Value="1"/>
                                                    <Setter TargetName="BG" Property="Background" Value="{DynamicResource Brush.BG5}"/>
                                                    <Setter TargetName="CornerLeft" Property="Fill" Value="{StaticResource Brush.BG5}"/>
                                                    <Setter TargetName="CornerRight" Property="Fill" Value="{StaticResource Brush.BG5}"/>
                                                </MultiTrigger>

                                                <MultiTrigger>
                                                    <MultiTrigger.Conditions>
                                                        <Condition Property="IsSelected" Value="False"/>
                                                        <Condition Property="IsMouseOver" Value="False"/>
                                                        <Condition Property="AllowDrop" Value="True"/>
                                                    </MultiTrigger.Conditions>
                                                    <Setter TargetName="Splitter" Property="Visibility" Value="Visible"/>
                                                </MultiTrigger>
                                            </ControlTemplate.Triggers>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>

                                <EventSetter Event="MouseMove" Handler="TabsMouseMove"/>
                                <EventSetter Event="Drop" Handler="TabsDrop"/>
                                <EventSetter Event="ContextMenuOpening" Handler="TabsContextMenuOpening"/>
                            </Style>
                        </TabControl.ItemContainerStyle>
                    </TabControl>
                </ScrollViewer>
                
                <!-- Tab scroller -->
                <StackPanel x:Name="openedTabsOpts" Grid.Column="1" VerticalAlignment="Bottom" Orientation="Horizontal" Height="28" Margin="4,0,0,0" WindowChrome.IsHitTestVisibleInChrome="True">
                    <Button Click="ScrollToLeft">
                        <Path Width="10" Height="12" Style="{StaticResource Style.Icon}" Data="{StaticResource Icon.ScrollLeft}"/>
                    </Button>
                    <Button Click="ScrollToRight">
                        <Path Width="10" Height="12" Style="{StaticResource Style.Icon}" Data="{StaticResource Icon.ScrollRight}"/>
                    </Button>
                </StackPanel>

                <!-- Window Command -->
                <StackPanel
                    Grid.Column="2"
                    Margin="32,0,0,0"
                    Orientation="Horizontal"
                    HorizontalAlignment="Right"
                    Height="32"
                    WindowChrome.IsHitTestVisibleInChrome="True">
                    <Button Click="ShowPreference" Width="24" ToolTip="PREFERENCE">
                        <Path Style="{StaticResource Style.Icon}" Data="{StaticResource Icon.Preference}"/>
                    </Button>
                    <Rectangle Width="1" Height="18" Margin="6,0" VerticalAlignment="Center" Fill="{StaticResource Brush.Border1}"/>
                    <Button Click="ShowAbout" Width="24" ToolTip="ABOUT">
                        <Path Style="{StaticResource Style.Icon}" Data="{StaticResource Icon.Info}"/>
                    </Button>
                    <Rectangle Width="1" Height="18" Margin="6,0" VerticalAlignment="Center" Fill="{StaticResource Brush.Border1}"/>
                    <Button Click="Minimize" Width="32" Style="{StaticResource Style.Button.HighlightHover}">
                        <Path Style="{StaticResource Style.WindowControlIcon}" Data="{StaticResource Icon.Minimize}"/>
                    </Button>
                    <Button Click="MaximizeOrRestore" Width="32" Style="{StaticResource Style.Button.HighlightHover}">
                        <Path>
                            <Path.Style>
                                <Style TargetType="{x:Type Path}" BasedOn="{StaticResource Style.WindowControlIcon}">
                                    <Style.Triggers>
                                        <DataTrigger Binding="{Binding WindowState, ElementName=me}" Value="Maximized">
                                            <Setter Property="Data" Value="{StaticResource Icon.Restore}"/>
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding WindowState, ElementName=me}" Value="Normal">
                                            <Setter Property="Data" Value="{StaticResource Icon.Maximize}"/>
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </Path.Style>
                        </Path>
                    </Button>
                    <Button Click="Quit" Width="32">
                        <Button.Style>
                            <Style TargetType="{x:Type Button}" BasedOn="{StaticResource Style.Button.HighlightHover}">
                                <Style.Triggers>
                                    <Trigger Property="IsMouseOver" Value="True">
                                        <Setter Property="Background" Value="Red"/>
                                    </Trigger>
                                </Style.Triggers>
                            </Style>
                        </Button.Style>

                        <Path Width="10" Style="{StaticResource Style.Icon}" Data="{StaticResource Icon.Close}"/>
                    </Button>
                </StackPanel>
            </Grid>

            <!-- Pages -->
            <ItemsControl Grid.Row="1" ItemsSource="{Binding ElementName=me, Path=Tabs}">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <Grid/>
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
                <ItemsControl.Resources>
                    <BooleanToVisibilityConverter x:Key="Bool2Visible"/>
                </ItemsControl.Resources>
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <ContentControl Content="{Binding Page}" Visibility="{Binding IsActive, Converter={StaticResource Bool2Visible}}"/>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>

            <!-- Alerts -->
            <ScrollViewer
                Grid.Row="1"
                Margin="0,32,0,0"
                HorizontalAlignment="Right" 
                VerticalAlignment="Top" 
                HorizontalScrollBarVisibility="Disabled" 
                VerticalScrollBarVisibility="Auto"
                Panel.ZIndex="100">
                <ItemsControl Margin="4" Width="300" Height="Auto" ItemsSource="{Binding Errors, ElementName=me}">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Grid x:Name="item" Height="Auto" Width="300" Margin="0,8,0,0">
                                <Border Background="{StaticResource Brush.BG1}">
                                    <Border.Effect>
                                        <DropShadowEffect BlurRadius="8" ShadowDepth="2" Direction="270"/>
                                    </Border.Effect>
                                </Border>

                                <Grid Margin="8">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="26"/>
                                        <RowDefinition Height="*"/>
                                        <RowDefinition Height="Auto"/>
                                    </Grid.RowDefinitions>

                                    <Label Grid.Row="0" Content="ERROR" FontWeight="DemiBold"/>
                                    <TextBlock Grid.Row="1" Margin="6,8" Text="{Binding}" Foreground="{StaticResource Brush.FG}" TextWrapping="Wrap"/>
                                    <Button 
                                        Grid.Row="2"
                                        Margin="4,0"
                                        Click="RemoveError"
                                        Height="25"
                                        Content="CLOSE"
                                        Style="{StaticResource Style.Button.AccentBordered}"
                                        BorderBrush="{StaticResource Brush.FG}"
                                        VerticalAlignment="Center"
                                        HorizontalAlignment="Right"/>
                                </Grid>
                            </Grid>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
            </ScrollViewer>
        </Grid>
    </Border>
</Window>