From ef2cc93f57fa17810cedcbc5d7e2753f32e04bfd Mon Sep 17 00:00:00 2001
From: Aigio Liu <lysoft.pw@foxmail.com>
Date: Thu, 13 May 2021 23:26:08 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=91=E5=AE=9A=E6=89=8B=E6=9C=BA=20UI=20&?=
 =?UTF-8?q?=20Add=20SVG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Application/UI/Styles/DrawingSvg.xaml     | 11 ++++
 .../Views/Windows/BindPhoneNumberWindow.axaml | 62 +++++++++++++++++++
 .../Windows/BindPhoneNumberWindow.axaml.cs    | 22 +++++++
 src/ST.Client.Desktop/CustomWindow.cs         |  1 +
 .../UI/Resx/AppResources.Designer.cs          |  9 +++
 .../UI/Resx/AppResources.resx                 |  3 +
 .../Windows/BindPhoneNumberWindowViewModel.cs | 27 ++++++++
 7 files changed, 135 insertions(+)
 create mode 100644 src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/BindPhoneNumberWindow.axaml
 create mode 100644 src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/BindPhoneNumberWindow.axaml.cs
 create mode 100644 src/ST.Client.Desktop/UI/ViewModels/Windows/BindPhoneNumberWindowViewModel.cs

diff --git a/src/ST.Client.Desktop.Avalonia/Application/UI/Styles/DrawingSvg.xaml b/src/ST.Client.Desktop.Avalonia/Application/UI/Styles/DrawingSvg.xaml
index def76fc77..982cbd6c2 100644
--- a/src/ST.Client.Desktop.Avalonia/Application/UI/Styles/DrawingSvg.xaml
+++ b/src/ST.Client.Desktop.Avalonia/Application/UI/Styles/DrawingSvg.xaml
@@ -231,6 +231,17 @@
       M56,68H6a3,3,0,0,1-3-3V6A3,3,0,0,1,6,3H56a3,3,0,0,1,3,3V65A3,3,0,0,1,56,68ZM4,5.62V65.38A1.63,1.63,0,0,0,5.62,67H56.38A1.63,1.63,0,0,0,58,65.38V5.62A1.63,1.63,0,0,0,56.38,4H5.62A1.63,1.63,0,0,0,4,5.62ZM56.06,69H5.94A3.93,3.93,0,0,1,2,65.06V5.94A3.93,3.93,0,0,1,5.94,2H56.06A3.93,3.93,0,0,1,60,5.94V65.06A3.93,3.93,0,0,1,56.06,69ZM5,5.65v59.7a.65.65,0,0,0,.65.65h50.7a.65.65,0,0,0,.65-.65V5.65A.65.65,0,0,0,56.35,5H5.65A.65.65,0,0,0,5,5.65ZM56.19,70H5.81A4.81,4.81,0,0,1,1,65.19V5.81A4.81,4.81,0,0,1,5.81,1H56.19A4.81,4.81,0,0,1,61,5.81V65.19A4.81,4.81,0,0,1,56.19,70ZM6,65H56V6H6ZM56.22,71H5.78A5.78,5.78,0,0,1,0,65.22V5.78A5.78,5.78,0,0,1,5.78,0H56.22A5.78,5.78,0,0,1,62,5.78V65.22A5.78,5.78,0,0,1,56.22,71ZM2,5.83V65.16A3.84,3.84,0,0,0,5.84,69H56.16A3.84,3.84,0,0,0,60,65.16V5.83A3.84,3.84,0,0,0,56.17,2H5.83A3.84,3.84,0,0,0,2,5.83ZM57,66H5V5H57ZM7,64H55V7H7ZM47.19,48H14.81A1.81,1.81,0,0,1,13,46.19V16.81A1.81,1.81,0,0,1,14.81,15H47.19A1.81,1.81,0,0,1,49,16.81V46.19A1.81,1.81,0,0,1,47.19,48ZM14,16.86V46.14a.87.87,0,0,0,.86.86H47.14a.87.87,0,0,0,.86-.86V16.86a.87.87,0,0,0-.86-.86H14.86A.87.87,0,0,0,14,16.86ZM47.21,49H14.79A2.79,2.79,0,0,1,12,46.21V16.79A2.79,2.79,0,0,1,14.79,14H47.21A2.79,2.79,0,0,1,50,16.79V46.21A2.79,2.79,0,0,1,47.21,49ZM15,46H47V17H15ZM47.34,50H14.66A3.66,3.66,0,0,1,11,46.34V16.66A3.66,3.66,0,0,1,14.66,13H47.34A3.66,3.66,0,0,1,51,16.66V46.34A3.66,3.66,0,0,1,47.34,50ZM16,45H46V17H16ZM47.37,51H14.63A4.63,4.63,0,0,1,10,46.37V16.63A4.63,4.63,0,0,1,14.63,12H47.37A4.63,4.63,0,0,1,52,16.63V46.37A4.63,4.63,0,0,1,47.37,51ZM12,16.68V46.32A2.68,2.68,0,0,0,14.68,49H47.32A2.68,2.68,0,0,0,50,46.32V16.68A2.68,2.68,0,0,0,47.32,14H14.68A2.68,2.68,0,0,0,12,16.68ZM47,46H15V16H47ZM16,44H45V18H16ZM36.62,34H25.21A3.11,3.11,0,0,1,22,30.69,3,3,0,0,1,25,28H36.41a3.11,3.11,0,0,1,3.17,3.31A3,3,0,0,1,36.62,34ZM24.89,30a1.62,1.62,0,0,0-1.09,1.36c0,.65.49,1.14,1.09.64H36.74c.6.5,1.09,0,1.09-.59A1.63,1.63,0,0,0,36.74,30ZM34,37a3.12,3.12,0,0,1-3.31,3.17,3,3,0,0,1-2.69-3V25.79a3.11,3.11,0,0,1,3.31-3.17,3,3,0,0,1,2.69,3ZM30.84,24.37c-.65,0-1.14.49-.84,1.09V37.31c-.3.6.19,1.09.79,1.09A1.22,1.22,0,0,0,32,37.31V25.46A1.21,1.21,0,0,0,30.84,24.37Z
     </StreamGeometry>
 
+    <StreamGeometry x:Key="QQ">
+      M909.937778 664.803556c-18.432-110.876444-95.829333-183.523556-95.829333-183.523556 11.064889-100.664889-29.496889-118.528-29.496889-118.528C776.106667 51.313778 517.432889 56.775111 512 56.917333c-5.432889-0.142222-264.135111-5.603556-272.611556 305.863111 0 0-40.561778 17.863111-29.496889 118.528 0 0-77.397333 72.647111-95.829333 183.523556 0 0-9.841778 187.335111 88.462222 22.954667 0 0 22.129778 62.435556 62.663111 118.528 0 0-72.504889 25.486222-66.332444 91.761778 0 0-2.474667 73.898667 154.823111 68.835556 0 0 110.563556-8.903111 143.758222-57.344l29.240889 0c33.166222 48.440889 143.758222 57.344 143.758222 57.344 157.240889 5.091556 154.794667-68.835556 154.794667-68.835556 6.115556-66.247111-66.332444-91.761778-66.332444-91.761778 40.533333-56.092444 62.663111-118.528 62.663111-118.528C919.751111 852.167111 909.937778 664.803556 909.937778 664.803556L909.937778 664.803556zM909.937778 664.803556
+    </StreamGeometry>
+
+    <StreamGeometry x:Key="Apple">
+      M905.714286 694.285714q-22.285714 71.428571-70.285714 142.857143-73.714286 112-146.857143 112-28 0-80-18.285714-49.142857-18.285714-86.285714-18.285714-34.857143 0-81.142857 18.857143-46.285714 19.428571-75.428571 19.428571-86.857143 0-172-148-84-149.142857-84-287.428571 0-130.285714 64.571429-213.714286 64-82.285714 162.285714-82.285714 41.142857 0 101.142857 17.142857 59.428571 17.142857 78.857143 17.142857 25.714286 0 81.714286-19.428571 58.285714-19.428571 98.857143-19.428571 68 0 121.714286 37.142857 29.714286 20.571429 59.428571 57.142857-45.142857 38.285714-65.142857 67.428571-37.142857 53.714286-37.142857 118.285714 0 70.857143 39.428571 127.428571t90.285714 72zm-214.857143-670.285714q0 34.857143-16.571429 77.714286-17.142857 42.857143-53.142857 78.857143-30.857143 30.857143-61.714286 41.142857-21.142857 6.285714-59.428571 9.714286 1.714286-85.142857 44.571429-146.857143 42.285714-61.142857 142.857143-84.571429 0.571429 1.714286 1.428571 6.285714t1.428571 6.285714q0 2.285714 2.857143 5.714286t2.857143 5.714286z
+    </StreamGeometry>
+
+    <StreamGeometry x:Key="Microsoft">
+      M0 0h486.592v486.592H0z M537.408 0H1024v486.592H537.408z M0 537.408h486.592V1024H0z M537.408 537.408H1024V1024H537.408z
+    </StreamGeometry>
 
   </Styles.Resources>
 </Styles>
diff --git a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/BindPhoneNumberWindow.axaml b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/BindPhoneNumberWindow.axaml
new file mode 100644
index 000000000..c34e81b91
--- /dev/null
+++ b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/BindPhoneNumberWindow.axaml
@@ -0,0 +1,62 @@
+<Window xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+        mc:Ignorable="d"
+        d:DesignWidth="400" d:DesignHeight="370"
+        Width="400" Height="370"
+        MinWidth="400" MinHeight="370"
+        MaxWidth="400" MaxHeight="370"
+        x:Class="System.Application.UI.Views.Windows.BindPhoneNumberWindow"
+        xmlns:controls="clr-namespace:System.Application.UI.Views.Controls"
+        xmlns:resx="clr-namespace:System.Application.UI.Resx;assembly=System.Application.SteamTools.Client.Desktop"
+        xmlns:ccl_services="clr-namespace:System.Application.Services;assembly=System.Application.SteamTools.Client"
+        xmlns:vm="clr-namespace:System.Application.UI.ViewModels;assembly=System.Application.SteamTools.Client.Desktop"
+        xmlns:ms="clr-namespace:System.Application.Models.Settings;assembly=System.Application.SteamTools.Client.Desktop"
+        FontFamily="{Binding Source={x:Static ms:UISettings.FontName},Path=Value, Mode=OneWay,Converter={StaticResource NameToFontFamilyConverter}}"
+        Background="Transparent"
+        ExtendClientAreaToDecorationsHint="True"
+        ExtendClientAreaChromeHints="NoChrome"
+        ExtendClientAreaTitleBarHeightHint="30"
+        WindowStartupLocation="CenterOwner"
+        x:DataType="vm:BindPhoneNumberWindowViewModel"
+        x:CompileBindings="True"
+        Title="{Binding Title}">
+  <Panel>
+    <controls:TitleBar />
+    <Panel Margin="{StaticResource UnifyTitleBarAfterContentMargin}">
+      <controls:ProgressRing IsIndeterminate="True" HorizontalAlignment="Stretch" Height="100" Width="100" IsVisible="{Binding IsLoading}" />
+      <StackPanel VerticalAlignment="Center" Spacing="10" IsVisible="{Binding !IsLoading}">
+
+        <TextBox
+          x:Name="TbPhoneNumber"
+          Text="{Binding PhoneNumber}"
+          Watermark="{ReflectionBinding Path=Res.User_NewPhone,Mode=OneWay,Source={x:Static resx:R.Current}}"
+          IsEnabled="{Binding CurrentStepIsValidation}"
+          MaxLength="{ReflectionBinding Path=PhoneNumber,Mode=OneTime,Source={x:Static ccl_services:InputLengthConstants.Current}}" />
+
+        <Panel>
+          <TextBox
+            x:Name="TbSmsCode"
+            Text="{Binding SmsCode}"
+            Watermark="{ReflectionBinding Path=Res.User_SMSCode,Mode=OneWay,Source={x:Static resx:R.Current}}"
+            MaxLength="{ReflectionBinding Path=SMS_CAPTCHA,Mode=OneTime,Source={x:Static ccl_services:InputLengthConstants.Current}}" />
+          <Border HorizontalAlignment="Right" Cursor="Hand">
+            <Button Classes="CodeButton"
+                    Content="{Binding BtnSendSmsCodeText}"
+                    Command="{ReflectionBinding SendSms}"
+                    IsEnabled="{Binding !IsUnTimeLimit}" />
+          </Border>
+        </Panel>
+
+        <Button Classes="action"
+          Content="{Binding BtnSubmitText}"
+          Command="{ReflectionBinding Submit}"
+                HorizontalAlignment="Stretch" HorizontalContentAlignment="Center" />
+
+      </StackPanel>
+    </Panel>
+    <!--Toast-->
+    <controls:ToastMessage />
+  </Panel>
+</Window>
diff --git a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/BindPhoneNumberWindow.axaml.cs b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/BindPhoneNumberWindow.axaml.cs
new file mode 100644
index 000000000..73ffe03a3
--- /dev/null
+++ b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/BindPhoneNumberWindow.axaml.cs
@@ -0,0 +1,22 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace System.Application.UI.Views.Windows
+{
+    public partial class BindPhoneNumberWindow : FluentWindow
+    {
+        public BindPhoneNumberWindow()
+        {
+            InitializeComponent();
+#if DEBUG
+            this.AttachDevTools();
+#endif
+        }
+
+        private void InitializeComponent()
+        {
+            AvaloniaXamlLoader.Load(this);
+        }
+    }
+}
diff --git a/src/ST.Client.Desktop/CustomWindow.cs b/src/ST.Client.Desktop/CustomWindow.cs
index f88e877b5..69e4df102 100644
--- a/src/ST.Client.Desktop/CustomWindow.cs
+++ b/src/ST.Client.Desktop/CustomWindow.cs
@@ -19,5 +19,6 @@ namespace System.Application
         UserProfile,
         NewVersion,
         WebView3,
+        BindPhoneNumber,
     }
 }
\ No newline at end of file
diff --git a/src/ST.Client.Desktop/UI/Resx/AppResources.Designer.cs b/src/ST.Client.Desktop/UI/Resx/AppResources.Designer.cs
index f76d94882..56d0e7143 100644
--- a/src/ST.Client.Desktop/UI/Resx/AppResources.Designer.cs
+++ b/src/ST.Client.Desktop/UI/Resx/AppResources.Designer.cs
@@ -2674,6 +2674,15 @@ namespace System.Application.UI.Resx {
             }
         }
         
+        /// <summary>
+        ///   查找类似 绑定手机 的本地化字符串。
+        /// </summary>
+        public static string User_BindPhoneNum {
+            get {
+                return ResourceManager.GetString("User_BindPhoneNum", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   查找类似 换绑手机 的本地化字符串。
         /// </summary>
diff --git a/src/ST.Client.Desktop/UI/Resx/AppResources.resx b/src/ST.Client.Desktop/UI/Resx/AppResources.resx
index c347376d2..48308f466 100644
--- a/src/ST.Client.Desktop/UI/Resx/AppResources.resx
+++ b/src/ST.Client.Desktop/UI/Resx/AppResources.resx
@@ -1047,6 +1047,9 @@
   <data name="User_Agreement" xml:space="preserve">
     <value>用户协议</value>
   </data>
+  <data name="User_BindPhoneNum" xml:space="preserve">
+    <value>绑定手机</value>
+  </data>
   <data name="User_ChangePhoneNum" xml:space="preserve">
     <value>换绑手机</value>
     <comment>修改手机号</comment>
diff --git a/src/ST.Client.Desktop/UI/ViewModels/Windows/BindPhoneNumberWindowViewModel.cs b/src/ST.Client.Desktop/UI/ViewModels/Windows/BindPhoneNumberWindowViewModel.cs
new file mode 100644
index 000000000..3380b55a6
--- /dev/null
+++ b/src/ST.Client.Desktop/UI/ViewModels/Windows/BindPhoneNumberWindowViewModel.cs
@@ -0,0 +1,27 @@
+using ReactiveUI;
+using System.Application.Models;
+using System.Application.Services;
+using System.Application.UI.Resx;
+using System.Collections.Generic;
+using System.Properties;
+using System.Threading;
+using System.Threading.Tasks;
+using static System.Application.Services.CloudService.Constants;
+
+namespace System.Application.UI.ViewModels.Windows
+{
+    public class BindPhoneNumberWindowViewModel : WindowViewModel
+    {
+        public BindPhoneNumberWindowViewModel() : base()
+        {
+            Title = ThisAssembly.AssemblyTrademark + " | " + AppResources.User_BindPhoneNum;
+        }
+
+        bool _IsLoading;
+        public bool IsLoading
+        {
+            get => _IsLoading;
+            set => this.RaiseAndSetIfChanged(ref _IsLoading, value);
+        }
+    }
+}