From 75236e8a23145f5a68fb47e57bc92c6a625cf270 Mon Sep 17 00:00:00 2001
From: rmbgame <rmb@rmbgame.net>
Date: Tue, 27 Apr 2021 01:09:28 +0800
Subject: [PATCH] FirstActivation

---
 .../UI/Views/Controls/ToastMessage.axaml      |   5 +-
 .../Application/UI/Views/MainView.axaml       |   2 +-
 .../UI/Views/Windows/AchievementWindow.axaml  |   2 +-
 .../UI/Views/Windows/AddAuthWindow.axaml      |   4 +-
 .../UI/Views/Windows/AuthTradeWindow.axaml    |   2 +-
 .../Windows/ChangeBindPhoneNumberWindow.axaml | 102 ++---
 .../Views/Windows/LoginOrRegisterWindow.axaml |   2 +-
 .../UI/Views/Windows/UserProfileWindow.axaml  | 358 +++++++++---------
 .../UI/ViewModels/Base/TabItemViewModel.cs    |  15 +
 .../UI/ViewModels/MainWindowViewModel.cs      |   7 +-
 10 files changed, 260 insertions(+), 239 deletions(-)

diff --git a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Controls/ToastMessage.axaml b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Controls/ToastMessage.axaml
index 5865a0d7c..2f00a1c64 100644
--- a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Controls/ToastMessage.axaml
+++ b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Controls/ToastMessage.axaml
@@ -15,8 +15,9 @@
              x:Class="System.Application.UI.Views.Controls.ToastMessage">
     <UserControl.Styles>
         <Style Selector="controls|ToastMessage">
-            <Setter Property="Margin" Value="0 0 0 20" />
-            
+            <Setter Property="Margin" Value="0 0 20 30" />
+            <Setter Property="HorizontalAlignment" Value="Right" />
+            <Setter Property="VerticalAlignment" Value="Bottom" />
         </Style>
         
         <Style Selector="controls|ToastMessage > Border">
diff --git a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/MainView.axaml b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/MainView.axaml
index 01025d92d..396d45333 100644
--- a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/MainView.axaml
+++ b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/MainView.axaml
@@ -174,6 +174,6 @@
             </TabControl.ItemTemplate>
         </TabControl>
         <!--Toast-->
-        <controls:ToastMessage VerticalAlignment="Bottom" HorizontalAlignment="Right"/>
+        <controls:ToastMessage />
     </Panel>
 </UserControl>
\ No newline at end of file
diff --git a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/AchievementWindow.axaml b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/AchievementWindow.axaml
index ce8578ce4..373a34467 100644
--- a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/AchievementWindow.axaml
+++ b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/AchievementWindow.axaml
@@ -207,6 +207,6 @@
         </TabControl>
 
         <!--Toast-->
-        <controls:ToastMessage VerticalAlignment="Bottom" HorizontalAlignment="Center" ZIndex="99"/>
+        <controls:ToastMessage  ZIndex="99"/>
     </Panel>
 </Window>
diff --git a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/AddAuthWindow.axaml b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/AddAuthWindow.axaml
index 72142c6e6..b7231160a 100644
--- a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/AddAuthWindow.axaml
+++ b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/AddAuthWindow.axaml
@@ -160,7 +160,7 @@
         </StackPanel>
       </TabItem>
     </TabControl>
-    <!--Toast-->
-    <controls:ToastMessage VerticalAlignment="Bottom" HorizontalAlignment="Center"/>
+      <!--Toast-->
+      <controls:ToastMessage />
   </Panel>
 </Window>
diff --git a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/AuthTradeWindow.axaml b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/AuthTradeWindow.axaml
index a61442b47..c30bcf587 100644
--- a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/AuthTradeWindow.axaml
+++ b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/AuthTradeWindow.axaml
@@ -160,6 +160,6 @@
             </DockPanel>
         </Panel>
         <!--Toast-->
-        <controls:ToastMessage VerticalAlignment="Bottom" HorizontalAlignment="Center"/>
+        <controls:ToastMessage />
     </Panel>
 </Window>
diff --git a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/ChangeBindPhoneNumberWindow.axaml b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/ChangeBindPhoneNumberWindow.axaml
index 381977126..73fa230ae 100644
--- a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/ChangeBindPhoneNumberWindow.axaml
+++ b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/ChangeBindPhoneNumberWindow.axaml
@@ -22,68 +22,68 @@
         x:DataType="vm:ChangeBindPhoneNumberWindowViewModel"
         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}" />
-      <!--<Grid RowDefinitions="*,Auto" IsVisible="{Binding !IsLoading}">-->
-      <StackPanel VerticalAlignment="Center" Spacing="10" IsVisible="{Binding !IsLoading}">
+    <Panel>
+        <controls:TitleBar />
+        <Panel Margin="{StaticResource UnifyTitleBarAfterContentMargin}">
+            <controls:ProgressRing IsIndeterminate="True" HorizontalAlignment="Stretch" Height="100" Width="100" IsVisible="{Binding IsLoading}" />
+            <!--<Grid RowDefinitions="*,Auto" IsVisible="{Binding !IsLoading}">-->
+            <StackPanel VerticalAlignment="Center" Spacing="10" IsVisible="{Binding !IsLoading}">
 
-        <TextBox Watermark="{Binding CurrentPhoneNumber,Mode=OneWay}" IsReadOnly="True" Focusable="False" />
+                <TextBox Watermark="{Binding CurrentPhoneNumber,Mode=OneWay}" IsReadOnly="True" Focusable="False" />
 
-        <Panel>
-          <TextBox
-            x:Name="TbSmsCodeValidation"
-            Text="{Binding SmsCodeValidation}"
-            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}}"
-            IsEnabled="{Binding CurrentStepIsValidation}" />
-          <Border HorizontalAlignment="Right" Cursor="Hand">
-            <Button Classes="CodeButton"
-                    Content="{Binding BtnSendSmsCodeTextValidation}"
-                    Command="{ReflectionBinding SendSms}"
-                    IsEnabled="{Binding !IsUnTimeLimitValidation}" />
-          </Border>
-        </Panel>
+                <Panel>
+                    <TextBox
+                      x:Name="TbSmsCodeValidation"
+                      Text="{Binding SmsCodeValidation}"
+                      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}}"
+                      IsEnabled="{Binding CurrentStepIsValidation}" />
+                    <Border HorizontalAlignment="Right" Cursor="Hand">
+                        <Button Classes="CodeButton"
+                                Content="{Binding BtnSendSmsCodeTextValidation}"
+                                Command="{ReflectionBinding SendSms}"
+                                IsEnabled="{Binding !IsUnTimeLimitValidation}" />
+                    </Border>
+                </Panel>
 
-        <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}}" />
+                <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="TbSmsCodeNew"
-            Text="{Binding SmsCodeNew}"
-            Watermark="{ReflectionBinding Path=Res.User_SMSCode,Mode=OneWay,Source={x:Static resx:R.Current}}"
-            IsEnabled="{Binding CurrentStepIsNew}"
-            MaxLength="{ReflectionBinding Path=SMS_CAPTCHA,Mode=OneTime,Source={x:Static ccl_services:InputLengthConstants.Current}}" />
-          <Border HorizontalAlignment="Right" Cursor="Hand">
-            <Button Classes="CodeButton"
-                    Content="{Binding BtnSendSmsCodeTextNew}"
-                    Command="{ReflectionBinding SendSms}"
-                    IsEnabled="{Binding !IsUnTimeLimitNew}" />
-          </Border>
-        </Panel>
+                <Panel>
+                    <TextBox
+                      x:Name="TbSmsCodeNew"
+                      Text="{Binding SmsCodeNew}"
+                      Watermark="{ReflectionBinding Path=Res.User_SMSCode,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                      IsEnabled="{Binding CurrentStepIsNew}"
+                      MaxLength="{ReflectionBinding Path=SMS_CAPTCHA,Mode=OneTime,Source={x:Static ccl_services:InputLengthConstants.Current}}" />
+                    <Border HorizontalAlignment="Right" Cursor="Hand">
+                        <Button Classes="CodeButton"
+                                Content="{Binding BtnSendSmsCodeTextNew}"
+                                Command="{ReflectionBinding SendSms}"
+                                IsEnabled="{Binding !IsUnTimeLimitNew}" />
+                    </Border>
+                </Panel>
 
-        <Button Classes="action"
-          Content="{Binding BtnSubmitText}"
-          Command="{ReflectionBinding Submit}"
-                HorizontalAlignment="Stretch" HorizontalContentAlignment="Center" />
+                <Button Classes="action"
+                  Content="{Binding BtnSubmitText}"
+                  Command="{ReflectionBinding Submit}"
+                        HorizontalAlignment="Stretch" HorizontalContentAlignment="Center" />
 
-      </StackPanel>
+            </StackPanel>
 
-      <!--<StackPanel Grid.Row="1">
+            <!--<StackPanel Grid.Row="1">
         <Button
                 HorizontalAlignment="Center" HorizontalContentAlignment="Center" Background="Transparent" BorderThickness="0" Cursor="Hand">
           <TextBlock Text="遇到问题？"></TextBlock>
         </Button>
       </StackPanel>-->
-      <!--</Grid>-->
+            <!--</Grid>-->
+        </Panel>
+        <!--Toast-->
+        <controls:ToastMessage />
     </Panel>
-    <!--Toast-->
-    <controls:ToastMessage VerticalAlignment="Bottom" HorizontalAlignment="Center"/>
-  </Panel>
 </Window>
diff --git a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/LoginOrRegisterWindow.axaml b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/LoginOrRegisterWindow.axaml
index 2dfad63fb..3b9f7cf51 100644
--- a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/LoginOrRegisterWindow.axaml
+++ b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/LoginOrRegisterWindow.axaml
@@ -83,6 +83,6 @@
             </Grid>
         </Panel>
         <!--Toast-->
-        <controls:ToastMessage VerticalAlignment="Bottom" HorizontalAlignment="Center"/>
+        <controls:ToastMessage />
     </Panel>
 </Window>
\ No newline at end of file
diff --git a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/UserProfileWindow.axaml b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/UserProfileWindow.axaml
index 0bc72962b..185c492c1 100644
--- a/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/UserProfileWindow.axaml
+++ b/src/ST.Client.Desktop.Avalonia/Application/UI/Views/Windows/UserProfileWindow.axaml
@@ -23,184 +23,184 @@
         x:DataType="vm:UserProfileWindowViewModel"
         x:CompileBindings="True"
         Title="{Binding Title}">
-  <Panel>
-    <Panel.Styles>
-      <Style Selector="TextBlock.FormItemLabel">
-        <Setter Property="VerticalAlignment" Value="Center"/>
-        <Setter Property="HorizontalAlignment" Value="Right"/>
-        <Setter Property="Margin" Value="0,0,12,0"/>
-      </Style>
-      <Style Selector="ComboBox.MarginLeft,RadioButton.MarginLeft">
-        <Setter Property="Margin" Value="12,0,0,0"/>
-      </Style>
-      <Style Selector="ComboBox.Area">
-        <Setter Property="MaxDropDownHeight" Value="155"/>
-      </Style>
-      <Style Selector="ComboBox.AreaShort">
-        <Setter Property="Width" Value="86"/>
-      </Style>
-      <Style Selector="ComboBox.AreaLong">
-        <Setter Property="Width" Value="116"/>
-      </Style>
-      <Style Selector="Button.Secondary">
-        <Setter Property="Padding" Value="20 10"/>
-      </Style>
-      <Style Selector="Button.SecondaryMin">
-        <Setter Property="Padding" Value="16 8"/>
-      </Style>
-      <Style Selector="Button.MariginButton">
-        <Setter Property="Margin" Value="0,0,0,4"/>
-      </Style>
-      <Style Selector="Button.WidthUnify">
-        <Setter Property="Width" Value="196"/>
-        <Setter Property="HorizontalContentAlignment" Value="Center"/>
-      </Style>
-    </Panel.Styles>
-    <controls:TitleBar/>
-    <Panel Margin="{StaticResource ContentMargin}">
-      <controls:ProgressRing IsIndeterminate="True" HorizontalAlignment="Stretch" Height="100" Width="100" IsVisible="{Binding IsLoading}"/>
-      <StackPanel VerticalAlignment="Center" IsVisible="{Binding !IsLoading}">
-        <DockPanel>
-          <Image Source="/Application/UI/Assets/AppResources/avater.jpg" Width="184" Height="184"/>
-          <StackPanel Orientation="Vertical" Margin="16,0,0,0">
-            <Button Content="{ReflectionBinding Path=Res.UploadYourAvatar,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                    Opacity="0"
-                    IsEnabled="False"
-                    Classes="SecondaryMin MariginButton WidthUnify"/>
-            <TextBlock TextWrapping="Wrap"
-                       Margin="0,0,0,32"
-                       Opacity="0"
-                       FontSize="12"
-                       Text="{ReflectionBinding Path=Res.UploadYourAvatarDesc,Mode=OneWay,Source={x:Static resx:R.Current}}"/>
-            <Button Classes="SecondaryMin MariginButton"
-                    IsEnabled="False"
-                    Content="{ReflectionBinding Path=Res.RefreshSteamAvatar,Mode=OneWay,Source={x:Static resx:R.Current}}"/>
-            <TextBlock FontSize="12"
-                       TextWrapping="Wrap"
-                       Text="{ReflectionBinding Path=Res.RefreshSteamAvatarDesc,Mode=OneWay,Source={x:Static resx:R.Current}}"/>
-          </StackPanel>
-        </DockPanel>
-        <Grid>
-          <Grid.RowDefinitions>
-            <RowDefinition Height="16"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="16"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="16"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="16"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="16"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="8"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="6"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="16"/>
-          </Grid.RowDefinitions>
-          <Grid.ColumnDefinitions>
-            <ColumnDefinition Width="80"/>
-            <ColumnDefinition Width="*"/>
-            <ColumnDefinition Width="12"/>
-            <ColumnDefinition Width="70"/>
-          </Grid.ColumnDefinitions>
-          <TextBlock Classes="FormItemLabel"
-                     Text="{ReflectionBinding Path=Res.NickName,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                     Grid.Row="1"/>
-          <TextBox Watermark="{ReflectionBinding Path=Res.PleaseEnterNickName,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                   Text="{Binding NickName}"
-                   Grid.Row="1"
-                   Grid.Column="1"
-                   Grid.ColumnSpan="3"
-                   MaxLength="{ReflectionBinding Path=NickName,Mode=OneTime,Source={x:Static ccl_services:InputLengthConstants.Current}}"/>
-          <TextBlock Classes="FormItemLabel"
-                     Text="{ReflectionBinding Path=Res.User_Phone,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                     Grid.Row="3"/>
-          <TextBox IsReadOnly="True"
-                   Focusable="False"
-                   Watermark="{Binding CurrentPhoneNumber,Mode=OneWay}"
-                   Grid.Row="3"
-                   Grid.Column="1"
-                   MaxLength="{ReflectionBinding Path=PhoneNumber,Mode=OneTime,Source={x:Static ccl_services:InputLengthConstants.Current}}"/>
-          <Button Classes="Secondary"
-                  Content="{ReflectionBinding Path=Res.Modify,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                  Command="{Binding OnBtnChangeBindPhoneNumberClick}"
-                  Grid.Row="3"
-                  Grid.Column="3"/>
-          <TextBlock Classes="FormItemLabel"
-                     Text="{ReflectionBinding Path=Res.Email,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                     Grid.Row="5"/>
-          <TextBox IsReadOnly="True"
-                   Focusable="False"
-                   Watermark="{ReflectionBinding Path=Res.UnderConstruction,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                   Text=""
-                   Grid.Row="5"
-                   Grid.Column="1"/>
-          <Button Classes="Secondary"
-                  Content="{ReflectionBinding Path=Res.Bind,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                  Grid.Row="5"
-                  Grid.Column="3"
-                  IsEnabled="False"/>
-          <TextBlock
-            Classes="FormItemLabel"
-            Text="{ReflectionBinding Path=Res.SteamAccount,Mode=OneWay,Source={x:Static resx:R.Current}}"
-            Grid.Row="7"/>
-          <TextBox IsReadOnly="True"
-                   Focusable="False"
-                   Watermark="{ReflectionBinding Path=Res.UnderConstruction,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                   Text=""
-                   Grid.Row="7"
-                   Grid.Column="1"/>
-          <Button Classes="Secondary"
-                  Content="{ReflectionBinding Path=Res.Bind,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                  Grid.Row="7"
-                  Grid.Column="3"
-                  IsEnabled="False"/>
-          <TextBlock
-            Classes="FormItemLabel"
-            Text="{ReflectionBinding Path=Res.UserProfile_Location,Mode=OneWay,Source={x:Static resx:R.Current}}"
-            Grid.Row="9"/>
-          <WrapPanel Orientation="Horizontal" Grid.Row="9" Grid.Column="1" Grid.ColumnSpan="3">
-            <ComboBox Classes="Area AreaShort"
-                      Items="{Binding AreaItems2}"
-                      SelectedItem="{Binding AreaSelectItem2}"/>
-            <ComboBox Classes="MarginLeft Area AreaShort"
-                      IsVisible="{Binding !AreaNotVisible3}"
-                      Items="{Binding AreaItems3}"
-                      SelectedItem="{Binding AreaSelectItem3}"/>
-            <ComboBox Classes="MarginLeft Area AreaLong"
-                      IsVisible="{Binding !AreaNotVisible4}"
-                      Items="{Binding AreaItems4}"
-                      SelectedItem="{Binding AreaSelectItem4}"/>
-          </WrapPanel>
-          <TextBlock Classes="FormItemLabel"
-                     Text="{ReflectionBinding Path=Res.Gender,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                     Grid.Row="11"/>
-          <WrapPanel Orientation="Horizontal" Grid.Row="11" Grid.Column="1" Grid.ColumnSpan="3">
-            <RadioButton Content="{ReflectionBinding Path=Res.Gender_Unknown,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                         IsChecked="{Binding Gender, Converter={StaticResource GenderEnumValueConverter}, ConverterParameter=Unknown}"/>
-            <RadioButton Classes="MarginLeft"
-                         Content="{ReflectionBinding Path=Res.Gender_Male,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                         IsChecked="{Binding Gender, Converter={StaticResource GenderEnumValueConverter}, ConverterParameter=Male}"/>
-            <RadioButton Classes="MarginLeft"
-                         Content="{ReflectionBinding Path=Res.Gender_Female,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                         IsChecked="{Binding Gender, Converter={StaticResource GenderEnumValueConverter}, ConverterParameter=Female}"/>
-          </WrapPanel>
-          <TextBlock Classes="FormItemLabel"
-                     Text="{ReflectionBinding Path=Res.UserProfile_BirthDate,Mode=OneWay,Source={x:Static resx:R.Current}}"
-                     Grid.Row="13"/>
-          <DatePicker Height="36"
-                      SelectedDate="{Binding BirthDate, Mode=TwoWay}"
-                      Grid.Row="13" Grid.Column="1" Grid.ColumnSpan="3"/>
-        </Grid>
-        <Button Classes="action WidthUnify"
-                HorizontalAlignment="Center"
-                Command="{ReflectionBinding Submit}"
-                IsEnabled="{Binding IsModify}"
-                Content="{ReflectionBinding Path=Res.SaveChanges,Mode=OneWay,Source={x:Static resx:R.Current}}"/>
-      </StackPanel>
+    <Panel>
+        <Panel.Styles>
+            <Style Selector="TextBlock.FormItemLabel">
+                <Setter Property="VerticalAlignment" Value="Center"/>
+                <Setter Property="HorizontalAlignment" Value="Right"/>
+                <Setter Property="Margin" Value="0,0,12,0"/>
+            </Style>
+            <Style Selector="ComboBox.MarginLeft,RadioButton.MarginLeft">
+                <Setter Property="Margin" Value="12,0,0,0"/>
+            </Style>
+            <Style Selector="ComboBox.Area">
+                <Setter Property="MaxDropDownHeight" Value="155"/>
+            </Style>
+            <Style Selector="ComboBox.AreaShort">
+                <Setter Property="Width" Value="86"/>
+            </Style>
+            <Style Selector="ComboBox.AreaLong">
+                <Setter Property="Width" Value="116"/>
+            </Style>
+            <Style Selector="Button.Secondary">
+                <Setter Property="Padding" Value="20 10"/>
+            </Style>
+            <Style Selector="Button.SecondaryMin">
+                <Setter Property="Padding" Value="16 8"/>
+            </Style>
+            <Style Selector="Button.MariginButton">
+                <Setter Property="Margin" Value="0,0,0,4"/>
+            </Style>
+            <Style Selector="Button.WidthUnify">
+                <Setter Property="Width" Value="196"/>
+                <Setter Property="HorizontalContentAlignment" Value="Center"/>
+            </Style>
+        </Panel.Styles>
+        <controls:TitleBar/>
+        <Panel Margin="{StaticResource ContentMargin}">
+            <controls:ProgressRing IsIndeterminate="True" HorizontalAlignment="Stretch" Height="100" Width="100" IsVisible="{Binding IsLoading}"/>
+            <StackPanel VerticalAlignment="Center" IsVisible="{Binding !IsLoading}">
+                <DockPanel>
+                    <Image Source="/Application/UI/Assets/AppResources/avater.jpg" Width="184" Height="184"/>
+                    <StackPanel Orientation="Vertical" Margin="16,0,0,0">
+                        <Button Content="{ReflectionBinding Path=Res.UploadYourAvatar,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                                Opacity="0"
+                                IsEnabled="False"
+                                Classes="SecondaryMin MariginButton WidthUnify"/>
+                        <TextBlock TextWrapping="Wrap"
+                                   Margin="0,0,0,32"
+                                   Opacity="0"
+                                   FontSize="12"
+                                   Text="{ReflectionBinding Path=Res.UploadYourAvatarDesc,Mode=OneWay,Source={x:Static resx:R.Current}}"/>
+                        <Button Classes="SecondaryMin MariginButton"
+                                IsEnabled="False"
+                                Content="{ReflectionBinding Path=Res.RefreshSteamAvatar,Mode=OneWay,Source={x:Static resx:R.Current}}"/>
+                        <TextBlock FontSize="12"
+                                   TextWrapping="Wrap"
+                                   Text="{ReflectionBinding Path=Res.RefreshSteamAvatarDesc,Mode=OneWay,Source={x:Static resx:R.Current}}"/>
+                    </StackPanel>
+                </DockPanel>
+                <Grid>
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="16"/>
+                        <RowDefinition Height="Auto"/>
+                        <RowDefinition Height="16"/>
+                        <RowDefinition Height="Auto"/>
+                        <RowDefinition Height="16"/>
+                        <RowDefinition Height="Auto"/>
+                        <RowDefinition Height="16"/>
+                        <RowDefinition Height="Auto"/>
+                        <RowDefinition Height="16"/>
+                        <RowDefinition Height="Auto"/>
+                        <RowDefinition Height="8"/>
+                        <RowDefinition Height="Auto"/>
+                        <RowDefinition Height="6"/>
+                        <RowDefinition Height="Auto"/>
+                        <RowDefinition Height="16"/>
+                    </Grid.RowDefinitions>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="80"/>
+                        <ColumnDefinition Width="*"/>
+                        <ColumnDefinition Width="12"/>
+                        <ColumnDefinition Width="70"/>
+                    </Grid.ColumnDefinitions>
+                    <TextBlock Classes="FormItemLabel"
+                               Text="{ReflectionBinding Path=Res.NickName,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                               Grid.Row="1"/>
+                    <TextBox Watermark="{ReflectionBinding Path=Res.PleaseEnterNickName,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                             Text="{Binding NickName}"
+                             Grid.Row="1"
+                             Grid.Column="1"
+                             Grid.ColumnSpan="3"
+                             MaxLength="{ReflectionBinding Path=NickName,Mode=OneTime,Source={x:Static ccl_services:InputLengthConstants.Current}}"/>
+                    <TextBlock Classes="FormItemLabel"
+                               Text="{ReflectionBinding Path=Res.User_Phone,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                               Grid.Row="3"/>
+                    <TextBox IsReadOnly="True"
+                             Focusable="False"
+                             Watermark="{Binding CurrentPhoneNumber,Mode=OneWay}"
+                             Grid.Row="3"
+                             Grid.Column="1"
+                             MaxLength="{ReflectionBinding Path=PhoneNumber,Mode=OneTime,Source={x:Static ccl_services:InputLengthConstants.Current}}"/>
+                    <Button Classes="Secondary"
+                            Content="{ReflectionBinding Path=Res.Modify,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                            Command="{Binding OnBtnChangeBindPhoneNumberClick}"
+                            Grid.Row="3"
+                            Grid.Column="3"/>
+                    <TextBlock Classes="FormItemLabel"
+                               Text="{ReflectionBinding Path=Res.Email,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                               Grid.Row="5"/>
+                    <TextBox IsReadOnly="True"
+                             Focusable="False"
+                             Watermark="{ReflectionBinding Path=Res.UnderConstruction,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                             Text=""
+                             Grid.Row="5"
+                             Grid.Column="1"/>
+                    <Button Classes="Secondary"
+                            Content="{ReflectionBinding Path=Res.Bind,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                            Grid.Row="5"
+                            Grid.Column="3"
+                            IsEnabled="False"/>
+                    <TextBlock
+                      Classes="FormItemLabel"
+                      Text="{ReflectionBinding Path=Res.SteamAccount,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                      Grid.Row="7"/>
+                    <TextBox IsReadOnly="True"
+                             Focusable="False"
+                             Watermark="{ReflectionBinding Path=Res.UnderConstruction,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                             Text=""
+                             Grid.Row="7"
+                             Grid.Column="1"/>
+                    <Button Classes="Secondary"
+                            Content="{ReflectionBinding Path=Res.Bind,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                            Grid.Row="7"
+                            Grid.Column="3"
+                            IsEnabled="False"/>
+                    <TextBlock
+                      Classes="FormItemLabel"
+                      Text="{ReflectionBinding Path=Res.UserProfile_Location,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                      Grid.Row="9"/>
+                    <WrapPanel Orientation="Horizontal" Grid.Row="9" Grid.Column="1" Grid.ColumnSpan="3">
+                        <ComboBox Classes="Area AreaShort"
+                                  Items="{Binding AreaItems2}"
+                                  SelectedItem="{Binding AreaSelectItem2}"/>
+                        <ComboBox Classes="MarginLeft Area AreaShort"
+                                  IsVisible="{Binding !AreaNotVisible3}"
+                                  Items="{Binding AreaItems3}"
+                                  SelectedItem="{Binding AreaSelectItem3}"/>
+                        <ComboBox Classes="MarginLeft Area AreaLong"
+                                  IsVisible="{Binding !AreaNotVisible4}"
+                                  Items="{Binding AreaItems4}"
+                                  SelectedItem="{Binding AreaSelectItem4}"/>
+                    </WrapPanel>
+                    <TextBlock Classes="FormItemLabel"
+                               Text="{ReflectionBinding Path=Res.Gender,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                               Grid.Row="11"/>
+                    <WrapPanel Orientation="Horizontal" Grid.Row="11" Grid.Column="1" Grid.ColumnSpan="3">
+                        <RadioButton Content="{ReflectionBinding Path=Res.Gender_Unknown,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                                     IsChecked="{Binding Gender, Converter={StaticResource GenderEnumValueConverter}, ConverterParameter=Unknown}"/>
+                        <RadioButton Classes="MarginLeft"
+                                     Content="{ReflectionBinding Path=Res.Gender_Male,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                                     IsChecked="{Binding Gender, Converter={StaticResource GenderEnumValueConverter}, ConverterParameter=Male}"/>
+                        <RadioButton Classes="MarginLeft"
+                                     Content="{ReflectionBinding Path=Res.Gender_Female,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                                     IsChecked="{Binding Gender, Converter={StaticResource GenderEnumValueConverter}, ConverterParameter=Female}"/>
+                    </WrapPanel>
+                    <TextBlock Classes="FormItemLabel"
+                               Text="{ReflectionBinding Path=Res.UserProfile_BirthDate,Mode=OneWay,Source={x:Static resx:R.Current}}"
+                               Grid.Row="13"/>
+                    <DatePicker Height="36"
+                                SelectedDate="{Binding BirthDate, Mode=TwoWay}"
+                                Grid.Row="13" Grid.Column="1" Grid.ColumnSpan="3"/>
+                </Grid>
+                <Button Classes="action WidthUnify"
+                        HorizontalAlignment="Center"
+                        Command="{ReflectionBinding Submit}"
+                        IsEnabled="{Binding IsModify}"
+                        Content="{ReflectionBinding Path=Res.SaveChanges,Mode=OneWay,Source={x:Static resx:R.Current}}"/>
+            </StackPanel>
+        </Panel>
+        <!--Toast-->
+        <controls:ToastMessage />
     </Panel>
-    <!--Toast-->
-    <controls:ToastMessage VerticalAlignment="Bottom" HorizontalAlignment="Center"/>
-  </Panel>
 </Window>
\ No newline at end of file
diff --git a/src/ST.Client.Desktop/UI/ViewModels/Base/TabItemViewModel.cs b/src/ST.Client.Desktop/UI/ViewModels/Base/TabItemViewModel.cs
index 5bef84768..f251bbc98 100644
--- a/src/ST.Client.Desktop/UI/ViewModels/Base/TabItemViewModel.cs
+++ b/src/ST.Client.Desktop/UI/ViewModels/Base/TabItemViewModel.cs
@@ -79,5 +79,20 @@ namespace System.Application.UI.ViewModels
         {
             await Task.CompletedTask;
         }
+
+        internal bool _IsFirstActivation = true;
+        internal void FirstActivation()
+        {
+            if (_IsFirstActivation)
+            {
+                ActivationOnFirst();
+                _IsFirstActivation = false;
+            }
+        }
+
+        internal async virtual void ActivationOnFirst()
+        {
+            await Task.CompletedTask;
+        }
     }
 }
diff --git a/src/ST.Client.Desktop/UI/ViewModels/MainWindowViewModel.cs b/src/ST.Client.Desktop/UI/ViewModels/MainWindowViewModel.cs
index 5ef8f45e8..c852dfaf8 100644
--- a/src/ST.Client.Desktop/UI/ViewModels/MainWindowViewModel.cs
+++ b/src/ST.Client.Desktop/UI/ViewModels/MainWindowViewModel.cs
@@ -100,7 +100,12 @@ namespace System.Application.UI.ViewModels
             Task.Run(Initialize).ForgetAndDispose();
 
             this.WhenAnyValue(x => x.SelectedItem)
-                .Subscribe(x => x.Activation());
+                .Subscribe(x =>
+                {
+                    if (x._IsFirstActivation)
+                        Task.Run(x.FirstActivation).ForgetAndDispose();
+                    Task.Run(x.Activation).ForgetAndDispose();
+                });
         }
 
         public void Initialize()