539 lines
33 KiB
XML
539 lines
33 KiB
XML
<UserControl x:Class="EbayListingTool.Views.NewListingView"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:mah="http://metro.mahapps.com/winfx/xaml/controls"
|
|
xmlns:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks"
|
|
Loaded="UserControl_Loaded">
|
|
|
|
<UserControl.Resources>
|
|
<!-- Shared style for AI action buttons (Title AI, Desc AI, Price Research) -->
|
|
<Style x:Key="AiActionButton" TargetType="Button"
|
|
BasedOn="{StaticResource MahApps.Styles.Button.Square}">
|
|
<Setter Property="Padding" Value="6,2"/>
|
|
</Style>
|
|
|
|
<!-- Shared style for field labels -->
|
|
<Style x:Key="FieldLabel" TargetType="TextBlock">
|
|
<Setter Property="FontSize" Value="13"/>
|
|
<Setter Property="FontWeight" Value="SemiBold"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource MahApps.Brushes.Gray3}"/>
|
|
</Style>
|
|
|
|
<!-- Shared style for section headers (PHOTOS, LISTING DETAILS) -->
|
|
<Style x:Key="SectionHeader" TargetType="TextBlock">
|
|
<Setter Property="FontSize" Value="12"/>
|
|
<Setter Property="FontWeight" Value="SemiBold"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource MahApps.Brushes.Gray5}"/>
|
|
</Style>
|
|
|
|
<!-- Shared style for subtitle/hint text -->
|
|
<Style x:Key="HintText" TargetType="TextBlock">
|
|
<Setter Property="FontSize" Value="13"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource MahApps.Brushes.Gray5}"/>
|
|
</Style>
|
|
|
|
<!-- Shared style for character count labels -->
|
|
<Style x:Key="CharCountLabel" TargetType="TextBlock">
|
|
<Setter Property="FontSize" Value="12"/>
|
|
<Setter Property="Margin" Value="6,0,0,0"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource MahApps.Brushes.Gray5}"/>
|
|
</Style>
|
|
|
|
<!-- Shared style for progress track background -->
|
|
<Style x:Key="ProgressTrack" TargetType="Border">
|
|
<Setter Property="Height" Value="3"/>
|
|
<Setter Property="CornerRadius" Value="1.5"/>
|
|
<Setter Property="Background" Value="{DynamicResource MahApps.Brushes.Gray8}"/>
|
|
</Style>
|
|
|
|
<!-- Shared style for progress track fill -->
|
|
<Style x:Key="ProgressFill" TargetType="Border">
|
|
<Setter Property="Height" Value="3"/>
|
|
<Setter Property="CornerRadius" Value="1.5"/>
|
|
<Setter Property="HorizontalAlignment" Value="Left"/>
|
|
<Setter Property="Width" Value="0"/>
|
|
</Style>
|
|
</UserControl.Resources>
|
|
|
|
<!-- Root grid hosts all three states; Visibility toggled in code-behind -->
|
|
<Grid>
|
|
<!-- STATE A: Drop Zone -->
|
|
<Grid x:Name="StateA" Visibility="Visible">
|
|
<DockPanel LastChildFill="True">
|
|
|
|
<!-- Loading panel - shown while AI runs -->
|
|
<Border x:Name="LoadingPanel" DockPanel.Dock="Top"
|
|
Visibility="Collapsed"
|
|
Margin="60,30,60,0" Padding="30,40"
|
|
Background="{DynamicResource MahApps.Brushes.Gray9}"
|
|
CornerRadius="10">
|
|
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
|
|
<mah:ProgressRing Width="36" Height="36"
|
|
IsTabStop="False"
|
|
HorizontalAlignment="Center" Margin="0,0,0,16"/>
|
|
<TextBlock x:Name="LoadingStepText"
|
|
Text="Examining the photo."
|
|
FontSize="14" FontWeight="SemiBold"
|
|
HorizontalAlignment="Center"
|
|
Foreground="{DynamicResource MahApps.Brushes.Gray1}"/>
|
|
<TextBlock Text="This usually takes 10-20 seconds"
|
|
Style="{StaticResource HintText}"
|
|
HorizontalAlignment="Center"
|
|
Margin="0,6,0,0"/>
|
|
</StackPanel>
|
|
</Border>
|
|
|
|
<!-- Drop zone -->
|
|
<Border x:Name="DropZoneBorder" DockPanel.Dock="Top"
|
|
Margin="60,30,60,0"
|
|
AllowDrop="True"
|
|
Focusable="True"
|
|
MouseLeftButtonUp="DropZone_Click"
|
|
DragOver="DropZone_DragOver"
|
|
DragEnter="DropZone_DragEnter"
|
|
DragLeave="DropZone_DragLeave"
|
|
Drop="DropZone_Drop"
|
|
Cursor="Hand"
|
|
MinHeight="180"
|
|
AutomationProperties.Name="Photo drop zone - drop photos here or click to browse">
|
|
<Grid Background="Transparent">
|
|
<!-- Dashed border via Rectangle -->
|
|
<Rectangle x:Name="DropBorderRect"
|
|
StrokeThickness="2"
|
|
StrokeDashArray="6,4"
|
|
RadiusX="10" RadiusY="10"
|
|
Stroke="{DynamicResource MahApps.Brushes.Gray6}"
|
|
/>
|
|
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center"
|
|
Margin="0,40"
|
|
IsHitTestVisible="False">
|
|
<iconPacks:PackIconMaterial Kind="CameraOutline"
|
|
Width="52" Height="52"
|
|
HorizontalAlignment="Center"
|
|
Foreground="{DynamicResource MahApps.Brushes.Gray5}"
|
|
Margin="0,0,0,16"
|
|
IsTabStop="False"/>
|
|
<TextBlock Text="Drop photos here"
|
|
FontSize="18" FontWeight="SemiBold"
|
|
HorizontalAlignment="Center"
|
|
Foreground="{DynamicResource MahApps.Brushes.Gray2}"/>
|
|
<TextBlock Text="or click to browse - up to 12 photos"
|
|
Style="{StaticResource HintText}"
|
|
HorizontalAlignment="Center"
|
|
Margin="0,6,0,0"/>
|
|
</StackPanel>
|
|
</Grid>
|
|
</Border>
|
|
|
|
<!-- Thumbnail strip -->
|
|
<ScrollViewer x:Name="ThumbScroller" DockPanel.Dock="Top"
|
|
HorizontalScrollBarVisibility="Auto"
|
|
VerticalScrollBarVisibility="Disabled"
|
|
Focusable="False"
|
|
Margin="60,12,60,0" Visibility="Collapsed">
|
|
<StackPanel x:Name="ThumbStrip" Orientation="Horizontal"/>
|
|
</ScrollViewer>
|
|
|
|
<!-- Analyse button -->
|
|
<StackPanel DockPanel.Dock="Top" HorizontalAlignment="Center" Margin="0,20,0,0">
|
|
<Button x:Name="AnalyseBtn"
|
|
Click="Analyse_Click"
|
|
IsEnabled="False"
|
|
Style="{StaticResource MahApps.Styles.Button.Square.Accent}"
|
|
Padding="28,12" FontSize="14" FontWeight="SemiBold"
|
|
AutomationProperties.Name="Identify and price item with AI">
|
|
<StackPanel Orientation="Horizontal">
|
|
<iconPacks:PackIconMaterial x:Name="AnalyseIcon"
|
|
Kind="MagnifyScan" Width="18" Height="18"
|
|
Margin="0,0,8,0" VerticalAlignment="Center"/>
|
|
<mah:ProgressRing x:Name="AnalyseSpinner"
|
|
Width="18" Height="18" Margin="0,0,8,0"
|
|
Visibility="Collapsed"
|
|
IsTabStop="False"/>
|
|
<TextBlock x:Name="AnalyseBtnText"
|
|
Text="Identify & Price with AI"
|
|
VerticalAlignment="Center"/>
|
|
</StackPanel>
|
|
</Button>
|
|
<TextBlock x:Name="PhotoCountLabel"
|
|
HorizontalAlignment="Center" Margin="0,8,0,0"
|
|
FontSize="13" Visibility="Collapsed"
|
|
Foreground="{DynamicResource MahApps.Brushes.Gray5}"/>
|
|
</StackPanel>
|
|
|
|
<Grid/> <!-- fill remaining space -->
|
|
</DockPanel>
|
|
</Grid>
|
|
|
|
<!-- STATE B: Review & Edit -->
|
|
<Grid x:Name="StateB" Visibility="Collapsed">
|
|
<DockPanel LastChildFill="True">
|
|
|
|
<!-- Footer bar - pinned to bottom via DockPanel.Dock -->
|
|
<Border DockPanel.Dock="Bottom"
|
|
Background="{DynamicResource MahApps.Brushes.Gray9}"
|
|
BorderThickness="0,1,0,0"
|
|
BorderBrush="{DynamicResource MahApps.Brushes.Gray7}"
|
|
Padding="16,8">
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Button Grid.Column="0" x:Name="StartOverBtn"
|
|
Click="StartOver_Click"
|
|
Background="Transparent" BorderThickness="0"
|
|
Foreground="{DynamicResource MahApps.Brushes.Gray5}"
|
|
Cursor="Hand" VerticalAlignment="Center"
|
|
AutomationProperties.Name="Start over and discard edits">
|
|
<TextBlock FontSize="13">
|
|
<Run Text="← "/>
|
|
<Run Text="Start Over" TextDecorations="Underline"/>
|
|
</TextBlock>
|
|
</Button>
|
|
<StackPanel Grid.Column="1" Orientation="Horizontal">
|
|
<Button x:Name="SaveDraftBtn"
|
|
Click="SaveDraft_Click"
|
|
Style="{StaticResource MahApps.Styles.Button.Square}"
|
|
Padding="16,8" Margin="0,0,8,0"
|
|
AutomationProperties.Name="Save listing as draft">
|
|
<StackPanel Orientation="Horizontal">
|
|
<iconPacks:PackIconMaterial Kind="ContentSaveOutline"
|
|
Width="14" Height="14" Margin="0,0,6,0"
|
|
VerticalAlignment="Center"/>
|
|
<TextBlock Text="Save as Draft" VerticalAlignment="Center"/>
|
|
</StackPanel>
|
|
</Button>
|
|
<Button x:Name="PostBtn"
|
|
Click="Post_Click"
|
|
Style="{StaticResource MahApps.Styles.Button.Square.Accent}"
|
|
Padding="16,8"
|
|
AutomationProperties.Name="Post listing to eBay">
|
|
<StackPanel Orientation="Horizontal">
|
|
<iconPacks:PackIconMaterial x:Name="PostIcon"
|
|
Kind="CartArrowRight" Width="14" Height="14"
|
|
Margin="0,0,6,0" VerticalAlignment="Center"/>
|
|
<mah:ProgressRing x:Name="PostSpinner"
|
|
Width="14" Height="14" Margin="0,0,6,0"
|
|
Visibility="Collapsed"
|
|
IsTabStop="False"/>
|
|
<TextBlock Text="Post to eBay" VerticalAlignment="Center"/>
|
|
</StackPanel>
|
|
</Button>
|
|
</StackPanel>
|
|
</Grid>
|
|
</Border>
|
|
|
|
<!-- Two-column content area -->
|
|
<Grid Margin="16,12,16,0">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="220" MinWidth="160"/>
|
|
<ColumnDefinition Width="12"/>
|
|
<ColumnDefinition Width="*"/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<!-- LEFT: Photos panel -->
|
|
<DockPanel Grid.Column="0">
|
|
<TextBlock DockPanel.Dock="Top"
|
|
Text="PHOTOS" Style="{StaticResource SectionHeader}"
|
|
Margin="0,0,0,8"/>
|
|
<StackPanel DockPanel.Dock="Bottom" Orientation="Horizontal" Margin="0,8,0,0">
|
|
<Button x:Name="AddMorePhotosBtn" Click="AddMorePhotos_Click"
|
|
Style="{StaticResource MahApps.Styles.Button.Square}"
|
|
Padding="8,4" FontSize="13"
|
|
AutomationProperties.Name="Add more photos to listing">
|
|
<StackPanel Orientation="Horizontal">
|
|
<iconPacks:PackIconMaterial Kind="Plus" Width="12" Height="12"
|
|
Margin="0,0,4,0" VerticalAlignment="Center"/>
|
|
<TextBlock Text="Add more" VerticalAlignment="Center"/>
|
|
</StackPanel>
|
|
</Button>
|
|
<TextBlock x:Name="BPhotoCount"
|
|
Margin="8,0,0,0" VerticalAlignment="Center"
|
|
FontSize="13"
|
|
Foreground="{DynamicResource MahApps.Brushes.Gray5}"/>
|
|
</StackPanel>
|
|
<ScrollViewer VerticalScrollBarVisibility="Auto"
|
|
Focusable="False">
|
|
<WrapPanel x:Name="BPhotosPanel"/>
|
|
</ScrollViewer>
|
|
</DockPanel>
|
|
|
|
<!-- RIGHT: Listing fields -->
|
|
<ScrollViewer Grid.Column="2" VerticalScrollBarVisibility="Auto"
|
|
Focusable="False">
|
|
<StackPanel Margin="0,0,8,16" MaxWidth="600">
|
|
<TextBlock Text="LISTING DETAILS"
|
|
Style="{StaticResource SectionHeader}"
|
|
Margin="0,0,0,12"/>
|
|
|
|
<!-- Title -->
|
|
<Grid Margin="0,0,0,4">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
<TextBlock x:Name="TitleLabel" Text="Title"
|
|
Style="{StaticResource FieldLabel}"
|
|
VerticalAlignment="Center"/>
|
|
<Button Grid.Column="1" x:Name="AiTitleBtn" Click="AiTitle_Click"
|
|
Style="{StaticResource AiActionButton}"
|
|
ToolTip="Improve title with AI"
|
|
AutomationProperties.Name="Improve title with AI">
|
|
<StackPanel Orientation="Horizontal">
|
|
<iconPacks:PackIconMaterial x:Name="TitleAiIcon"
|
|
Kind="AutoFix" Width="12" Height="12"
|
|
Margin="0,0,4,0" VerticalAlignment="Center"/>
|
|
<mah:ProgressRing x:Name="TitleSpinner" Width="12" Height="12"
|
|
Margin="0,0,4,0" Visibility="Collapsed"
|
|
IsTabStop="False"/>
|
|
<TextBlock Text="AI" FontSize="12" VerticalAlignment="Center"/>
|
|
</StackPanel>
|
|
</Button>
|
|
</Grid>
|
|
<TextBox x:Name="BTitleBox" TextChanged="TitleBox_TextChanged"
|
|
MaxLength="80" Margin="0,0,0,2"
|
|
AutomationProperties.LabeledBy="{Binding ElementName=TitleLabel}"/>
|
|
<Grid Margin="0,0,0,12">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Border Style="{StaticResource ProgressTrack}">
|
|
<Border x:Name="BTitleBar" Style="{StaticResource ProgressFill}"
|
|
Background="{DynamicResource MahApps.Brushes.Accent}"/>
|
|
</Border>
|
|
<TextBlock x:Name="BTitleCount" Grid.Column="1"
|
|
Text="0 / 80" Style="{StaticResource CharCountLabel}"/>
|
|
</Grid>
|
|
|
|
<!-- Description -->
|
|
<Grid Margin="0,0,0,4">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
<TextBlock x:Name="DescLabel" Text="Description"
|
|
Style="{StaticResource FieldLabel}"
|
|
VerticalAlignment="Center"/>
|
|
<Button Grid.Column="1" x:Name="AiDescBtn" Click="AiDesc_Click"
|
|
Style="{StaticResource AiActionButton}"
|
|
ToolTip="Write description with AI"
|
|
AutomationProperties.Name="Write description with AI">
|
|
<StackPanel Orientation="Horizontal">
|
|
<iconPacks:PackIconMaterial x:Name="DescAiIcon"
|
|
Kind="AutoFix" Width="12" Height="12"
|
|
Margin="0,0,4,0" VerticalAlignment="Center"/>
|
|
<mah:ProgressRing x:Name="DescSpinner" Width="12" Height="12"
|
|
Margin="0,0,4,0" Visibility="Collapsed"
|
|
IsTabStop="False"/>
|
|
<TextBlock Text="AI" FontSize="12" VerticalAlignment="Center"/>
|
|
</StackPanel>
|
|
</Button>
|
|
</Grid>
|
|
<TextBox x:Name="BDescBox" TextChanged="DescBox_TextChanged"
|
|
AcceptsReturn="True" TextWrapping="Wrap"
|
|
Height="110" VerticalScrollBarVisibility="Auto"
|
|
Margin="0,0,0,2"
|
|
AutomationProperties.LabeledBy="{Binding ElementName=DescLabel}"/>
|
|
<Grid Margin="0,0,0,12">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Border Style="{StaticResource ProgressTrack}">
|
|
<Border x:Name="BDescBar" Style="{StaticResource ProgressFill}"
|
|
Background="{DynamicResource MahApps.Brushes.Accent}"/>
|
|
</Border>
|
|
<TextBlock x:Name="BDescCount" Grid.Column="1"
|
|
Text="0 / 2000" Style="{StaticResource CharCountLabel}"/>
|
|
</Grid>
|
|
|
|
<!-- Category -->
|
|
<TextBlock x:Name="CategoryLabel" Text="Category"
|
|
Style="{StaticResource FieldLabel}"
|
|
Margin="0,0,0,4"/>
|
|
<Grid Margin="0,0,0,2">
|
|
<TextBox x:Name="BCategoryBox"
|
|
TextChanged="CategoryBox_TextChanged"
|
|
KeyDown="CategoryBox_KeyDown"
|
|
mah:TextBoxHelper.Watermark="Type to search categories."
|
|
AutomationProperties.LabeledBy="{Binding ElementName=CategoryLabel}"/>
|
|
<ListBox x:Name="BCategoryList"
|
|
Visibility="Collapsed"
|
|
SelectionChanged="CategoryList_SelectionChanged"
|
|
MaxHeight="160"
|
|
VerticalAlignment="Top"
|
|
Margin="0,32,0,0"
|
|
Panel.ZIndex="10"
|
|
Background="{DynamicResource MahApps.Brushes.Gray8}"
|
|
BorderBrush="{DynamicResource MahApps.Brushes.Gray6}"
|
|
VirtualizingPanel.IsVirtualizing="True"
|
|
VirtualizingPanel.VirtualizationMode="Recycling"
|
|
ScrollViewer.CanContentScroll="True"
|
|
AutomationProperties.Name="Category suggestions"/>
|
|
</Grid>
|
|
<TextBlock x:Name="BCategoryIdLabel"
|
|
Text="(no category selected)"
|
|
FontSize="12" Margin="0,0,0,12"
|
|
Foreground="{DynamicResource MahApps.Brushes.Gray5}"/>
|
|
|
|
<!-- Condition + Format -->
|
|
<Grid Margin="0,0,0,12">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="12"/>
|
|
<ColumnDefinition Width="*"/>
|
|
</Grid.ColumnDefinitions>
|
|
<StackPanel Grid.Column="0">
|
|
<TextBlock x:Name="ConditionLabel" Text="Condition"
|
|
Style="{StaticResource FieldLabel}"
|
|
Margin="0,0,0,4"/>
|
|
<ComboBox x:Name="BConditionBox"
|
|
SelectionChanged="ConditionBox_SelectionChanged"
|
|
AutomationProperties.LabeledBy="{Binding ElementName=ConditionLabel}">
|
|
<ComboBoxItem Content="New" Tag="New"/>
|
|
<ComboBoxItem Content="Open Box" Tag="OpenBox"/>
|
|
<ComboBoxItem Content="Refurbished" Tag="Refurbished"/>
|
|
<ComboBoxItem Content="Used" Tag="Used" IsSelected="True"/>
|
|
<ComboBoxItem Content="For Parts" Tag="ForParts"/>
|
|
</ComboBox>
|
|
</StackPanel>
|
|
<StackPanel Grid.Column="2">
|
|
<TextBlock x:Name="FormatLabel" Text="Format"
|
|
Style="{StaticResource FieldLabel}"
|
|
Margin="0,0,0,4"/>
|
|
<ComboBox x:Name="BFormatBox"
|
|
AutomationProperties.LabeledBy="{Binding ElementName=FormatLabel}">
|
|
<ComboBoxItem Content="Fixed Price" IsSelected="True"/>
|
|
<ComboBoxItem Content="Auction"/>
|
|
</ComboBox>
|
|
</StackPanel>
|
|
</Grid>
|
|
|
|
<!-- Price -->
|
|
<Grid Margin="0,0,0,4">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
<TextBlock x:Name="PriceLabel" Text="Price"
|
|
Style="{StaticResource FieldLabel}"
|
|
VerticalAlignment="Center"/>
|
|
<Button Grid.Column="1" x:Name="AiPriceBtn" Click="AiPrice_Click"
|
|
Style="{StaticResource AiActionButton}"
|
|
ToolTip="Research live eBay price"
|
|
AutomationProperties.Name="Research live eBay price">
|
|
<StackPanel Orientation="Horizontal">
|
|
<iconPacks:PackIconMaterial x:Name="PriceAiIcon"
|
|
Kind="Magnify" Width="12" Height="12"
|
|
Margin="0,0,4,0" VerticalAlignment="Center"/>
|
|
<mah:ProgressRing x:Name="PriceSpinner" Width="12" Height="12"
|
|
Margin="0,0,4,0" Visibility="Collapsed"
|
|
IsTabStop="False"/>
|
|
<TextBlock Text="Research" FontSize="12" VerticalAlignment="Center"/>
|
|
</StackPanel>
|
|
</Button>
|
|
</Grid>
|
|
<mah:NumericUpDown x:Name="BPriceBox" ValueChanged="PriceBox_ValueChanged"
|
|
StringFormat="£{0:0.00}"
|
|
Minimum="0" Maximum="99999"
|
|
Interval="0.50"
|
|
Margin="0,0,0,4"
|
|
AutomationProperties.LabeledBy="{Binding ElementName=PriceLabel}"/>
|
|
<TextBlock x:Name="BPriceHint"
|
|
FontSize="12" Margin="0,0,0,4"
|
|
Visibility="Collapsed"
|
|
Foreground="{DynamicResource MahApps.Brushes.Gray5}"/>
|
|
<TextBlock x:Name="BFeeLabel"
|
|
FontSize="12" Margin="0,0,0,12"
|
|
Visibility="Collapsed"
|
|
Foreground="{DynamicResource MahApps.Brushes.Gray5}"
|
|
AutomationProperties.Name="Estimated eBay listing fee"/>
|
|
|
|
<!-- Postage + Postcode -->
|
|
<Grid Margin="0,12,0,0">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="12"/>
|
|
<ColumnDefinition Width="120"/>
|
|
</Grid.ColumnDefinitions>
|
|
<StackPanel Grid.Column="0">
|
|
<TextBlock x:Name="PostageLabel" Text="Postage"
|
|
Style="{StaticResource FieldLabel}"
|
|
Margin="0,0,0,4"/>
|
|
<ComboBox x:Name="BPostageBox" SelectionChanged="PostageBox_SelectionChanged"
|
|
AutomationProperties.LabeledBy="{Binding ElementName=PostageLabel}">
|
|
<ComboBoxItem Content="Royal Mail 1st Class" Tag="RoyalMailFirstClass"/>
|
|
<ComboBoxItem Content="Royal Mail 2nd Class" Tag="RoyalMailSecondClass" IsSelected="True"/>
|
|
<ComboBoxItem Content="Royal Mail Tracked 24" Tag="RoyalMailTracked24"/>
|
|
<ComboBoxItem Content="Royal Mail Tracked 48" Tag="RoyalMailTracked48"/>
|
|
<ComboBoxItem Content="Collection Only" Tag="CollectionOnly"/>
|
|
<ComboBoxItem Content="Free Postage" Tag="FreePostage"/>
|
|
</ComboBox>
|
|
</StackPanel>
|
|
<StackPanel Grid.Column="2">
|
|
<TextBlock x:Name="PostcodeLabel" Text="From postcode"
|
|
Style="{StaticResource FieldLabel}"
|
|
Margin="0,0,0,4"/>
|
|
<TextBox x:Name="BPostcodeBox"
|
|
AutomationProperties.LabeledBy="{Binding ElementName=PostcodeLabel}"/>
|
|
</StackPanel>
|
|
</Grid>
|
|
</StackPanel>
|
|
</ScrollViewer>
|
|
</Grid>
|
|
</DockPanel>
|
|
</Grid>
|
|
|
|
<!-- STATE C: Success -->
|
|
<Grid x:Name="StateC" Visibility="Collapsed">
|
|
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" MaxWidth="480">
|
|
<!-- Success banner -->
|
|
<Border Background="#1A4CAF50" BorderBrush="#4CAF50" BorderThickness="0,0,0,3"
|
|
CornerRadius="8" Padding="24,16" Margin="0,0,0,28">
|
|
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
|
|
<iconPacks:PackIconMaterial Kind="CheckCircleOutline" Width="24" Height="24"
|
|
Foreground="#4CAF50" VerticalAlignment="Center" Margin="0,0,12,0"
|
|
IsTabStop="False"/>
|
|
<TextBlock Text="Listed successfully!" FontSize="18" FontWeight="SemiBold"
|
|
Foreground="#4CAF50" VerticalAlignment="Center"/>
|
|
</StackPanel>
|
|
</Border>
|
|
<!-- URL -->
|
|
<TextBlock Text="Your listing is live at:" FontSize="12"
|
|
Foreground="{DynamicResource MahApps.Brushes.Gray5}"
|
|
HorizontalAlignment="Center" Margin="0,0,0,8"/>
|
|
<TextBlock x:Name="BSuccessUrl"
|
|
FontSize="13" TextDecorations="Underline"
|
|
Foreground="{DynamicResource MahApps.Brushes.Accent}"
|
|
HorizontalAlignment="Center" Cursor="Hand" TextWrapping="Wrap"
|
|
TextAlignment="Center" Margin="0,0,0,16"
|
|
MouseLeftButtonUp="SuccessUrl_Click"
|
|
AutomationProperties.Name="Listing URL - click to open"/>
|
|
<Button x:Name="CopyUrlBtn" Click="CopyUrl_Click"
|
|
Style="{StaticResource MahApps.Styles.Button.Square}"
|
|
HorizontalAlignment="Center" Padding="16,8" Margin="0,0,0,36"
|
|
AutomationProperties.Name="Copy listing URL to clipboard">
|
|
<StackPanel Orientation="Horizontal">
|
|
<iconPacks:PackIconMaterial Kind="ContentCopy" Width="13" Height="13"
|
|
Margin="0,0,6,0" VerticalAlignment="Center"/>
|
|
<TextBlock Text="Copy URL" VerticalAlignment="Center"/>
|
|
</StackPanel>
|
|
</Button>
|
|
<!-- List Another -->
|
|
<Button Click="ListAnother_Click"
|
|
Style="{StaticResource MahApps.Styles.Button.Square.Accent}"
|
|
HorizontalAlignment="Center" Padding="24,12" FontSize="14"
|
|
AutomationProperties.Name="List another item">
|
|
<StackPanel Orientation="Horizontal">
|
|
<iconPacks:PackIconMaterial Kind="Plus" Width="16" Height="16"
|
|
Margin="0,0,8,0" VerticalAlignment="Center"/>
|
|
<TextBlock Text="List Another Item" VerticalAlignment="Center"/>
|
|
</StackPanel>
|
|
</Button>
|
|
</StackPanel>
|
|
</Grid>
|
|
</Grid>
|
|
</UserControl>
|