...

TaxPayerFull/Pages/Verification.razor

@@ -4,6 +4,7 @@
 @inject NavigationManager nav
 @inject UserAuthenticationDTO userinfo
 <PageTitle>احراز هویت</PageTitle>
+<Toasts class="p-3" Messages="messages" AutoHide="true" Delay="5000" Placement="ToastsPlacement.BottomLeft" />
 <main>
 
     <!-- tp-banner-area-start -->
@@ -48,14 +49,17 @@
 
 
                         <div class="row">
-                            <div class="col-12">
+                            <div class="col-10">
                                 <div class="postbox__comment-input mb-30">
-                                    <InputNumber @bind-Value="VerificationCodeModel.Code" style="text-align: center" id="Code" type="text" class="inputText" required="" />
+                                    <InputText @bind-Value="valueCode" style="text-align: center" id="Code" type="number" class="inputText" required="" />
                                     <span class="floating-label">کد تائید</span>
                                 </div>
                             </div>
+                            <div class="col-md-2" style="align-content:center">
+                                <Spinner Visible="SpinnerVisible" Color="SpinnerColor.Primary" />
+                            </div>
                             <div class="signin-banner-from-btn mb-20">
-                                <button type="submit" class="signin-btn">احراز</button>
+                                <button hidden="@hidden" type="submit" class="signin-btn">احراز</button>
                             </div>
                         </div>
                    
@@ -70,8 +74,7 @@
 
                     </div>
                     <div class="signin-banner-from-register">
-                        <NavLink style="cursor:pointer" @onclick="ReSend">کد ارسال نشد؟ <span>ارسال مجدد</span></NavLink>
-
+                        <NavLink hidden="@hidden" style="cursor:pointer" @onclick="ReSend">کد ارسال نشد؟ <span>ارسال مجدد</span></NavLink>
                     </div>
                 </div>
             </div>
@@ -82,14 +85,19 @@
 </main>
 
 @code {
+    List<ToastMessage> messages = new List<ToastMessage>();
+    public string hidden { get; set; }
+    public bool SpinnerVisible { get; set; } = false;
+    public string valueCode { get; set; }
     bool successfull = false;
     // alert
     AlertColor alertColor = AlertColor.Primary;
     IconName alertIconName = IconName.CheckCircleFill;
     bool Hidealert = true;
     string alertMessage = "";
+    private void ShowMessage(ToastType toastType, string Message) => messages.Add(CreateToastMessage(toastType, Message));
+
 
-    
     [Parameter]
     public int ID { get; set; }
 
@@ -108,7 +116,8 @@
         {
             nav.NavigateTo($"/");
         }
-
+        hidden = null;
+        SpinnerVisible = false;
         await base.OnParametersSetAsync();
     }
 }
@@ -116,6 +125,8 @@
 
     private async Task ReSend()
     {
+        hidden = "hidden";
+        SpinnerVisible = !SpinnerVisible;
 
         var request = await _hc.GetAsync($"Verification/ReSend/{VerificationCodeModel?.ID}");
         if (request.IsSuccessStatusCode)
@@ -128,10 +139,17 @@
             ShowDangerAlert(listerror[0]);
         }
 
-
+        SpinnerVisible = !SpinnerVisible;
+        hidden = null;
     }
     private async Task SubmitVerificationCode()
     {
+        hidden = "hidden";
+        SpinnerVisible = !SpinnerVisible;
+        if (!int.TryParse(valueCode, out int code))
+            return;
+
+        VerificationCodeModel.Code = code;
         if (VerificationCodeModel.Code < 1000 || VerificationCodeModel.Code > 9000)
         {
             ShowDangerAlert("کد احراز صحیح نمی باشد");
@@ -154,7 +172,7 @@
 
                         nav.NavigateTo("/Profile/Verification");
                     }
-                
+                    
                     else
                         nav.NavigateTo("/");
 
@@ -171,7 +189,8 @@
                 ShowDangerAlert(listerror[0]);
             }
         }
-        
+        SpinnerVisible = !SpinnerVisible;
+        hidden = null;
     }
     private void ShowSuccessAlert(string msg)
     {
@@ -195,4 +214,10 @@
             nav.NavigateTo("/Profile");
         nav.NavigateTo("/");
     }
+    private ToastMessage CreateToastMessage(ToastType toastType, string Message)
+    => new ToastMessage
+        {
+            Type = toastType,
+            Message = Message,
+        };
 }