Add a checkmark that displays whether a channel is selected

pull/145/head
Oleksii Holub 6 years ago
parent 4a3dc5c5ee
commit 1356d4483a

@ -246,18 +246,26 @@
</i:Interaction.Behaviors> </i:Interaction.Behaviors>
<ListBox.ItemTemplate> <ListBox.ItemTemplate>
<DataTemplate> <DataTemplate>
<StackPanel <Grid Margin="-8" Background="Transparent">
Margin="-8" <Grid.InputBindings>
Background="Transparent"
Orientation="Horizontal">
<StackPanel.InputBindings>
<MouseBinding Command="{s:Action ExportChannels}" MouseAction="LeftDoubleClick" /> <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 <materialDesign:PackIcon
Grid.Column="0"
Margin="16,7,0,6" Margin="16,7,0,6"
VerticalAlignment="Center" VerticalAlignment="Center"
Kind="Pound" /> Kind="Pound" />
<!-- Channel category / name -->
<TextBlock <TextBlock
Grid.Column="1"
Margin="3,8,8,8" Margin="3,8,8,8"
VerticalAlignment="Center" VerticalAlignment="Center"
FontSize="14"> FontSize="14">
@ -265,7 +273,17 @@
<Run Text="/" /> <Run Text="/" />
<Run Foreground="{DynamicResource PrimaryTextBrush}" Text="{Binding Model.Name, Mode=OneWay}" /> <Run Foreground="{DynamicResource PrimaryTextBrush}" Text="{Binding Model.Name, Mode=OneWay}" />
</TextBlock> </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> </DataTemplate>
</ListBox.ItemTemplate> </ListBox.ItemTemplate>
</ListBox> </ListBox>

Loading…
Cancel
Save