feat(ui): chromeless three-island shell
This commit is contained in:
mika kuns
@@ -1,104 +1,42 @@
|
||||
<Window xmlns="https://github.com/avaloniaui"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:vm="using:ClaudeDo.Ui.ViewModels"
|
||||
xmlns:v="using:ClaudeDo.Ui.Views"
|
||||
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
||||
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
||||
mc:Ignorable="d" d:DesignWidth="1200" d:DesignHeight="700"
|
||||
xmlns:islands="using:ClaudeDo.Ui.Views.Islands"
|
||||
x:Class="ClaudeDo.Ui.Views.MainWindow"
|
||||
x:DataType="vm:MainWindowViewModel"
|
||||
x:DataType="vm:IslandsShellViewModel"
|
||||
Title="ClaudeDo"
|
||||
Icon="avares://ClaudeDo.App/Assets/ClaudeTask.ico"
|
||||
MinWidth="800" MinHeight="500"
|
||||
KeyDown="OnGlobalKeyDown">
|
||||
Width="1280" Height="820" MinWidth="780" MinHeight="600"
|
||||
Background="{DynamicResource VoidBrush}"
|
||||
SystemDecorations="None"
|
||||
ExtendClientAreaToDecorationsHint="True"
|
||||
ExtendClientAreaTitleBarHeightHint="-1">
|
||||
<Grid RowDefinitions="36,*">
|
||||
<!-- Custom title bar -->
|
||||
<Border Grid.Row="0" Background="{DynamicResource DeepBrush}" PointerPressed="OnTitleBarPressed">
|
||||
<Grid ColumnDefinitions="*,Auto">
|
||||
<TextBlock Grid.Column="0" Margin="14,0" VerticalAlignment="Center"
|
||||
FontFamily="{DynamicResource SansFamily}" FontSize="12"
|
||||
Foreground="{DynamicResource TextDimBrush}" Text="ClaudeDo"/>
|
||||
<StackPanel Grid.Column="1" Orientation="Horizontal" Spacing="0">
|
||||
<Button Classes="title-btn" Click="OnMinimize" Content="—"/>
|
||||
<Button Classes="title-btn" Click="OnToggleMax" Content="▢"/>
|
||||
<Button Classes="title-btn close" Click="OnClose" Content="✕"/>
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
</Border>
|
||||
|
||||
<DockPanel Background="{StaticResource WindowBgBrush}">
|
||||
<v:StatusBarView DockPanel.Dock="Bottom" DataContext="{Binding StatusBar}" />
|
||||
|
||||
<Grid ColumnDefinitions="1*,2*,1.5*" Margin="8,8,8,0">
|
||||
|
||||
<!-- Lists island -->
|
||||
<Border Grid.Column="0" CornerRadius="12" Background="{StaticResource IslandBgBrush}"
|
||||
MinWidth="180" Margin="0,0,4,8" ClipToBounds="True">
|
||||
<DockPanel>
|
||||
<TextBlock DockPanel.Dock="Top"
|
||||
Text="Lists" FontWeight="SemiBold" FontSize="13"
|
||||
Foreground="{StaticResource TextSecondaryBrush}"
|
||||
Margin="16,14,16,10"/>
|
||||
|
||||
<Border DockPanel.Dock="Bottom" Padding="8,8"
|
||||
BorderThickness="0,1,0,0" BorderBrush="{StaticResource BorderSubtleBrush}">
|
||||
<Button Content="+ New List"
|
||||
Command="{Binding AddListCommand}"
|
||||
Background="Transparent"
|
||||
Foreground="{StaticResource AccentBrush}"
|
||||
BorderThickness="0"
|
||||
Padding="12,8"
|
||||
HorizontalAlignment="Stretch"
|
||||
HorizontalContentAlignment="Left"
|
||||
FontSize="13"
|
||||
Cursor="Hand"/>
|
||||
</Border>
|
||||
|
||||
<ListBox x:Name="ListsBox"
|
||||
ItemsSource="{Binding Lists}"
|
||||
SelectedItem="{Binding SelectedList}"
|
||||
Background="Transparent"
|
||||
Margin="4,0">
|
||||
<ListBox.ItemTemplate>
|
||||
<DataTemplate x:DataType="vm:ListItemViewModel">
|
||||
<Grid ColumnDefinitions="Auto,*" Margin="8,6"
|
||||
Background="Transparent"
|
||||
DoubleTapped="OnListItemDoubleTapped"
|
||||
PointerPressed="OnListItemPointerPressed">
|
||||
<Grid.ContextFlyout>
|
||||
<MenuFlyout>
|
||||
<MenuItem Header="Edit"
|
||||
Command="{Binding $parent[Window].((vm:MainWindowViewModel)DataContext).EditListCommand}"/>
|
||||
<MenuItem Header="Delete"
|
||||
Command="{Binding $parent[Window].((vm:MainWindowViewModel)DataContext).DeleteListCommand}"/>
|
||||
<Separator/>
|
||||
<MenuItem Header="New Task"
|
||||
Command="{Binding $parent[Window].((vm:MainWindowViewModel)DataContext).TaskList.AddTaskCommand}"/>
|
||||
</MenuFlyout>
|
||||
</Grid.ContextFlyout>
|
||||
|
||||
<Ellipse Grid.Column="0" Width="8" Height="8"
|
||||
Fill="{Binding DotBrush}"
|
||||
VerticalAlignment="Center" Margin="0,0,10,0"/>
|
||||
|
||||
<StackPanel Grid.Column="1">
|
||||
<TextBlock Text="{Binding Name}" FontWeight="Medium"
|
||||
Foreground="{StaticResource TextSecondaryBrush}"/>
|
||||
<TextBlock Text="{Binding WorkingDir}" FontSize="10"
|
||||
Foreground="{StaticResource TextDimBrush}"
|
||||
IsVisible="{Binding WorkingDir, Converter={x:Static ObjectConverters.IsNotNull}}"/>
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
</DataTemplate>
|
||||
</ListBox.ItemTemplate>
|
||||
</ListBox>
|
||||
</DockPanel>
|
||||
</Border>
|
||||
|
||||
<!-- Tasks island -->
|
||||
<Border Grid.Column="1" CornerRadius="12" Background="{StaticResource IslandBgBrush}"
|
||||
Margin="4,0,4,8" ClipToBounds="True">
|
||||
<DockPanel>
|
||||
<TextBlock DockPanel.Dock="Top"
|
||||
Text="{Binding TaskList.ListName, FallbackValue='Tasks'}"
|
||||
FontWeight="SemiBold" FontSize="16"
|
||||
Foreground="{StaticResource TextPrimaryBrush}"
|
||||
Margin="16,14,16,10"/>
|
||||
<v:TaskListView DataContext="{Binding TaskList}" />
|
||||
</DockPanel>
|
||||
</Border>
|
||||
|
||||
<!-- Detail island -->
|
||||
<Border Grid.Column="2" CornerRadius="12" Background="{StaticResource IslandBgBrush}"
|
||||
MinWidth="280" Margin="4,0,0,8" ClipToBounds="True">
|
||||
<v:TaskDetailView DataContext="{Binding TaskDetail}" />
|
||||
</Border>
|
||||
</Grid>
|
||||
</DockPanel>
|
||||
<!-- Three islands -->
|
||||
<Grid Grid.Row="1" Margin="7" ColumnDefinitions="260,*,320">
|
||||
<Border Grid.Column="0" Classes="island" Margin="7">
|
||||
<islands:ListsIslandView DataContext="{Binding Lists}"/>
|
||||
</Border>
|
||||
<Border Grid.Column="1" Classes="island" Margin="7">
|
||||
<islands:TasksIslandView DataContext="{Binding Tasks}"/>
|
||||
</Border>
|
||||
<Border Grid.Column="2" Classes="island" Margin="7"
|
||||
IsVisible="{Binding ShowDetails}">
|
||||
<islands:DetailsIslandView DataContext="{Binding Details}"/>
|
||||
</Border>
|
||||
</Grid>
|
||||
</Grid>
|
||||
</Window>
|
||||
|
||||
Reference in New Issue
Block a user