VSToolbox/src/CodingWithCalvin.VSToolbox/Views/MainPage.xaml at 2a04c85ae7ce6942186ae3ada6537cacf6817e27 · CodingWithCalvin/VSToolbox · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<?xml version="1.0" encoding="UTF-8" ?>
<Page
    x:Class="CodingWithCalvin.VSToolbox.Views.MainPage"
    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:models="using:CodingWithCalvin.VSToolbox.Core.Models"
    Loaded="OnPageLoaded"
    mc:Ignorable="d">
    <Grid Padding="24">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <!-- Header -->
        <StackPanel Grid.Row="0" Orientation="Horizontal" Spacing="16" Margin="0,0,0,16">
            <TextBlock
                Text="Current Installations"
                FontSize="28"
                FontWeight="SemiBold"
                Style="{StaticResource AppTitleStyle}"/>
            <Button
                Command="{x:Bind ViewModel.RefreshCommand}"
                ToolTipService.ToolTip="Refresh"
                VerticalAlignment="Center">
                <SymbolIcon Symbol="Refresh"/>
            </Button>
        </StackPanel>

        <!-- VS Instances List -->
        <ListView
            Grid.Row="1"
            ItemsSource="{x:Bind ViewModel.Instances}"
            SelectionMode="None">
            <ListView.ItemContainerStyle>
                <Style TargetType="ListViewItem">
                    <Setter Property="Padding" Value="0"/>
                    <Setter Property="Margin" Value="0,2"/>
                    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
                </Style>
            </ListView.ItemContainerStyle>
            <ListView.ItemTemplate>
                <DataTemplate x:DataType="models:LaunchableInstance">
                    <Border
                        x:Name="RowBorder"
                        BorderThickness="3,0,0,0"
                        BorderBrush="Transparent"
                        CornerRadius="4"
                        Background="Transparent"
                        PointerEntered="OnRowPointerEntered"
                        PointerExited="OnRowPointerExited">
                        <Grid Padding="12,8" ColumnSpacing="12">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>

                            <!-- Icon -->
                            <Image
                                Grid.Column="0"
                                Width="32" Height="32"
                                VerticalAlignment="Center"
                                Source="{x:Bind IconPath, Converter={StaticResource FilePathToImageConverter}}"/>

                            <!-- Info -->
                            <StackPanel Grid.Column="1" VerticalAlignment="Center" Spacing="2">
                                <TextBlock
                                    Text="{x:Bind DisplayName}"
                                    FontSize="14"
                                    FontWeight="SemiBold"/>
                                <TextBlock
                                    Text="{x:Bind BuildNumber}"
                                    FontSize="11"
                                    Foreground="{ThemeResource TextFillColorSecondaryBrush}"/>
                                <TextBlock
                                    Text="{x:Bind InstallationPath}"
                                    FontSize="10"
                                    Foreground="{ThemeResource TextFillColorTertiaryBrush}"
                                    TextTrimming="CharacterEllipsis"/>
                            </StackPanel>

                            <!-- Channel Type Badge -->
                            <Border
                                Grid.Column="2"
                                CornerRadius="4"
                                Padding="8,4"
                                VerticalAlignment="Center"
                                Background="{x:Bind ChannelType, Converter={StaticResource ChannelTypeToBrushConverter}}">
                                <TextBlock
                                    Text="{x:Bind ChannelType}"
                                    FontSize="10"
                                    FontWeight="SemiBold"
                                    Foreground="White"/>
                            </Border>

                            <!-- Action Buttons -->
                            <StackPanel Grid.Column="3" Orientation="Horizontal" Spacing="4" VerticalAlignment="Center">
                                <!-- Fixed-width container to maintain alignment when Play button is hidden -->
                                <Border Width="40">
                                    <Button
                                        Click="OnLaunchClick"
                                        ToolTipService.ToolTip="Launch"
                                        Visibility="{x:Bind CanLaunch, Converter={StaticResource BoolToVisibilityConverter}}"
                                        Padding="8"
                                        Background="Transparent"
                                        BorderThickness="0"
                                        Opacity="0.6"
                                        PointerEntered="OnButtonPointerEntered"
                                        PointerExited="OnButtonPointerExited">
                                        <SymbolIcon Symbol="Play" Foreground="#22C55E"/>
                                    </Button>
                                </Border>
                                <Button
                                    ToolTipService.ToolTip="Options"
                                    Padding="8"
                                    Background="Transparent"
                                    BorderThickness="0"
                                    Opacity="0.6"
                                    PointerEntered="OnButtonPointerEntered"
                                    PointerExited="OnButtonPointerExited">
                                    <Button.Flyout>
                                        <MenuFlyout Placement="Bottom" Opening="OnOptionsFlyoutOpening">
                                        </MenuFlyout>
                                    </Button.Flyout>
                                    <SymbolIcon Symbol="Setting" Foreground="#8A2BE2"/>
                                </Button>
                            </StackPanel>
                        </Grid>
                    </Border>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

        <!-- Status Bar -->
        <TextBlock
            Grid.Row="2"
            Margin="0,16,0,0"
            Text="{x:Bind ViewModel.StatusText, Mode=OneWay}"
            VerticalAlignment="Center"
            Foreground="{ThemeResource TextFillColorSecondaryBrush}"/>

        <!-- Loading Overlay -->
        <Grid Grid.RowSpan="3"
              Visibility="{x:Bind ViewModel.IsLoading, Mode=OneWay}"
              Background="{ThemeResource LayerOnMicaBaseAltFillColorDefaultBrush}">
            <ProgressRing IsActive="{x:Bind ViewModel.IsLoading, Mode=OneWay}"
                          HorizontalAlignment="Center"
                          VerticalAlignment="Center"/>
        </Grid>
    </Grid>
</Page>