InteractiveRebase.axaml

<v:ChromelessWindow 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:m="using:SourceGit.Models"
                    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.InteractiveRebase"
                    x:DataType="vm:InteractiveRebase"
                    x:Name="ThisControl"
                    Icon="/App.ico"
                    Title="{DynamicResource Text.InteractiveRebase}"
                    Width="1080" Height="720"
                    WindowStartupLocation="CenterOwner">
  <Grid RowDefinitions="Auto,Auto,*,Auto">
    <!-- TitleBar -->
    <Grid Grid.Row="0" Height="28" IsVisible="{Binding !#ThisControl.UseSystemWindowFrame}">
      <Border Background="{DynamicResource Brush.TitleBar}"
              BorderThickness="0,0,0,1" BorderBrush="{DynamicResource Brush.Border0}"
              PointerPressed="BeginMoveWindow"/>

      <Path Width="14" Height="14"
            Margin="10,0,0,0"
            HorizontalAlignment="Left"
            Data="{StaticResource Icons.InteractiveRebase}"
            IsVisible="{OnPlatform True, macOS=False}"/>

      <TextBlock Classes="bold"
                 Text="{DynamicResource Text.InteractiveRebase}"
                 HorizontalAlignment="Center" VerticalAlignment="Center"
                 IsHitTestVisible="False"/>

      <v:CaptionButtons HorizontalAlignment="Right"
                        IsCloseButtonOnly="True"
                        IsVisible="{OnPlatform True, macOS=False}"/>
    </Grid>

    <!-- Operation Information -->
    <Grid Grid.Row="1" ColumnDefinitions="Auto,Auto,Auto,Auto,Auto,Auto,*" Margin="8">
      <TextBlock Grid.Column="0" Text="{DynamicResource Text.InteractiveRebase.Target}" Foreground="{DynamicResource Brush.FG2}" FontWeight="Bold"/>
      <Path Grid.Column="1" Width="14" Height="14" Margin="8,0,0,0" Data="{StaticResource Icons.Branch}"/>
      <TextBlock Grid.Column="2" VerticalAlignment="Center" Text="{Binding Current.FriendlyName}" Margin="8,0,0,0"/>

      <TextBlock Grid.Column="3" Margin="48,0,0,0" Text="{DynamicResource Text.InteractiveRebase.On}" Foreground="{DynamicResource Brush.FG2}" FontWeight="Bold"/>
      <Path Grid.Column="4" Width="14" Height="14" Margin="8,0,0,0" Data="{StaticResource Icons.Commit}"/>
      <TextBlock Grid.Column="5" Classes="primary" VerticalAlignment="Center" Text="{Binding On.SHA, Converter={x:Static c:StringConverters.ToShortSHA}}" Foreground="DarkOrange" Margin="8,0,0,0"/>
      <TextBlock Grid.Column="6" VerticalAlignment="Center" Text="{Binding On.Subject}" Margin="4,0,0,0" TextTrimming="CharacterEllipsis"/>
    </Grid>

    <!-- Body -->
    <Border Grid.Row="2" Margin="8,0,8,8" BorderThickness="1" BorderBrush="{DynamicResource Brush.Border2}">
      <Grid RowDefinitions="*,3,*">
        <v:InteractiveRebaseListBox Grid.Row="0"
                                    Focusable="True"
                                    Background="{DynamicResource Brush.Contents}"
                                    ItemsSource="{Binding Items}"
                                    SelectionMode="Single"
                                    SelectedItem="{Binding SelectedItem, Mode=OneWayToSource}"
                                    ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                                    ScrollViewer.VerticalScrollBarVisibility="Auto"
                                    Grid.IsSharedSizeScope="True">
          <v:InteractiveRebaseListBox.Styles>
            <Style Selector="ListBoxItem">
              <Setter Property="Margin" Value="0"/>
              <Setter Property="Padding" Value="0"/>
              <Setter Property="Height" Value="28"/>
              <Setter Property="HorizontalAlignment" Value="Stretch"/>
              <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            </Style>
          </v:InteractiveRebaseListBox.Styles>

          <v:InteractiveRebaseListBox.ItemsPanel>
            <ItemsPanelTemplate>
              <VirtualizingStackPanel Orientation="Vertical"/>
            </ItemsPanelTemplate>
          </v:InteractiveRebaseListBox.ItemsPanel>

          <v:InteractiveRebaseListBox.ItemTemplate>
            <DataTemplate DataType="vm:InteractiveRebaseItem">
              <Grid Height="26" Margin="8,0" ClipToBounds="True">
                <Grid.ColumnDefinitions>
                  <ColumnDefinition Width="16"/>
                  <ColumnDefinition Width="110"/>
                  <ColumnDefinition Width="*"/>
                  <ColumnDefinition Width="32"/>
                  <ColumnDefinition Width="108"/>
                  <ColumnDefinition Width="Auto" SharedSizeGroup="CommitHashColumn"/>
                  <ColumnDefinition Width="Auto" SharedSizeGroup="CommitTimeColumn"/>
                  <ColumnDefinition Width="32"/>
                  <ColumnDefinition Width="32"/>
                </Grid.ColumnDefinitions>

                <!-- Drag & Drop Anchor -->
                <Border Grid.Column="0" Background="Transparent"
                        Loaded="OnSetupRowHeaderDragDrop"
                        PointerPressed="OnRowHeaderPointerPressed">
                  <Path Width="14" Height="14"
                        Data="{StaticResource Icons.Move}"
                        Fill="{DynamicResource Brush.FG2}"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"/>
                </Border>

                <!-- Action -->
                <Button Grid.Column="1" Opacity="1" Margin="4,0,0,0" Padding="8,2" Background="Transparent">
                  <Button.Flyout>
                    <MenuFlyout Placement="BottomEdgeAlignedLeft" VerticalOffset="-4">
                      <MenuItem InputGesture="P" Command="{Binding SetAction}" CommandParameter="{x:Static m:InteractiveRebaseAction.Pick}">
                        <MenuItem.Icon>
                          <Ellipse Width="14" Height="14" Fill="Green"/>
                        </MenuItem.Icon>
                        <MenuItem.Header>
                          <Grid ColumnDefinitions="64,240">
                            <TextBlock Grid.Column="0" Classes="primary" Margin="4,0" Text="Pick"/>
                            <TextBlock Grid.Column="1" Text="Use this commit" Foreground="{DynamicResource Brush.FG2}"/>
                          </Grid>
                        </MenuItem.Header>
                      </MenuItem>

                      <MenuItem InputGesture="E" Command="{Binding SetAction}" CommandParameter="{x:Static m:InteractiveRebaseAction.Edit}">
                        <MenuItem.Icon>
                          <Ellipse Width="14" Height="14" Fill="Orange"/>
                        </MenuItem.Icon>
                        <MenuItem.Header>
                          <Grid ColumnDefinitions="64,240">
                            <TextBlock Grid.Column="0" Classes="primary" Margin="4,0" Text="Edit"/>
                            <TextBlock Grid.Column="1" Text="Stop for amending" Foreground="{DynamicResource Brush.FG2}"/>
                          </Grid>
                        </MenuItem.Header>
                      </MenuItem>

                      <MenuItem InputGesture="R" Command="{Binding SetAction}" CommandParameter="{x:Static m:InteractiveRebaseAction.Reword}">
                        <MenuItem.Icon>
                          <Ellipse Width="14" Height="14" Fill="Orange"/>
                        </MenuItem.Icon>
                        <MenuItem.Header>
                          <Grid ColumnDefinitions="64,240">
                            <TextBlock Grid.Column="0" Classes="primary" Margin="4,0" Text="Reword"/>
                            <TextBlock Grid.Column="1" Text="Edit the commit message" Foreground="{DynamicResource Brush.FG2}"/>
                          </Grid>
                        </MenuItem.Header>
                      </MenuItem>

                      <MenuItem InputGesture="S" Command="{Binding SetAction}" CommandParameter="{x:Static m:InteractiveRebaseAction.Squash}"
                                IsVisible="{Binding HasParent}">
                        <MenuItem.Icon>
                          <Ellipse Width="14" Height="14" Fill="LightGray"/>
                        </MenuItem.Icon>
                        <MenuItem.Header>
                          <Grid ColumnDefinitions="64,240">
                            <TextBlock Grid.Column="0" Classes="primary" Margin="4,0" Text="Squash"/>
                            <TextBlock Grid.Column="1" Text="Meld into previous commit" Foreground="{DynamicResource Brush.FG2}"/>
                          </Grid>
                        </MenuItem.Header>
                      </MenuItem>

                      <MenuItem InputGesture="F" Command="{Binding SetAction}" CommandParameter="{x:Static m:InteractiveRebaseAction.Fixup}"
                                IsVisible="{Binding HasParent}">
                        <MenuItem.Icon>
                          <Ellipse Width="14" Height="14" Fill="LightGray"/>
                        </MenuItem.Icon>
                        <MenuItem.Header>
                          <Grid ColumnDefinitions="64,240">
                            <TextBlock Grid.Column="0" Classes="primary" Margin="4,0" Text="Fixup"/>
                            <TextBlock Grid.Column="1" Text="Like 'Squash' but discard message" Foreground="{DynamicResource Brush.FG2}"/>
                          </Grid>
                        </MenuItem.Header>
                      </MenuItem>

                      <MenuItem InputGesture="D" Command="{Binding SetAction}" CommandParameter="{x:Static m:InteractiveRebaseAction.Drop}">
                        <MenuItem.Icon>
                          <Ellipse Width="14" Height="14" Fill="Red"/>
                        </MenuItem.Icon>
                        <MenuItem.Header>
                          <Grid ColumnDefinitions="64,240">
                            <TextBlock Grid.Column="0" Classes="primary" Margin="4,0" Text="Drop"/>
                            <TextBlock Grid.Column="1" Text="Remove commit" Foreground="{DynamicResource Brush.FG2}"/>
                          </Grid>
                        </MenuItem.Header>
                      </MenuItem>
                    </MenuFlyout>
                  </Button.Flyout>

                  <StackPanel Orientation="Horizontal">
                    <Ellipse Width="14" Height="14" Fill="{Binding Action, Converter={x:Static c:InteractiveRebaseActionConverters.ToIconBrush}}"/>
                    <TextBlock Classes="primary" Margin="8,0" Text="{Binding Action, Converter={x:Static c:InteractiveRebaseActionConverters.ToName}}"/>
                  </StackPanel>
                </Button>

                <!-- Subject -->
                <Grid Grid.Column="2" ColumnDefinitions="Auto,*" ClipToBounds="True">
                  <Button Grid.Column="0" Classes="icon_button" Margin="0,0,8,0" IsVisible="{Binding Action, Converter={x:Static c:InteractiveRebaseActionConverters.CanEditMessage}}">
                    <Button.Flyout>
                      <Flyout Placement="BottomEdgeAlignedLeft">
                        <Panel Width="600" Height="120">
                          <v:CommitMessageTextBox Text="{Binding FullMessage, Mode=TwoWay}"/>
                        </Panel>
                      </Flyout>
                    </Button.Flyout>
                    <Path Width="14" Height="14" Margin="0,4,0,0" Data="{StaticResource Icons.Edit}"/>
                  </Button>
                  <TextBlock Grid.Column="1" Classes="primary" Margin="0,0,4,0" Text="{Binding Subject}"/>
                </Grid>

                <!-- Author Avatar -->
                <v:Avatar Grid.Column="3"
                          Width="16" Height="16"
                          Margin="8,0,0,0"
                          VerticalAlignment="Center"
                          User="{Binding Commit.Author}"/>

                <!-- Author Name -->
                <Border Grid.Column="4" ClipToBounds="True">
                  <TextBlock Classes="primary" Margin="6,0,12,0" Text="{Binding Commit.Author.Name}"/>
                </Border>

                <!-- Commit SHA -->
                <Border Grid.Column="5" ClipToBounds="True">
                  <TextBlock Classes="primary"
                             Text="{Binding Commit.SHA, Converter={x:Static c:StringConverters.ToShortSHA}}"
                             HorizontalAlignment="Center"/>
                </Border>

                <!-- Commit Time -->
                <Border Grid.Column="6">
                  <TextBlock Classes="primary"
                             Margin="16,0,8,0"
                             Text="{Binding Commit.CommitterTimeStr}"
                             HorizontalAlignment="Center"/>
                </Border>

                <!-- MoveUp Button -->
                <Button Grid.Column="7" Classes="icon_button" Click="OnMoveItemUp" ToolTip.Tip="Alt+Up">
                  <Path Width="14" Height="14" Margin="0,4,0,0" Data="{StaticResource Icons.Up}"/>
                </Button>

                <!-- MoveDown Button -->
                <Button Grid.Column="8" Classes="icon_button" Click="OnMoveItemDown" ToolTip.Tip="Alt+Down">
                  <Path Width="14" Height="14" Margin="0,4,0,0" Data="{StaticResource Icons.Down}"/>
                </Button>
              </Grid>
            </DataTemplate>
          </v:InteractiveRebaseListBox.ItemTemplate>
        </v:InteractiveRebaseListBox>

        <v:LoadingIcon Grid.Row="0" Width="48" Height="48" HorizontalAlignment="Center" VerticalAlignment="Center" IsVisible="{Binding IsLoading}"/>

        <GridSplitter Grid.Row="1"
                      MinHeight="1"
                      HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
                      Background="Transparent"
                      BorderThickness="0,1,0,0"
                      BorderBrush="{DynamicResource Brush.Border2}"/>

        <Grid Grid.Row="2">
          <Path Width="128" Height="128"
                Data="{StaticResource Icons.Detail}"
                HorizontalAlignment="Center"
                Fill="{DynamicResource Brush.FG2}"
                IsVisible="{Binding SelectedItem, Converter={x:Static ObjectConverters.IsNull}}"/>

          <ContentControl Content="{Binding DetailContext}" IsVisible="{Binding SelectedItem, Converter={x:Static ObjectConverters.IsNotNull}}">
            <ContentControl.DataTemplates>
              <DataTemplate DataType="vm:CommitDetail">
                <v:CommitDetail/>
              </DataTemplate>
            </ContentControl.DataTemplates>
          </ContentControl>
        </Grid>
      </Grid>
    </Border>

    <!-- Options -->
    <Grid Grid.Row="3" ColumnDefinitions="*,Auto,Auto" Margin="8,0,8,8">
      <ProgressBar x:Name="Running"
                   Grid.Column="0"
                   Margin="0,0,32,0"
                   Background="{DynamicResource Brush.FG2}"
                   Foreground="{DynamicResource Brush.Accent}"
                   Minimum="0"
                   Maximum="100"
                   IsVisible="False"/>
      <Button Grid.Column="1" Classes="flat primary" MinWidth="80" Content="{DynamicResource Text.Start}" Click="StartJobs"/>
      <Button Grid.Column="2" Classes="flat" Margin="8,0,0,0" MinWidth="80" Content="{DynamicResource Text.Cancel}" Click="CloseWindow"/>
    </Grid>
  </Grid>
</v:ChromelessWindow>