enhance: add a opened tabs selector popup (#958)

Signed-off-by: leo <longshuang@msn.cn>

src/Resources/Icons.axaml

@@ -10,6 +10,7 @@
   <StreamGeometry x:Key="Icons.Check">M512 597m-1 0a1 1 0 103 0a1 1 0 10-3 0ZM810 393 732 315 448 600 293 444 214 522l156 156 78 78 362-362z</StreamGeometry>
   <StreamGeometry x:Key="Icons.Changes">M747 467c29 0 56 4 82 12v-363c0-47-38-84-84-84H125c-47 0-84 38-84 84v707c0 47 38 84 84 84h375a287 287 0 01-43-152c0-160 129-289 289-289zm-531-250h438c19 0 34 15 34 34s-15 34-34 34H216c-19 0-34-15-34-34s15-34 34-34zm0 179h263c19 0 34 15 34 34s-15 34-34 34H216c-19 0-34-15-34-34s15-34 34-34zm131 247h-131c-19 0-34-15-34-34s15-34 34-34h131c19 0 34 15 34 34s-15 34-34 34zM747 521c-130 0-236 106-236 236S617 992 747 992s236-106 236-236S877 521 747 521zm11 386v-65h-130c-12 0-22-10-22-22s10-22 22-22h260l-130 108zm108-192H606l130-108v65h130c12 0 22 10 22 22s-10 22-22 22z</StreamGeometry>
   <StreamGeometry x:Key="Icons.CherryPick">M529 511c115 0 212 79 239 185h224a62 62 0 017 123l-7 0-224 0a247 247 0 01-479 0H65a62 62 0 01-7-123l7-0h224a247 247 0 01239-185zm0 124a124 124 0 100 247 124 124 0 000-247zm0-618c32 0 58 24 61 55l0 7V206c89 11 165 45 225 103a74 74 0 0122 45l0 9v87a62 62 0 01-123 7l-0-7v-65l-6-4c-43-33-97-51-163-53l-17-0c-74 0-133 18-180 54l-6 4v65a62 62 0 01-55 61l-7 0a62 62 0 01-61-55l-0-7V362c0-20 8-39 23-53 60-58 135-92 224-103V79c0-34 28-62 62-62z</StreamGeometry>
+  <StreamGeometry x:Key="Icons.CircleDown">M512 926c-229 0-414-186-414-414S283 98 512 98s414 186 414 414-186 414-414 414zm0-73c189 0 341-153 341-341S701 171 512 171 171 323 171 512s153 341 341 341zm-6-192L284 439l52-52 171 171 171-171L728 439l-222 222z</StreamGeometry>
   <StreamGeometry x:Key="Icons.Clear">M512 57c251 0 455 204 455 455S763 967 512 967 57 763 57 512 261 57 512 57zm181 274c-11-11-29-11-40 0L512 472 371 331c-11-11-29-11-40 0-11 11-11 29 0 40L471 512 331 653c-11 11-11 29 0 40 11 11 29 11 40 0l141-141 141 141c11 11 29 11 40 0 11-11 11-29 0-40L552 512l141-141c11-11 11-29 0-40z</StreamGeometry>
   <StreamGeometry x:Key="Icons.Clean">M797 829a49 49 0 1049 49 49 49 0 00-49-49zm147-114A49 49 0 10992 764a49 49 0 00-49-49zM928 861a49 49 0 1049 49A49 49 0 00928 861zm-5-586L992 205 851 64l-71 71a67 67 0 00-94 0l235 235a67 67 0 000-94zm-853 128a32 32 0 00-32 50 1291 1291 0 0075 112L288 552c20 0 25 21 8 37l-93 86a1282 1282 0 00120 114l100-32c19-6 28 15 14 34l-40 55c26 19 53 36 82 53a89 89 0 00115-20 1391 1391 0 00256-485l-188-188s-306 224-595 198z</StreamGeometry>
   <StreamGeometry x:Key="Icons.Clone">M1280 704c0 141-115 256-256 256H288C129 960 0 831 0 672c0-126 80-232 192-272A327 327 0 01192 384c0-177 143-320 320-320 119 0 222 64 277 160C820 204 857 192 896 192c106 0 192 86 192 192 0 24-5 48-13 69C1192 477 1280 580 1280 704zm-493-128H656V352c0-18-14-32-32-32h-96c-18 0-32 14-32 32v224h-131c-29 0-43 34-23 55l211 211c12 12 33 12 45 0l211-211c20-20 6-55-23-55z</StreamGeometry>

src/Views/LauncherTabBar.axaml

@@ -4,11 +4,12 @@
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              xmlns:vm="using:SourceGit.ViewModels"
              xmlns:c="using:SourceGit.Converters"
+             xmlns:v="using:SourceGit.Views"
              mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
              x:Class="SourceGit.Views.LauncherTabBar"
              x:DataType="vm:Launcher"
              x:Name="ThisControl">
-  <Grid ColumnDefinitions="Auto,*,Auto,Auto">
+  <Grid ColumnDefinitions="Auto,*,Auto">
     <RepeatButton Grid.Column="0"
                   Classes="icon_button"
                   Width="18" Height="30"
@@ -123,7 +124,16 @@
         <Path Width="8" Height="14" Stretch="Fill" Data="{StaticResource Icons.TriangleRight}"/>
       </RepeatButton>
 
-      <Button Classes="icon_button" Width="16" Height="16" Margin="8,0" Command="{Binding AddNewTab}">
+      <Button x:Name="PageSelector" Classes="icon_button" Width="16" Height="16" Margin="8,0">
+        <Button.Flyout>
+          <Flyout>
+            <v:LauncherTabsSelector Pages="{Binding Pages}" PageSelected="OnGotoSelectedPage"/>
+          </Flyout>
+        </Button.Flyout>
+        <Path Width="14" Height="14" Data="{StaticResource Icons.CircleDown}"/>
+      </Button>
+
+      <Button Classes="icon_button" Width="16" Height="16" Command="{Binding AddNewTab}">
         <ToolTip.Tip>
           <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
             <TextBlock Text="{DynamicResource Text.PageTabBar.New}" VerticalAlignment="Center"/>

src/Views/LauncherTabBar.axaml.cs

@@ -248,6 +248,15 @@ namespace SourceGit.Views
             e.Handled = true;
         }
 
+        private void OnGotoSelectedPage(object sender, LauncherTabSelectedEventArgs e)
+        {
+            if (DataContext is ViewModels.Launcher vm)
+                vm.ActivePage = e.Page;
+
+            PageSelector.Flyout?.Hide();
+            e.Handled = true;
+        }
+
         private bool _pressedTab = false;
         private Point _pressedTabPosition = new Point();
         private bool _startDragTab = false;

src/Views/LauncherTabsSelector.axaml

@@ -0,0 +1,107 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             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:vm="using:SourceGit.ViewModels"
+             xmlns:c="using:SourceGit.Converters"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="SourceGit.Views.LauncherTabsSelector"
+             x:Name="ThisControl">
+  <Grid RowDefinitions="28,Auto">
+    <TextBox Grid.Row="0"
+             Height="24"
+             Margin="4,0"
+             BorderThickness="1"
+             CornerRadius="12"
+             Text="{Binding #ThisControl.SearchFilter, Mode=TwoWay}"
+             BorderBrush="{DynamicResource Brush.Border2}"
+             VerticalContentAlignment="Center">
+      <TextBox.InnerLeftContent>
+        <Path Width="14" Height="14"
+              Margin="6,0,0,0"
+              Fill="{DynamicResource Brush.FG2}"
+              Data="{StaticResource Icons.Search}"/>
+      </TextBox.InnerLeftContent>
+
+      <TextBox.InnerRightContent>
+        <Button Classes="icon_button"
+                Width="16"
+                Margin="0,0,6,0"
+                Click="OnClearSearchFilter"
+                IsVisible="{Binding #ThisControl.SearchFilter, Converter={x:Static StringConverters.IsNotNullOrEmpty}}"
+                HorizontalAlignment="Right">
+          <Path Width="14" Height="14"
+                Margin="0,1,0,0"
+                Fill="{DynamicResource Brush.FG1}"
+                Data="{StaticResource Icons.Clear}"/>
+        </Button>
+      </TextBox.InnerRightContent>
+    </TextBox>
+
+    <ListBox Grid.Row="1"
+             Width="200"
+             MaxHeight="400"
+             Margin="0,4,0,0"
+             Background="Transparent"
+             SelectionMode="Single"
+             ScrollViewer.HorizontalScrollBarVisibility="Disabled"
+             ScrollViewer.VerticalScrollBarVisibility="Auto"
+             ItemsSource="{Binding #ThisControl.VisiblePages}"
+             SelectionChanged="OnPageSelectionChanged">
+      <ListBox.Styles>
+        <Style Selector="ListBoxItem">
+          <Setter Property="Padding" Value="0"/>
+          <Setter Property="MinHeight" Value="26"/>
+          <Setter Property="CornerRadius" Value="4"/>
+        </Style>
+
+        <Style Selector="ListBox">
+          <Setter Property="FocusAdorner">
+            <FocusAdornerTemplate>
+              <Grid/>
+            </FocusAdornerTemplate>
+          </Setter>
+        </Style>
+      </ListBox.Styles>
+
+      <ListBox.ItemsPanel>
+        <ItemsPanelTemplate>
+          <StackPanel Orientation="Vertical"/>
+        </ItemsPanelTemplate>
+      </ListBox.ItemsPanel>
+
+      <ListBox.ItemTemplate>
+        <DataTemplate DataType="vm:LauncherPage">
+          <Grid ColumnDefinitions="Auto,*" VerticalAlignment="Center">
+            <Path Grid.Column="0"
+                  Width="12" Height="12" Margin="12,0"
+                  Fill="{Binding Node.Bookmark, Converter={x:Static c:IntConverters.ToBookmarkBrush}}"
+                  Data="{StaticResource Icons.Bookmark}"
+                  IsVisible="{Binding Node.IsRepository}"
+                  IsHitTestVisible="False"/>
+            <Path Grid.Column="0"
+                  Width="12" Height="12" Margin="12,0"
+                  Fill="{DynamicResource Brush.FG1}"
+                  Data="{StaticResource Icons.Repositories}"
+                  IsVisible="{Binding !Node.IsRepository}"
+                  IsHitTestVisible="False"/>
+            <TextBlock Grid.Column="1"
+                       Classes="primary"
+                       VerticalAlignment="Center"
+                       FontSize="{Binding Source={x:Static vm:Preferences.Instance}, Path=DefaultFontSize, Converter={x:Static c:DoubleConverters.Decrease}}"
+                       Text="{Binding Node.Name}"
+                       IsVisible="{Binding Node.IsRepository}"
+                       IsHitTestVisible="False"/>
+            <TextBlock Grid.Column="1"
+                       Classes="primary"
+                       VerticalAlignment="Center"
+                       FontSize="{Binding Source={x:Static vm:Preferences.Instance}, Path=DefaultFontSize, Converter={x:Static c:DoubleConverters.Decrease}}"
+                       Text="{DynamicResource Text.PageTabBar.Welcome.Title}"
+                       IsVisible="{Binding !Node.IsRepository}"
+                       IsHitTestVisible="False"/>
+          </Grid>
+        </DataTemplate>
+      </ListBox.ItemTemplate>
+    </ListBox>
+  </Grid>
+</UserControl>

src/Views/LauncherTabsSelector.axaml.cs

@@ -0,0 +1,120 @@
+using System;
+
+using Avalonia;
+using Avalonia.Collections;
+using Avalonia.Controls;
+using Avalonia.Interactivity;
+
+namespace SourceGit.Views
+{
+    public class LauncherTabSelectedEventArgs : RoutedEventArgs
+    {
+        public ViewModels.LauncherPage Page { get; }
+
+        public LauncherTabSelectedEventArgs(ViewModels.LauncherPage page)
+        {
+            RoutedEvent = LauncherTabsSelector.PageSelectedEvent;
+            Page = page;
+        }
+    }
+
+    public partial class LauncherTabsSelector : UserControl
+    {
+        public static readonly StyledProperty<AvaloniaList<ViewModels.LauncherPage>> PagesProperty =
+            AvaloniaProperty.Register<LauncherTabsSelector, AvaloniaList<ViewModels.LauncherPage>>(nameof(Pages));
+
+        public AvaloniaList<ViewModels.LauncherPage> Pages
+        {
+            get => GetValue(PagesProperty);
+            set => SetValue(PagesProperty, value);
+        }
+
+        public static readonly StyledProperty<string> SearchFilterProperty =
+            AvaloniaProperty.Register<LauncherTabsSelector, string>(nameof(SearchFilter));
+
+        public string SearchFilter
+        {
+            get => GetValue(SearchFilterProperty);
+            set => SetValue(SearchFilterProperty, value);
+        }
+
+        public static readonly RoutedEvent<LauncherTabSelectedEventArgs> PageSelectedEvent =
+            RoutedEvent.Register<ChangeCollectionView, LauncherTabSelectedEventArgs>(nameof(PageSelected), RoutingStrategies.Tunnel | RoutingStrategies.Bubble);
+
+        public event EventHandler<LauncherTabSelectedEventArgs> PageSelected
+        {
+            add { AddHandler(PageSelectedEvent, value); }
+            remove { RemoveHandler(PageSelectedEvent, value); }
+        }
+
+        public AvaloniaList<ViewModels.LauncherPage> VisiblePages
+        {
+            get;
+            private set;
+        }
+
+        public LauncherTabsSelector()
+        {
+            VisiblePages = new AvaloniaList<ViewModels.LauncherPage>();
+            InitializeComponent();
+        }
+
+        protected override void OnPropertyChanged(AvaloniaPropertyChangedEventArgs change)
+        {
+            base.OnPropertyChanged(change);
+
+            if (change.Property == PagesProperty || change.Property == SearchFilterProperty)
+                UpdateVisiblePages();
+        }
+
+        private void OnClearSearchFilter(object sender, RoutedEventArgs e)
+        {
+            SearchFilter = string.Empty;
+        }
+
+        private void OnPageSelectionChanged(object sender, SelectionChangedEventArgs e)
+        {
+            if (sender is ListBox { SelectedItem : ViewModels.LauncherPage page })
+            {
+                _isProcessingSelection = true;
+                RaiseEvent(new LauncherTabSelectedEventArgs(page));
+                _isProcessingSelection = false;
+            }
+
+            e.Handled = true;
+        }
+
+        private void UpdateVisiblePages()
+        {
+            if (_isProcessingSelection)
+                return;
+                
+            VisiblePages.Clear();
+
+            if (Pages == null)
+                return;
+
+            var filter = SearchFilter?.Trim() ?? "";
+            if (string.IsNullOrEmpty(filter))
+            {
+                foreach (var p in Pages)
+                    VisiblePages.Add(p);
+
+                return;
+            }
+
+            foreach (var page in Pages)
+            {
+                if (!page.Node.IsRepository)
+                    continue;
+
+                if (page.Node.Name.Contains(filter, StringComparison.OrdinalIgnoreCase) ||
+                    page.Node.Id.Contains(filter, StringComparison.OrdinalIgnoreCase))
+                    VisiblePages.Add(page);
+            }
+        }
+
+        private bool _isProcessingSelection = false;
+    }
+}
+