From 1356d4483afbb0942c67cc459c6ee5ccaedeb6f6 Mon Sep 17 00:00:00 2001
From: Oleksii Holub <Oleksii.Holub@3shape.com>
Date: Fri, 15 Feb 2019 13:01:30 +0200
Subject: [PATCH] Add a checkmark that displays whether a channel is selected

---
 DiscordChatExporter.Gui/Views/RootView.xaml | 32 ++++++++++++++++-----
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/DiscordChatExporter.Gui/Views/RootView.xaml b/DiscordChatExporter.Gui/Views/RootView.xaml
index 7d43eeb..1772ea6 100644
--- a/DiscordChatExporter.Gui/Views/RootView.xaml
+++ b/DiscordChatExporter.Gui/Views/RootView.xaml
@@ -246,18 +246,26 @@
                             </i:Interaction.Behaviors>
                             <ListBox.ItemTemplate>
                                 <DataTemplate>
-                                    <StackPanel
-                                        Margin="-8"
-                                        Background="Transparent"
-                                        Orientation="Horizontal">
-                                        <StackPanel.InputBindings>
+                                    <Grid Margin="-8" Background="Transparent">
+                                        <Grid.InputBindings>
                                             <MouseBinding Command="{s:Action ExportChannels}" MouseAction="LeftDoubleClick" />
-                                        </StackPanel.InputBindings>
+                                        </Grid.InputBindings>
+                                        <Grid.ColumnDefinitions>
+                                            <ColumnDefinition Width="Auto" />
+                                            <ColumnDefinition Width="*" />
+                                            <ColumnDefinition Width="Auto" />
+                                        </Grid.ColumnDefinitions>
+
+                                        <!--  Channel icon  -->
                                         <materialDesign:PackIcon
+                                            Grid.Column="0"
                                             Margin="16,7,0,6"
                                             VerticalAlignment="Center"
                                             Kind="Pound" />
+
+                                        <!--  Channel category / name  -->
                                         <TextBlock
+                                            Grid.Column="1"
                                             Margin="3,8,8,8"
                                             VerticalAlignment="Center"
                                             FontSize="14">
@@ -265,7 +273,17 @@
                                             <Run Text="/" />
                                             <Run Foreground="{DynamicResource PrimaryTextBrush}" Text="{Binding Model.Name, Mode=OneWay}" />
                                         </TextBlock>
-                                    </StackPanel>
+
+                                        <!--  Is selected checkmark  -->
+                                        <materialDesign:PackIcon
+                                            Grid.Column="2"
+                                            Width="24"
+                                            Height="24"
+                                            Margin="8,0"
+                                            VerticalAlignment="Center"
+                                            Kind="Check"
+                                            Visibility="{Binding IsSelected, RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}}, Converter={x:Static s:BoolToVisibilityConverter.Instance}, Mode=OneWay}" />
+                                    </Grid>
                                 </DataTemplate>
                             </ListBox.ItemTemplate>
                         </ListBox>