From 1b4a14de360b46fd6ab22b2a7eb02592193d57c4 Mon Sep 17 00:00:00 2001
From: syneffort <syneffort@gmail.com>
Date: Wed, 13 Mar 2024 14:36:23 +0900
Subject: [PATCH] validation check by code

---
 .../BlazingPizza/Pages/Checkout.razor         |  46 +++++++++++++-----
 .../BlazingPizza/Shared/AddressEditor.razor   |  20 +++-----
 MyFirstBlazor/BlazingPizza/pizza.db           | Bin 53248 -> 53248 bytes
 MyFirstBlazor/BlazingPizza/pizza.db-shm       | Bin 32768 -> 32768 bytes
 MyFirstBlazor/BlazingPizza/pizza.db-wal       | Bin 28872 -> 28872 bytes
 5 files changed, 39 insertions(+), 27 deletions(-)

diff --git a/MyFirstBlazor/BlazingPizza/Pages/Checkout.razor b/MyFirstBlazor/BlazingPizza/Pages/Checkout.razor
index df63b8f..f9c849a 100644
--- a/MyFirstBlazor/BlazingPizza/Pages/Checkout.razor
+++ b/MyFirstBlazor/BlazingPizza/Pages/Checkout.razor
@@ -6,30 +6,50 @@
 @inject NavigationManager NavigationManager
 
 <div class="main">
-    <div class="checkout-cols">
-        <div class="checkout-order-details">
-            <h4>Review order</h4>
-            <OrderReview Order="Order"/>
-        </div>
+    <EditForm Model="Order.DeliveryAddress" OnSubmit="CheckSubmission">
+        <div class="checkout-cols">
+            <div class="checkout-order-details">
+                <h4>Review order</h4>
+                <OrderReview Order="Order"/>
+            </div>
 
-        <div class="checkout-delivery-address">
-            <h4>Deliver to...</h4>
-            <AddressEditor Address="Order.DeliveryAddress"/>
+            <div class="checkout-delivery-address">
+                <h4>Deliver to...</h4>
+                @if (isError)
+                {
+                    <div class="alert alert-danger">Please enter a name and address.</div>
+                }
+                <AddressEditor Address="Order.DeliveryAddress"/>
+            </div>
         </div>
-    </div>
 
-    <button class="checkout-button btn btn-warning" @onclick="PlaceOrder" disabled="@isSubmitting">
-        Place order
-    </button>
+        <button class="checkout-button btn btn-warning" disabled="@isSubmitting">
+            Place order
+        </button>
+    </EditForm>
 </div>
 
 @code {
     Order Order => OrderState.Order;
     bool isSubmitting;
+    bool isError = false;
 
-    async Task PlaceOrder()
+    async Task CheckSubmission(EditContext editContext)
     {
         isSubmitting = true;
+
+        var model = editContext.Model as Address;
+        isError = string.IsNullOrWhiteSpace(model?.Name)
+            || string.IsNullOrWhiteSpace(model?.Line1)
+            || string.IsNullOrWhiteSpace(model?.PostalCode);
+        if (!isError)
+            await PlaceOrder();
+
+        isSubmitting = false;
+    }
+
+    async Task PlaceOrder()
+    {
         var response = await HttpClient.PostAsJsonAsync(NavigationManager.BaseUri + "orders", OrderState.Order);
         var newOrderId = await response.Content.ReadFromJsonAsync<int>();
         OrderState.ResetOrder();
diff --git a/MyFirstBlazor/BlazingPizza/Shared/AddressEditor.razor b/MyFirstBlazor/BlazingPizza/Shared/AddressEditor.razor
index 006bbed..bf2e444 100644
--- a/MyFirstBlazor/BlazingPizza/Shared/AddressEditor.razor
+++ b/MyFirstBlazor/BlazingPizza/Shared/AddressEditor.razor
@@ -1,53 +1,45 @@
 <div class="form-field">
     <label>Name:</label>
     <div>
-        <input @ref="startName" @bind="Address.Name" />
+        <InputText @bind-Value="Address.Name" />
     </div>
 </div>
 
 <div class="form-field">
     <label>Line 1:</label>
     <div>
-        <input @bind="Address.Line1" />
+        <InputText @bind-Value="Address.Line1" />
     </div>
 </div>
 
 <div class="form-field">
     <label>Line 2:</label>
     <div>
-        <input @bind="Address.Line2" />
+        <InputText @bind-Value="Address.Line2" />
     </div>
 </div>
 
 <div class="form-field">
     <label>City:</label>
     <div>
-        <input @bind="Address.City" />
+        <InputText @bind-Value="Address.City" />
     </div>
 </div>
 
 <div class="form-field">
     <label>Region:</label>
     <div>
-        <input @bind="Address.Region" />
+        <InputText @bind-Value="Address.Region" />
     </div>
 </div>
 
 <div class="form-field">
     <label>Postal code:</label>
     <div>
-        <input @bind="Address.PostalCode" />
+        <InputText @bind-Value="Address.PostalCode" />
     </div>
 </div>
 
 @code {
     [Parameter] public Address Address { get; set; }
-
-    private ElementReference startName;
-
-    protected override async Task OnAfterRenderAsync(bool firstRender)
-    {
-        if (firstRender)
-            await startName.FocusAsync();
-    }
 }
diff --git a/MyFirstBlazor/BlazingPizza/pizza.db b/MyFirstBlazor/BlazingPizza/pizza.db
index 7480915960f2b84a5b843694c659cffa315a3213..301a8b599ace7066d590c0acef51f9951f725bec 100644
GIT binary patch
delta 385
zcmXAlKTE@45XRq-#^$ZHPZG4C;-8|Ri?(l4us8{R0L9KNhQ^2p3Jp5A*zb^`B8UY+
za8QeJ(m@BYOL6Gb$w6H#f+FamgJ;XZaoq9zp1Uhm<WfbhhO{`xF2gt8@PsBFaEB{Y
zu^S|`6^JBPS)#9hXt2+5J=<{$+oow+g2J`Eg6%nlZA!uvmgl&xU9f`c$gnofBO$q8
zT3p-Nu|0z^*3B1+&PvgX$kgtXJoro+qj4UqF+AcLd)UGflIV%GVl^^9jg2L^!q~iI
zrp)wI%9;|^s7TMItXYwo7MU4Khzt)}`2k5bkoCjMi4bzgl5_&Ss-ZARlDHaG^-iTk
zgVoIgGDMx>m+t*Q3om5dL<99epSwVpB9nysjYE@=`+m4W$O`rexq)bVXtcBLAD`zZ
s4V3>^KfychafDam+~SLPbzI^M2YAL0{jyB*^^TmjA_qkej&5?=AB{C;F#rGn

delta 225
zcmZozz}&Eac>{}p2nYWL2L5mSZ}=ba-{3#Te}sP*|Ax(i3N!dOZ;+Q0P~qTWVU}bJ
z$gHYLEEZs3VBqHTFG@)*D&}Ga3PYG2n?LCbDTr|Jy<*_M$G@9@27f7k5WhY@FW;-p
ziUODTHouCKVq_NJPoK=5pa>MP=ii*3KNqNh{}KcLAE4bI_+Rlq0cyR$e`&Lz!!G{G
zm*yJ*)i0aOzCaP^lsf*&%ht!K2=FfknZJ_%J^wNO#r!Y%FYzDX{|eM}hJOqHI{wG}
Rzxj6oRaf(GUc5h6002CcOdkLM

diff --git a/MyFirstBlazor/BlazingPizza/pizza.db-shm b/MyFirstBlazor/BlazingPizza/pizza.db-shm
index de5ec21dece7d7190b033715375ccdd13885a3b9..0bdcca218ce5388370de9422361e5707ae96388f 100644
GIT binary patch
delta 112
zcmZo@U}|V!N|1P@%K!q55G=qBq<MijYe~^-i{-0UgvE0FKAc>y`!Qq#L)QcWF;dk}
NOi*BC*w|QK4*&#f9`gVI

delta 112
zcmZo@U}|V!N|1P@%K!t63=9J7Kn^buFKP`ii`YD4^Q5mztK(<Pn!jOpNua6Z9z9ak
OPfSo?WZ&3WUk?B(av&rC

diff --git a/MyFirstBlazor/BlazingPizza/pizza.db-wal b/MyFirstBlazor/BlazingPizza/pizza.db-wal
index ab20c49432cc597807e4f48f5f08366088b9ef8c..3fa0a25503d7423ba773f22a5e6b275380555ff6 100644
GIT binary patch
delta 566
zcmX@{knzMr#t`#*wk8JMM-mJS0t_G!7R&MbaB{uw`S%H#Tf=5w1PU=Bi(lj^J+(J8
z^*b+6kc;1qf&Ux-8~#W9H~7!-AK~A{zk$D=-)&=}7QdxA7YBo+w6vt8_Uo1<Z|1eU
zp1bGG+#QAx%IHn^oVVQ@UN2koW<kr_{xxs9mb`85c(ZrP>&bH_Z|Cn6fH`B!)wxF(
zUAugHbAZ4({xmKw7G_DtfXu3@#9|Sk1GqW;i&9dHin*A9!cZm;BeN`Ha6xKvW@1h;
z2T&0kvhxGKs8vNQ*x(CxKHm}s{(Jnp`DgH#@(1zj^Yik(;ycc_WMg6nACn^2WJ7&n
zK4W7mQxiRN6H8-DBV(@3`udKH;xM<})jYI9z1fo;WR?iO!{l}YRTh3veus^T0{p`4
zBCHIIoQzz29Kt{bBO@0(&*aPYTXkTXwLkm}VEE*;p9`p&i~kq{{~usTe&Bz_{{-ly
z8~m5}&+s4HoG7r0pN*9nsGDnYN`MXA=0EJVlh)k7C=Ajp!rwP}djQbpDg1q#855KE
zIk-f?T7)NiCFEJb?0a3bBx}X0<rWYvJs^*-<nQ5s&wq@6G5<@TeFylz0_{D+zlDDt
d|6KmZ{1Z37OGx79W?|-J1e?b$JUPA~699dozXkvR

delta 428
zcmX@{knzMr#vt>0wk8JMM-mJS0t_H9>8sM}_!+b2H*o$~dc7xOB~XY7S$tpZt?M-h
zmvr$01v&Za8Th~Pzu|wxe}n%V{}KLO{2Tb|Hzx|D@=xB*-zfky>&w2lV+?sWn>Ggs
zoa0a7<YHl#WDLlxs!A*t0-D0j>0gwRT2#!%3>1biIe8eFWf_ADQj;?ibBZ~DirA3d
zu>0GF>wQ<JbA#Q$cbtL$9{+Cs8T_UELHzpsynL_tj&Dp{%ePry-;q%q=7t;&p?8Pg
z>l%Xe2=NC`ZZ}W`I#iv1@@4z2S};XID%Wyu#9J-n0xII<Kf}QP2k5;I{IB?*0Ij&e
ze~JGLP|rqwMuy2L0XA@>OGPIibJ+N?0HjNZf7ayf0U)FE_$PZM<k`TCHVbH7w0Xwn
z2#BKTAUCh%f6sr6e=+|{puq?DzXB~d!@q@p9sgYZ$Nay6VL2UWN;d!G_<~FTW|W+X