Merged
This commit is contained in:
@@ -1200,6 +1200,10 @@
|
|||||||
"WinoAccount_SignOut_NoAccountMessage": "There is no active Wino Account to sign out.",
|
"WinoAccount_SignOut_NoAccountMessage": "There is no active Wino Account to sign out.",
|
||||||
"WinoAccount_Titlebar_SignedOutTitle": "Wino Account",
|
"WinoAccount_Titlebar_SignedOutTitle": "Wino Account",
|
||||||
"WinoAccount_Titlebar_SignedOutDescription": "Sign in or create a Wino Account to manage your Wino session.",
|
"WinoAccount_Titlebar_SignedOutDescription": "Sign in or create a Wino Account to manage your Wino session.",
|
||||||
|
"WinoAccount_Titlebar_SyncBenefitTitle": "Sync settings",
|
||||||
|
"WinoAccount_Titlebar_SyncBenefitDescription": "Keep your Wino preferences in sync across devices.",
|
||||||
|
"WinoAccount_Titlebar_AddonsBenefitTitle": "Unlock add-ons",
|
||||||
|
"WinoAccount_Titlebar_AddonsBenefitDescription": "Access premium features like Wino AI Pack.",
|
||||||
"WinoAccount_Titlebar_SignedInStatus": "Status: {0}",
|
"WinoAccount_Titlebar_SignedInStatus": "Status: {0}",
|
||||||
"WelcomeWizard_Step2Title": "Add Account",
|
"WelcomeWizard_Step2Title": "Add Account",
|
||||||
"WelcomeWizard_Step3Title": "Finish Setup",
|
"WelcomeWizard_Step3Title": "Finish Setup",
|
||||||
|
|||||||
@@ -92,43 +92,183 @@
|
|||||||
BorderBrush="Transparent"
|
BorderBrush="Transparent"
|
||||||
Visibility="{x:Bind helpers:XamlHelpers.ReverseBoolToVisibilityConverter(PreferencesService.IsWinoAccountButtonHidden), Mode=OneWay}">
|
Visibility="{x:Bind helpers:XamlHelpers.ReverseBoolToVisibilityConverter(PreferencesService.IsWinoAccountButtonHidden), Mode=OneWay}">
|
||||||
<Button.Flyout>
|
<Button.Flyout>
|
||||||
<Flyout x:Name="WinoAccountFlyout" Placement="Bottom">
|
<Flyout
|
||||||
|
x:Name="WinoAccountFlyout"
|
||||||
|
Placement="Bottom">
|
||||||
<Grid MinWidth="320" MaxWidth="360">
|
<Grid MinWidth="320" MaxWidth="360">
|
||||||
<StackPanel x:Name="WinoAccountSignedOutView" Spacing="12">
|
<!-- Signed Out View -->
|
||||||
<TextBlock Style="{StaticResource BodyStrongTextBlockStyle}" Text="{x:Bind domain:Translator.WinoAccount_Titlebar_SignedOutTitle}" />
|
|
||||||
<TextBlock
|
|
||||||
Foreground="{ThemeResource TextFillColorSecondaryBrush}"
|
|
||||||
Text="{x:Bind domain:Translator.WinoAccount_Titlebar_SignedOutDescription}"
|
|
||||||
TextWrapping="WrapWholeWords" />
|
|
||||||
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
||||||
<Button Click="RegisterWinoAccountClicked" Content="{x:Bind domain:Translator.WinoAccount_RegisterButton_Action}" />
|
|
||||||
<Button Click="LoginWinoAccountClicked" Content="{x:Bind domain:Translator.WinoAccount_LoginButton_Action}" />
|
|
||||||
</StackPanel>
|
|
||||||
</StackPanel>
|
|
||||||
|
|
||||||
<StackPanel
|
<StackPanel
|
||||||
x:Name="WinoAccountSignedInView"
|
x:Name="WinoAccountSignedOutView"
|
||||||
Spacing="12"
|
Spacing="16">
|
||||||
Visibility="Collapsed">
|
|
||||||
<StackPanel Orientation="Horizontal" Spacing="12">
|
<!-- Hero header with gradient and icon -->
|
||||||
<PersonPicture
|
<Border
|
||||||
x:Name="WinoAccountFlyoutPicture"
|
Margin="-16,-16,-16,0"
|
||||||
Width="40"
|
Padding="20"
|
||||||
Height="40"
|
CornerRadius="8,8,0,0">
|
||||||
Initials="W" />
|
<Border.Background>
|
||||||
<StackPanel Spacing="2">
|
<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
|
||||||
|
<GradientStop Offset="0" Color="#1A6EE7B7" />
|
||||||
|
<GradientStop Offset="0.5" Color="#2038BDF8" />
|
||||||
|
<GradientStop Offset="1" Color="#1A818CF8" />
|
||||||
|
</LinearGradientBrush>
|
||||||
|
</Border.Background>
|
||||||
|
<StackPanel Spacing="4">
|
||||||
|
<Border
|
||||||
|
Width="40"
|
||||||
|
Height="40"
|
||||||
|
HorizontalAlignment="Left"
|
||||||
|
Background="{ThemeResource AccentFillColorDefaultBrush}"
|
||||||
|
CornerRadius="20">
|
||||||
|
<FontIcon
|
||||||
|
FontSize="18"
|
||||||
|
Foreground="White"
|
||||||
|
Glyph="" />
|
||||||
|
</Border>
|
||||||
<TextBlock
|
<TextBlock
|
||||||
x:Name="WinoAccountFlyoutEmailText"
|
Margin="0,8,0,0"
|
||||||
Style="{StaticResource BodyStrongTextBlockStyle}"
|
Style="{StaticResource SubtitleTextBlockStyle}"
|
||||||
TextWrapping="WrapWholeWords" />
|
Text="{x:Bind domain:Translator.WinoAccount_Titlebar_SignedOutTitle}" />
|
||||||
<TextBlock
|
<TextBlock
|
||||||
x:Name="WinoAccountFlyoutStatusText"
|
|
||||||
Foreground="{ThemeResource TextFillColorSecondaryBrush}"
|
Foreground="{ThemeResource TextFillColorSecondaryBrush}"
|
||||||
|
Style="{StaticResource CaptionTextBlockStyle}"
|
||||||
|
Text="{x:Bind domain:Translator.WinoAccount_Titlebar_SignedOutDescription}"
|
||||||
TextWrapping="WrapWholeWords" />
|
TextWrapping="WrapWholeWords" />
|
||||||
</StackPanel>
|
</StackPanel>
|
||||||
|
</Border>
|
||||||
|
|
||||||
|
<!-- Benefit cards -->
|
||||||
|
<StackPanel Spacing="8">
|
||||||
|
<Border
|
||||||
|
Padding="12"
|
||||||
|
Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
|
||||||
|
CornerRadius="8">
|
||||||
|
<Grid ColumnSpacing="12">
|
||||||
|
<Grid.ColumnDefinitions>
|
||||||
|
<ColumnDefinition Width="Auto" />
|
||||||
|
<ColumnDefinition Width="*" />
|
||||||
|
</Grid.ColumnDefinitions>
|
||||||
|
<Border
|
||||||
|
Width="32"
|
||||||
|
Height="32"
|
||||||
|
Background="{ThemeResource AccentFillColorDefaultBrush}"
|
||||||
|
CornerRadius="8"
|
||||||
|
Opacity="0.15" />
|
||||||
|
<FontIcon
|
||||||
|
HorizontalAlignment="Center"
|
||||||
|
VerticalAlignment="Center"
|
||||||
|
FontSize="14"
|
||||||
|
Foreground="{ThemeResource AccentTextFillColorPrimaryBrush}"
|
||||||
|
Glyph="" />
|
||||||
|
<StackPanel Grid.Column="1" Spacing="2">
|
||||||
|
<TextBlock
|
||||||
|
Style="{StaticResource CaptionTextBlockStyle}"
|
||||||
|
FontWeight="SemiBold"
|
||||||
|
Text="{x:Bind domain:Translator.WinoAccount_Titlebar_SyncBenefitTitle}" />
|
||||||
|
<TextBlock
|
||||||
|
Foreground="{ThemeResource TextFillColorSecondaryBrush}"
|
||||||
|
Style="{StaticResource CaptionTextBlockStyle}"
|
||||||
|
Text="{x:Bind domain:Translator.WinoAccount_Titlebar_SyncBenefitDescription}"
|
||||||
|
TextWrapping="WrapWholeWords" />
|
||||||
|
</StackPanel>
|
||||||
|
</Grid>
|
||||||
|
</Border>
|
||||||
|
<Border
|
||||||
|
Padding="12"
|
||||||
|
Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
|
||||||
|
CornerRadius="8">
|
||||||
|
<Grid ColumnSpacing="12">
|
||||||
|
<Grid.ColumnDefinitions>
|
||||||
|
<ColumnDefinition Width="Auto" />
|
||||||
|
<ColumnDefinition Width="*" />
|
||||||
|
</Grid.ColumnDefinitions>
|
||||||
|
<Border
|
||||||
|
Width="32"
|
||||||
|
Height="32"
|
||||||
|
Background="{ThemeResource AccentFillColorDefaultBrush}"
|
||||||
|
CornerRadius="8"
|
||||||
|
Opacity="0.15" />
|
||||||
|
<FontIcon
|
||||||
|
HorizontalAlignment="Center"
|
||||||
|
VerticalAlignment="Center"
|
||||||
|
FontSize="14"
|
||||||
|
Foreground="{ThemeResource AccentTextFillColorPrimaryBrush}"
|
||||||
|
Glyph="" />
|
||||||
|
<StackPanel Grid.Column="1" Spacing="2">
|
||||||
|
<TextBlock
|
||||||
|
Style="{StaticResource CaptionTextBlockStyle}"
|
||||||
|
FontWeight="SemiBold"
|
||||||
|
Text="{x:Bind domain:Translator.WinoAccount_Titlebar_AddonsBenefitTitle}" />
|
||||||
|
<TextBlock
|
||||||
|
Foreground="{ThemeResource TextFillColorSecondaryBrush}"
|
||||||
|
Style="{StaticResource CaptionTextBlockStyle}"
|
||||||
|
Text="{x:Bind domain:Translator.WinoAccount_Titlebar_AddonsBenefitDescription}"
|
||||||
|
TextWrapping="WrapWholeWords" />
|
||||||
|
</StackPanel>
|
||||||
|
</Grid>
|
||||||
|
</Border>
|
||||||
</StackPanel>
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Action buttons -->
|
||||||
|
<Grid ColumnSpacing="8">
|
||||||
|
<Grid.ColumnDefinitions>
|
||||||
|
<ColumnDefinition Width="*" />
|
||||||
|
<ColumnDefinition Width="*" />
|
||||||
|
</Grid.ColumnDefinitions>
|
||||||
|
<Button
|
||||||
|
HorizontalAlignment="Stretch"
|
||||||
|
Click="LoginWinoAccountClicked"
|
||||||
|
Content="{x:Bind domain:Translator.WinoAccount_LoginButton_Title}"
|
||||||
|
Style="{ThemeResource AccentButtonStyle}" />
|
||||||
|
<Button
|
||||||
|
Grid.Column="1"
|
||||||
|
HorizontalAlignment="Stretch"
|
||||||
|
Click="RegisterWinoAccountClicked"
|
||||||
|
Content="{x:Bind domain:Translator.WinoAccount_RegisterButton_Title}" />
|
||||||
|
</Grid>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Signed In View -->
|
||||||
|
<StackPanel
|
||||||
|
x:Name="WinoAccountSignedInView"
|
||||||
|
Spacing="16"
|
||||||
|
Visibility="Collapsed">
|
||||||
|
|
||||||
|
<!-- Profile header -->
|
||||||
|
<Border
|
||||||
|
Margin="-16,-16,-16,0"
|
||||||
|
Padding="20"
|
||||||
|
CornerRadius="8,8,0,0">
|
||||||
|
<Border.Background>
|
||||||
|
<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
|
||||||
|
<GradientStop Offset="0" Color="#1A6EE7B7" />
|
||||||
|
<GradientStop Offset="0.5" Color="#2038BDF8" />
|
||||||
|
<GradientStop Offset="1" Color="#1A818CF8" />
|
||||||
|
</LinearGradientBrush>
|
||||||
|
</Border.Background>
|
||||||
|
<StackPanel Orientation="Horizontal" Spacing="14">
|
||||||
|
<PersonPicture
|
||||||
|
x:Name="WinoAccountFlyoutPicture"
|
||||||
|
Width="48"
|
||||||
|
Height="48"
|
||||||
|
Initials="W" />
|
||||||
|
<StackPanel VerticalAlignment="Center" Spacing="2">
|
||||||
|
<TextBlock
|
||||||
|
x:Name="WinoAccountFlyoutEmailText"
|
||||||
|
Style="{StaticResource BodyStrongTextBlockStyle}"
|
||||||
|
TextWrapping="WrapWholeWords" />
|
||||||
|
<TextBlock
|
||||||
|
x:Name="WinoAccountFlyoutStatusText"
|
||||||
|
Foreground="{ThemeResource TextFillColorSecondaryBrush}"
|
||||||
|
Style="{StaticResource CaptionTextBlockStyle}"
|
||||||
|
TextWrapping="WrapWholeWords" />
|
||||||
|
</StackPanel>
|
||||||
|
</StackPanel>
|
||||||
|
</Border>
|
||||||
|
|
||||||
|
<!-- Sign out button -->
|
||||||
<Button
|
<Button
|
||||||
HorizontalAlignment="Left"
|
HorizontalAlignment="Stretch"
|
||||||
Click="SignOutWinoAccountClicked"
|
Click="SignOutWinoAccountClicked"
|
||||||
Content="{x:Bind domain:Translator.WinoAccount_SignOutButton_Action}" />
|
Content="{x:Bind domain:Translator.WinoAccount_SignOutButton_Action}" />
|
||||||
</StackPanel>
|
</StackPanel>
|
||||||
@@ -145,12 +285,13 @@
|
|||||||
<Border
|
<Border
|
||||||
x:Name="WinoAccountSignedOutIcon"
|
x:Name="WinoAccountSignedOutIcon"
|
||||||
Width="30"
|
Width="30"
|
||||||
Height="30">
|
Height="30"
|
||||||
<Image Source="/Assets/AppEntries/MailAssets/Square150x150Logo.png" />
|
Background="{ThemeResource AccentFillColorDefaultBrush}"
|
||||||
<!--<FontIcon
|
CornerRadius="15">
|
||||||
|
<FontIcon
|
||||||
FontSize="16"
|
FontSize="16"
|
||||||
Foreground="White"
|
Foreground="White"
|
||||||
Glyph="" />-->
|
Glyph="" />
|
||||||
</Border>
|
</Border>
|
||||||
</Grid>
|
</Grid>
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
Reference in New Issue
Block a user