From 2021081587c86313cc19f9af91227d21be938310 Mon Sep 17 00:00:00 2001 From: HOANGLAOTA Date: Thu, 20 Mar 2025 08:06:55 +0700 Subject: [PATCH] add ui assign teacher --- public/assets/imgs/icon_assign_class.png | Bin 0 -> 2998 bytes public/assets/imgs/icon_group.png | Bin 0 -> 2959 bytes .../home/headmaster/headmaster.style.scss | 162 +++++++++++------- src/_screens/home/headmaster/index.js | 64 +++---- src/_screens/home/teacher/index.js | 15 ++ .../home/teacher/teacherHome.style.scss | 21 ++- 6 files changed, 164 insertions(+), 98 deletions(-) create mode 100644 public/assets/imgs/icon_assign_class.png create mode 100644 public/assets/imgs/icon_group.png diff --git a/public/assets/imgs/icon_assign_class.png b/public/assets/imgs/icon_assign_class.png new file mode 100644 index 0000000000000000000000000000000000000000..b78758c0ae2117f2836c66e11dbb02db556d10e0 GIT binary patch literal 2998 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 literal 0 HcmV?d00001 diff --git a/public/assets/imgs/icon_group.png b/public/assets/imgs/icon_group.png new file mode 100644 index 0000000000000000000000000000000000000000..0850e0979350b47cfb97ab7e6e8736cc2fac726b GIT binary patch literal 2959 zcmV;A3vl#_P)@~0drDELIAGL9O(c600d`2O+f$vv5yPIX@WSh~>HUQrE7chhyVgCZg*~{>T8(~KqGLNs?%;Rh`Oa@Mv z{RcwqE#1C;YX$}WzMj#%y#*WH&dUye;?^h{>lyLay?F2g{U>7`4T*2d%U z)O5gLFetu#`}PdNS`B0yqwLMDWp_bV0p7oV{|PieU`}gl_uV24Dh{#(B5Bc|y zEF!W`KYjXidor2KOa?5OOn~MMmGEXrZ$TTbzj*PYhwD{5dx+mu{@%y4XJuLTW6E}f zH-#2%uuLiYx|D4NR$RGq<(bKZEE)(6>7$cx%yB1YGDHs=@)bXR{CEc8R>Kg2*utDR z3YE5+1>hFD)&t+k15Kk!iSp*0{Jh166U%u>w^0K4IKatx$HOH5inr-C6aJ6k)95AGJ%+H}5 zT5RS<76IaGm%Or*k(2jZo50Fi1oHJ&9Z?Go+AwwBO^IxaNJnH@A=WoW)6r0yzD z?2zw@Tyx;ANWK8h_H z?>|KTJ-Hpw?u1Y$NVDu!*FQ#E9-2(ZCO{a_cZ_2?NXOX0Q~A;Ht7b8jQio}13+>V^ zlL1+Va0e3M1h_yfFE6kA3}i)%m8Ls(FpQIHVp0M6C?#XtIxM1ZdF+J>TwIfwiLYkq-kzn-1QT;CRJOe@+W`j< z?pCaDqXY;Id4$4ajNDFN7N!TaqO|ui-7F6&GYED2UPt@>X29Gxg_x{LoCsCOD!@1SG7dI1^uGKBg*-_H?qOY2Xbz~mwIB3J3NFvH1Qe9 z;;HCHZD18!!<_U1AL1>3vxc~r!lXm}QP5`2gH!QZR#A6f*qm!Be+d(911oXk;z;d7 zIdy+Rb9I{?$gl83J=%0D?cnAS)ReljAOo(Zpq9|iBVQdMG`VZipOG!2%}#Cgg|$5- zn97e0EzQZsMmJv2$pi7UuT=DY8|tC1o=uIvKdts+kkY5~jbY#}2!-(vKe||zH^4;& z!>1sVLNb(Qgb=N|fgC0~W-$z%d-9Ns*gD{1MmrJHk!6iIw?B5Mv%>iMbHJ$}WG#3# z&{gFw2r(HA+~NAXk)*D7L7&>^G34q`uc1*Pj*bh$fu+wy!#F|HI4+!`CYa;ao8~xY z*fIR=_8bwaC#Wgkhmd@n$A`|JDDXdYf6TFPIZ94(k7SOT7SWzlSySXESL3a==uu%| zhK|YOjSfZrZREA#Y@K*SnOgSj-ivRdck>aV2wQEjf-d(MB|voQjjC)WL!#60k^o3+ z{t#Yv##x}IGE{=xo@g&OgLErz;2T>6v)&6}@ZzZ$Jf zJ(cmXa`$LjxLeBA;Nw=zV>zWt7jyfT`ozU`Obbr=U9C^_EsFhLW%IN?f*<+ZP1;H{{mc4HZ1d`zq z<0dwO-cJ)_tosA(q&hF6*=ox{_FPjS<({dmfGoQjqSo^etvfXw7eGCKx^?eX^9jrE#L(^nmSpr%6!zpB$!@vgQ9Oa3j zo0y-G^`-MSYR)!`@~WwU$GmWPq*n4mQ(8ItgO9r-doV2j&a$?Va-5?; zg*=7iK8`Y3+8}e=xWTlkfM>s$#Nda-sGUk(t6W5^2{AQ^p}c?^Tv+INEGj$=et6n~ zjF)lh8nuN1&jTI#PXR7WC;1>NZz;E|hlcq^OxVXfK-nWs?B-{XJ9)jm*dt`~U`a8x zMcXEF7f3`y?FDdkUzECvf!%aBC(p`tiu?*ej@Ongn^&b$1(B&(1G z3wZ%uA*`|uF^-OP@svfMnrp>C`R~MLwfyQx0Sz0i#2=~o(55vjfY7hu9co=^|AzNA zyZWE0(BS2axiSk!SZOF+L{k2hkjXCbD$!tl*#>Abmy8_f9%^4$+iPB^6X7%&`X;=$ zktM9Q3mn!b1!m%{jd)Y<%JG3cYkTzb@ZTwj*)x!9Vf>(1GuMzw35Ls=Gz;a_o_V&y zBZ7M(mdY{5k@eT?rnnfZeG_1JdkY2)rGz`W?7}G{NcW@Oqz9@k0q!i~_lIviXx&t5 zgB(Ha%Vu@!LFn^<>%*D^n^_hMhj!4WYY^1rq6m**8#OZ&8v+u8WU(=NV?C2ky%6Zb z+H_By4qX(<1gN(Ha`@DXLQck8Tl8XSpakOB`Q=Ov=8mu-8vRs0auNYLky&re1%(cn ziiyyQL8>8K4~Y(87H1BLP^geR+ z?qBijpXQuE!J$25Vff!WezniZ67f)@NrZ*j7#G3<|0ZW{PkALAPB}J}9NN7pUU9DI ztTrSUU { return ( -
handleClickTeacherItem(item)}> -
- -
-
-
-

- {item?.teacher_name} -

-

- {item?.email} -

-

- {item?.phone} -

+
handleClickTeacherItem(item)}> +
+
+
-
-
-

- Mức độ CĐS Sunday English +

+
+

+ {item?.teacher_name}

- -
-
-

- Tiêu chí giao bài +

+ {item?.email}

- -
-
-

- Tiêu chí tỷ lệ học sinh làm bài +

+ {item?.phone}

- +

{'Số lần giao bài: ' + item?.total_assign}

+
+
+
+

+ Mức độ CĐS Sunday English +

+ +
+
+

+ Tiêu chí giao bài +

+ +
+
+

+ Tiêu chí tỷ lệ học sinh làm bài +

+ +
+

{'Số lớp đã giao: ' + item?.assign_class + '/' + item?.total_class}

diff --git a/src/_screens/home/teacher/index.js b/src/_screens/home/teacher/index.js index 4115ca0..41e5494 100644 --- a/src/_screens/home/teacher/index.js +++ b/src/_screens/home/teacher/index.js @@ -13,6 +13,7 @@ import { LIST_SCHOOL_YEAR, LIST_SEMESTER, listAlphabet, + PRIMARY_COLOR, } from "../../../_constants/common"; import { useEffect, useState } from "react"; import { apiCaller, history } from "../../../_helpers"; @@ -152,6 +153,20 @@ export default function TeacherHome() { Áp dụng
+
+
+ + {"Tổng số lớp: "} + 5 + +
+
+ + {"Tổng số lần giao: "} + 50 + +
+

Mức độ CĐS Sunday Englsih của Giáo viên diff --git a/src/_screens/home/teacher/teacherHome.style.scss b/src/_screens/home/teacher/teacherHome.style.scss index d27f687..c32d7b2 100644 --- a/src/_screens/home/teacher/teacherHome.style.scss +++ b/src/_screens/home/teacher/teacherHome.style.scss @@ -17,9 +17,26 @@ gap: 16px; } + .teacher-home-info-assign-box { + border-radius: 8px; + box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; + padding: 6px 24px 6px 8px; + background-color: #fff; + display: flex; + gap: 4px; + justify-content: center; + align-items: center; + + img { + width: 20px; + height: 20px; + object-fit: contain; + } + } + .teacher-home-overview { padding: 16px; - margin: 48px 16px 0; + margin: 24px 16px 0; box-shadow: 0px 0px 8px 0px #00000040; border-radius: 12px; background-color: #fff; @@ -192,4 +209,4 @@ } } } -} +} \ No newline at end of file