From ef7802f0dfc0a09c0703470bf69bc5052657c52d Mon Sep 17 00:00:00 2001 From: Nezumi Date: Mon, 24 Jul 2023 22:30:55 +0700 Subject: [PATCH] Refactor code --- .../avatar-1.png} | Bin .../avatar-2.png} | Bin .../avatar-3.png} | Bin .../avatar-4.png} | Bin .../avatar-5.png} | Bin .../avatar-6.png} | Bin .../avatar-7.png} | Bin .../avatar-8.png} | Bin .../avatar-9.png} | Bin .../assets/images/offer/avatar-1-item-4.png | Bin 3390 -> 0 bytes .../assets/images/offer/avatar-2-item-4.png | Bin 2990 -> 0 bytes .../assets/images/offer/avatar-3-item-4.png | Bin 3743 -> 0 bytes practice/practice-02/src/includes/mixins.pug | 19 +++++++++--------- practice/practice-02/src/layouts/offer.pug | 14 ++++++++----- 14 files changed, 18 insertions(+), 15 deletions(-) rename practice/practice-02/src/assets/images/{offer/avatar-1-item-1.png => avatar/avatar-1.png} (100%) rename practice/practice-02/src/assets/images/{offer/avatar-2-item-1.png => avatar/avatar-2.png} (100%) rename practice/practice-02/src/assets/images/{offer/avatar-3-item-1.png => avatar/avatar-3.png} (100%) rename practice/practice-02/src/assets/images/{offer/avatar-1-item-2.png => avatar/avatar-4.png} (100%) rename practice/practice-02/src/assets/images/{offer/avatar-2-item-2.png => avatar/avatar-5.png} (100%) rename practice/practice-02/src/assets/images/{offer/avatar-3-item-2.png => avatar/avatar-6.png} (100%) rename practice/practice-02/src/assets/images/{offer/avatar-1-item-3.png => avatar/avatar-7.png} (100%) rename practice/practice-02/src/assets/images/{offer/avatar-2-item-3.png => avatar/avatar-8.png} (100%) rename practice/practice-02/src/assets/images/{offer/avatar-3-item-3.png => avatar/avatar-9.png} (100%) delete mode 100644 practice/practice-02/src/assets/images/offer/avatar-1-item-4.png delete mode 100644 practice/practice-02/src/assets/images/offer/avatar-2-item-4.png delete mode 100644 practice/practice-02/src/assets/images/offer/avatar-3-item-4.png diff --git a/practice/practice-02/src/assets/images/offer/avatar-1-item-1.png b/practice/practice-02/src/assets/images/avatar/avatar-1.png similarity index 100% rename from practice/practice-02/src/assets/images/offer/avatar-1-item-1.png rename to practice/practice-02/src/assets/images/avatar/avatar-1.png diff --git a/practice/practice-02/src/assets/images/offer/avatar-2-item-1.png b/practice/practice-02/src/assets/images/avatar/avatar-2.png similarity index 100% rename from practice/practice-02/src/assets/images/offer/avatar-2-item-1.png rename to practice/practice-02/src/assets/images/avatar/avatar-2.png diff --git a/practice/practice-02/src/assets/images/offer/avatar-3-item-1.png b/practice/practice-02/src/assets/images/avatar/avatar-3.png similarity index 100% rename from practice/practice-02/src/assets/images/offer/avatar-3-item-1.png rename to practice/practice-02/src/assets/images/avatar/avatar-3.png diff --git a/practice/practice-02/src/assets/images/offer/avatar-1-item-2.png b/practice/practice-02/src/assets/images/avatar/avatar-4.png similarity index 100% rename from practice/practice-02/src/assets/images/offer/avatar-1-item-2.png rename to practice/practice-02/src/assets/images/avatar/avatar-4.png diff --git a/practice/practice-02/src/assets/images/offer/avatar-2-item-2.png b/practice/practice-02/src/assets/images/avatar/avatar-5.png similarity index 100% rename from practice/practice-02/src/assets/images/offer/avatar-2-item-2.png rename to practice/practice-02/src/assets/images/avatar/avatar-5.png diff --git a/practice/practice-02/src/assets/images/offer/avatar-3-item-2.png b/practice/practice-02/src/assets/images/avatar/avatar-6.png similarity index 100% rename from practice/practice-02/src/assets/images/offer/avatar-3-item-2.png rename to practice/practice-02/src/assets/images/avatar/avatar-6.png diff --git a/practice/practice-02/src/assets/images/offer/avatar-1-item-3.png b/practice/practice-02/src/assets/images/avatar/avatar-7.png similarity index 100% rename from practice/practice-02/src/assets/images/offer/avatar-1-item-3.png rename to practice/practice-02/src/assets/images/avatar/avatar-7.png diff --git a/practice/practice-02/src/assets/images/offer/avatar-2-item-3.png b/practice/practice-02/src/assets/images/avatar/avatar-8.png similarity index 100% rename from practice/practice-02/src/assets/images/offer/avatar-2-item-3.png rename to practice/practice-02/src/assets/images/avatar/avatar-8.png diff --git a/practice/practice-02/src/assets/images/offer/avatar-3-item-3.png b/practice/practice-02/src/assets/images/avatar/avatar-9.png similarity index 100% rename from practice/practice-02/src/assets/images/offer/avatar-3-item-3.png rename to practice/practice-02/src/assets/images/avatar/avatar-9.png diff --git a/practice/practice-02/src/assets/images/offer/avatar-1-item-4.png b/practice/practice-02/src/assets/images/offer/avatar-1-item-4.png deleted file mode 100644 index bb4221ff09cb3f9b0c86dc0febef1958ed524c70..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3390 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 diff --git a/practice/practice-02/src/assets/images/offer/avatar-3-item-4.png b/practice/practice-02/src/assets/images/offer/avatar-3-item-4.png deleted file mode 100644 index 974de73c4d1dda7ba0b743fe8ebc67f2c4bf4f73..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3743 zcmV;Q4q)+#P)7WULC9V z_kF+L=lMR*^Q!nYRrAQmM}Kn_2?KF8guWQ^ile zrey!FY|pKpr@EC7DS+hi4c1u+g+jdY=4*s9F-8W@^Yd5VB$0^n)knU zFvh_>2iV@eof=n7=~iCZFA9T?f6|$%PXOeR%WGVhi@sAQdGg68Id$eV)_Nyjec(Q- z%WNzT4>2DIV{xzXH^Q zav4@YEvzi?z2ndFg?qnTaQ4Cwo{i1a zw>D7OSfzZ1-`c;MOd^GMZh=%Pg*Kl>Q_NvdtFRPB`@{F}6~|_(mSRL>0p{i=`0;B$ zz#m)#r-a38O6+|c2Gz%aQl3JQkN%M}^bYm$FW>(WZLN)TwRaIrhw<2JxN_+dpKEXD z!azUc<5Re+E2wkY5Ih9bI*NKTE^`?*Sv7fQCE9W=Ln||Mx9=cgHn5|iorC*7TRQeZ zk@dx!acDmR%CpWC=dTX&H_tuA#+n*z4mm__K0bSuOghfbp8E-R-L?~BTYIg6(!7PH#yT`k2Wq2;x5E zVI|@Bv$3|CbRv$?R)N*&MrAUgE)=meHn5}n0F9o_Xw636diMrd#}p&KImQktY+arl z<=Ovwg}t|T(Q46SG8oz1-p1hBVQfY#+nU>{={|xsnIz@AMnR<1%GYh1+bI)2b7-{K zt!3n*VKS*Sv6WTyg#w9qgjjfqq`E*d79uY86L7dOY4wb)E-~=@KeKJeUN*IERX{05 z{zOU2H41y)Kf#fs2Sgqn?`KnF#S)6e0tTxAttL;UN<(`^19f7QI#U_>Y?g_sS>z+A zk}2#l9g9)0#9=z31Q79-lW8%MrV*1wTLWnl9J6P zorWD98yS4RhhQvBP;8^DrJ3Q&lVm0qsB_h^GXZXw-R5`%Yo6x=d@Ghfa4DuAEx3E+in37z>k5C26cEClQI`TUfzZUM?A# zA}NgJBqPsBxoYd~B3|_4R~5xVns9B|%jULj3I!Fu3zG5mwOHaQGF8oVb6 zWFQ&BE7z_&cH)#L&PXe>S%Q6GagOn+G4kTp#)cZ|JoVJqH;~F?P*SqeVx*(VE$r2y zmB6+*>|9$25YH6Yu%{dM_FdF8*RniwNkU_utU-&lv6chxEoKSAuA{rr<+8l>)6;lQUuHHMA-ND@lf{Xq!pWFqUnUtPvbu;-e2A2E6jGv$ z5}Q`Hn=+9`S6)Gfrxv4L&Ey9o47~QAqzYObn>G_O7wH{%2fx@yWu1#H2Y0b*EmGCd zOjcMcEk#PDN4K|jwh|MU-Xh-OpP0bDZwrfJ5tn<0hy`P;POajocafS~mcS2_&q
gBdtwP zop)k%RiX+7OSnQefbHA6kFC-M`&MT#-}!k?ojuLD!4VQGF;S~PTAI%pX#(%6c9Tyg zFl5q%#jo_`X7WZ3nn0&#>C{D*-X0-c6p1C5XH+rFz66#|>2hNc z%B9#ZWRskH=L`k`os#$piK%zgRm;Y>ePsjPTH+u%;ok;Ai0{17w9^r2|cgIqQYZ zh{RzmDgaY)D#S`MVk0rh;+d&M>1vnd6Ox_L1iKC$DFN$M7+Y(I4t5>nFQ57jGuOQ0 zKPmR@+s}gZQnL#_EOrZ#Whp;$z}1Umtd4r=F4nM|ijrQwu< zX({eW*;!#ND04wr8pT*Jh}vLb@b!M8Qd^Y=Pz%UFK|bYB)3I|;30R+2y2f6qOWzgW_hv%VbNcw*P&La>FnCZ;Kdod$v7*8^x9pddB)!}hFv6e z2uF$!76e>Ic3f2;EWncS0#oxVT%Nr~t6#$vwLJV?w__9euSs0*z2h)-VnK?G%79$5 zix-qHzyCWA$xx9%V>R;n@i(}3Wt1;}?g+a)4XC6$)o8VB-n9d_r%FEvhWVjA2CD(8)%YR7xnd)nBx*arUbOgjF>smb=sA=MxU;CpHTaTCQ zLRrtqKGwZ+x83ZN5^?3U7-x>JZ|xu>zGaudESLDn%hQF$fYVZdvr;^j!6PdNo1|+^ zi_w~;E$UZ?nN?@0mB!m385$LkS^1pRV!|EC)98(o_-rTjm&BCsI6yHLN`n6T4JsA)fs7N zuE&xJt)R>c{}=UHA`&wqyojn2{tB{-+}YWV$)BX{zRwdf6|hJH;L?a4?7EGn&aM($ zFO&w78_qAkctWv`YIil?`PN@cGq2~|)d^_^GvYPNSfw)!h%*P0F-$qhBDZ!;wy@Mw zg%u^96xNg?s$PparR=K&mKbG0X3boliq00k``mN<;@{ptCt=Zl@e*65Vbn{Tv>sbe z-0b`}uX|+=Km2DYlhWQ)SecJV8Oj$iD^4%Hd&Vr!Byzf>1_o7GmNi-F9&&4O zr;%1knFkcGNnvsSfnB_PW{5L$GaUDOSq}QS=S%lb-(!4~F$LTU%J?tq zhYx@4Aq)~HluE`soYKf6Xn~9(Vl&7+if?s@0itk|B3Pi(BfUiVG7y2Cw+A88qlL8d{rbu;^6iB?i^b7QX!t z|436)Q%SyKAAL3OiNMyudAL5ED_2H`26^v$FJgYa2enA*+Aq`iVUJixhNY9?*x#^Y4|hNK2phL|mu{`p=X-zEYp7d&ai@%T50(JNy*}o8-y?E< zgs>`tt)+~y(Q|99wN7SHoAhKwOC`2i4||W^i&0vi^`)@%^v&7#|6U4v%Im4(um7s^ zvC@=%E9;gR`xubQEUJushq%t7vTuGltZYTDUgatb_3 0 + each avatar, index in food.avatarImageList + img( + src=avatar.avatarUrl, + alt="Avatar user rate", + class="avatar-" + index + ) .star-container img(src=offer_img_path + "star.png", alt="Star image") span.rate-point= "(" + food.ratePoint + ")" p.food-name= food.foodName p.food-description= food.foodDescription - a.order-btn.btn.no-underline(href="javascript:void(0)") Order now + a.order-btn.btn(href="javascript:void(0)") Order now diff --git a/practice/practice-02/src/layouts/offer.pug b/practice/practice-02/src/layouts/offer.pug index c108d0a..e4cc937 100644 --- a/practice/practice-02/src/layouts/offer.pug +++ b/practice/practice-02/src/layouts/offer.pug @@ -1,5 +1,11 @@ - var offer_img_path = "./assets/images/offer/"; -- var food_1 = []; +- var avatar_img_path = "./assets/images/avatar/"; + +- var food_1 = { imageUrl: offer_img_path + "food-1.png", price: "10", ratePoint: "4.5", foodName: "Kebab", foodDescription: "Lorem Ipsum is simply dummy text of the printing and typesetting industry", avatarImageList: [{ avatarUrl: avatar_img_path + "avatar-1.png" }, { avatarUrl: avatar_img_path + "avatar-2.png" }, { avatarUrl: avatar_img_path + "avatar-3.png" }] }; +- var food_2 = { imageUrl: offer_img_path + "food-2.png", price: "15", ratePoint: "4.8", foodName: "Chicken Tikka", foodDescription: "Lorem Ipsum is simply dummy text of the printing and typesetting industry", avatarImageList: [{ avatarUrl: avatar_img_path + "avatar-4.png" }, { avatarUrl: avatar_img_path + "avatar-5.png" }, { avatarUrl: avatar_img_path + "avatar-6.png" }] }; +- var food_3 = { imageUrl: offer_img_path + "food-3.png", price: "8", ratePoint: "4.2", foodName: "Desi Chowmein", foodDescription: "Lorem Ipsum is simply dummy text of the printing and typesetting industry", avatarImageList: [{ avatarUrl: avatar_img_path + "avatar-7.png" }, { avatarUrl: avatar_img_path + "avatar-8.png" }, { avatarUrl: avatar_img_path + "avatar-9.png" }] }; +- var food_4 = { imageUrl: offer_img_path + "food-4.png", price: "28", ratePoint: "5.0", foodName: "Chicken Chargha", foodDescription: "Lorem Ipsum is simply dummy text of the printing and typesetting industry", avatarImageList: [{ avatarUrl: avatar_img_path + "avatar-1.png" }, { avatarUrl: avatar_img_path + "avatar-2.png" }, { avatarUrl: avatar_img_path + "avatar-3.png" }] }; +- var list_food = [food_1, food_2, food_3, food_4]; section.offer .offer__container @@ -14,10 +20,8 @@ section.offer = " Offers" p.offer__description Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s .offer__card-list - +cardFoodItem({ no: "1", price: "10" , ratePoint: "4.5", foodName: "Kebab", foodDescription: "Lorem Ipsum is simply dummy text of the printing and typesetting industry", imageUrl: offer_img_path + "food-1.png"}) - +cardFoodItem({ no: "2", price: "15", ratePoint: "4.8", foodName: "Chicken Tikka", foodDescription: "Lorem Ipsum is simply dummy text of the printing and typesetting industry", imageUrl: offer_img_path + "food-2.png"}) - +cardFoodItem({ no: "3", price: "8", ratePoint: "4.2", foodName: "Desi Chowmein", foodDescription: "Lorem Ipsum is simply dummy text of the printing and typesetting industry", imageUrl: offer_img_path + "food-3.png"}) - +cardFoodItem({ no: "4", price: "28", ratePoint: "5.0", foodName: "Chicken Chargha", foodDescription: "Lorem Ipsum is simply dummy text of the printing and typesetting industry", imageUrl: offer_img_path + "food-4.png"}) + each val in list_food + +foodItemCard(val) .offer__rosemary-container picture source(