mirrors/DiscordChatExporter
1
0
Fork 0
mirror of https://github.com/Tyrrrz/DiscordChatExporter.git synced 2025-05-29 05:55:21 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve ExportSetupView UI

Browse source
This commit is contained in:
Oleksii Holub 2018-12-05 18:20:20 +02:00
parent 0dbd619244
commit ac91c536dd
2 changed files with 42 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

46
DiscordChatExporter.Gui/Views/Dialogs/ExportSetupView.xaml
View file

@ -8,7 +8,7 @@
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes" xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:s="https://github.com/canton7/Stylet" xmlns:s="https://github.com/canton7/Stylet"
MinWidth="325" Width="375"
d:DataContext="{d:DesignInstance Type=dialogs:ExportSetupViewModel}" d:DataContext="{d:DesignInstance Type=dialogs:ExportSetupViewModel}"
SnapsToDevicePixels="True" SnapsToDevicePixels="True"
TextElement.FontSize="13" TextElement.FontSize="13"
@ -18,9 +18,45 @@
TextOptions.TextRenderingMode="Auto" TextOptions.TextRenderingMode="Auto"
mc:Ignorable="d"> mc:Ignorable="d">
<StackPanel> <StackPanel>
<!-- Guild/channel info -->
<Grid Margin="8,16">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<!-- Guild icon -->
<Ellipse
Grid.Column="0"
Width="32"
Height="32">
<Ellipse.Fill>
<ImageBrush ImageSource="{Binding Guild.IconUrl}" />
</Ellipse.Fill>
</Ellipse>
<!-- Guild and channel name -->
<TextBlock
Grid.Column="1"
Margin="8,0,0,0"
VerticalAlignment="Center"
FontSize="17"
TextTrimming="CharacterEllipsis">
<Run
Foreground="{DynamicResource SecondaryTextBrush}"
Text="{Binding Guild.Name, Mode=OneWay}"
ToolTip="{Binding Guild.Name, Mode=OneWay}" />
<Run Text="/" />
<Run
Foreground="{DynamicResource PrimaryTextBrush}"
Text="{Binding Channel.Name, Mode=OneWay}"
ToolTip="{Binding Channel.Name, Mode=OneWay}" />
</TextBlock>
</Grid>
<!-- Format --> <!-- Format -->
<ComboBox <ComboBox
Margin="16,16,16,8" Margin="8"
materialDesign:HintAssist.Hint="Export format" materialDesign:HintAssist.Hint="Export format"
materialDesign:HintAssist.IsFloating="True" materialDesign:HintAssist.IsFloating="True"
IsReadOnly="True" IsReadOnly="True"
@ -42,7 +78,7 @@
<DatePicker <DatePicker
Grid.Row="0" Grid.Row="0"
Grid.Column="0" Grid.Column="0"
Margin="16,20,8,8" Margin="8"
materialDesign:HintAssist.Hint="From (optional)" materialDesign:HintAssist.Hint="From (optional)"
materialDesign:HintAssist.IsFloating="True" materialDesign:HintAssist.IsFloating="True"
DisplayDateEnd="{Binding To}" DisplayDateEnd="{Binding To}"
@ -50,7 +86,7 @@
<DatePicker <DatePicker
Grid.Row="0" Grid.Row="0"
Grid.Column="1" Grid.Column="1"
Margin="8,20,16,8" Margin="8"
materialDesign:HintAssist.Hint="To (optional)" materialDesign:HintAssist.Hint="To (optional)"
materialDesign:HintAssist.IsFloating="True" materialDesign:HintAssist.IsFloating="True"
DisplayDateStart="{Binding From}" DisplayDateStart="{Binding From}"
@ -59,7 +95,7 @@
<!-- Partitioning --> <!-- Partitioning -->
<TextBox <TextBox
Margin="16,8,16,8" Margin="8"
materialDesign:HintAssist.Hint="Messages per partition (optional)" materialDesign:HintAssist.Hint="Messages per partition (optional)"
materialDesign:HintAssist.IsFloating="True" materialDesign:HintAssist.IsFloating="True"
Text="{Binding PartitionLimit, TargetNullValue=''}" /> Text="{Binding PartitionLimit, TargetNullValue=''}" />

3
DiscordChatExporter.Gui/Views/RootView.xaml
View file

@ -24,7 +24,7 @@
UseLayoutRounding="True" UseLayoutRounding="True"
WindowStartupLocation="CenterScreen" WindowStartupLocation="CenterScreen"
mc:Ignorable="d"> mc:Ignorable="d">
<materialDesign:DialogHost SnackbarMessageQueue="{Binding Notifications}"> <materialDesign:DialogHost CloseOnClickAway="True" SnackbarMessageQueue="{Binding Notifications}">
<DockPanel> <DockPanel>
<!-- Toolbar --> <!-- Toolbar -->
<Border <Border
@ -189,7 +189,6 @@
Orientation="Horizontal"> Orientation="Horizontal">
<StackPanel.InputBindings> <StackPanel.InputBindings>
<MouseBinding <MouseBinding
s:View.ActionTarget="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"
Command="{s:Action ExportChannel}" Command="{s:Action ExportChannel}"
CommandParameter="{Binding}" CommandParameter="{Binding}"
MouseAction="LeftClick" /> MouseAction="LeftClick" />