From 0ff090e689902553cf02440c1813a11256f2b78c Mon Sep 17 00:00:00 2001 From: fet1sov Date: Tue, 9 Apr 2024 01:54:05 +0500 Subject: [PATCH] UserMenu: Added profile menu Added profile menu Added avatars for profiles --- .gitignore | 3 +- _styles/_css/index.css | 1 - _styles/_css/styles.css | 54 +++++++++++++++++++++++++++ _styles/_icons/door.svg | 1 + data/locales/en-US.json | 5 ++- data/locales/ru-RU.json | 5 ++- frontend/components/elems/header.php | 9 +++++ index.php | 7 +++- routes/api/api.ctrl.php | 8 ++++ uploads/avatars/no_avatar.png | Bin 0 -> 7352 bytes 10 files changed, 88 insertions(+), 5 deletions(-) create mode 100644 _styles/_icons/door.svg create mode 100644 uploads/avatars/no_avatar.png diff --git a/.gitignore b/.gitignore index 532e0d7..8653ece 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ # Ignoring all uploads on the website -uploads/* \ No newline at end of file +uploads/avatars/*.png +!uploads/avatars/no_avatar.png \ No newline at end of file diff --git a/_styles/_css/index.css b/_styles/_css/index.css index ba80f89..0963db9 100644 --- a/_styles/_css/index.css +++ b/_styles/_css/index.css @@ -30,7 +30,6 @@ div.description-block h2 { .offer-block div h2{ margin-right: 50px; - } @media (max-width: 600px) { diff --git a/_styles/_css/styles.css b/_styles/_css/styles.css index 359d271..7488cfc 100644 --- a/_styles/_css/styles.css +++ b/_styles/_css/styles.css @@ -43,6 +43,7 @@ section { display: flex; + justify-content: center; align-items: center; height: 100vh; @@ -221,6 +222,59 @@ div.profile-block { display: flex; flex-direction: row; align-items: center; + + position: relative; +} + +div.user-menu { + display: none; + top: 40px; + + border-radius: 0px 0px 10px 10px; + padding: 10px; + -webkit-box-shadow: 0px 11px 26px 0px rgba(0,0,0,0.28); + -moz-box-shadow: 0px 11px 26px 0px rgba(0,0,0,0.28); + box-shadow: 0px 11px 26px 0px rgba(0,0,0,0.28); +} + +div.profile-block:hover div.user-menu { + display: flex; + + position: absolute; +} + +div.user-menu ul { + padding: 0; +} + +div.user-menu ul li { + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + +div.user-menu svg { + width: 24px; + height: 24px; + + margin-right: 5px; +} + +div.user-menu a { + text-align: center; +} + +div.user-menu .logout:hover svg path, +div.user-menu .logout:hover a { + fill: var(--primary-color-02); + color: var(--primary-color-02); +} + +div.user-menu .logout svg path, +div.user-menu .logout a { + fill: var(--primary-color-01); + color: var(--primary-color-01); } @media (width <= 1024px) { diff --git a/_styles/_icons/door.svg b/_styles/_icons/door.svg new file mode 100644 index 0000000..8aca737 --- /dev/null +++ b/_styles/_icons/door.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/data/locales/en-US.json b/data/locales/en-US.json index 3a1a194..0f72e12 100644 --- a/data/locales/en-US.json +++ b/data/locales/en-US.json @@ -29,6 +29,9 @@ "secondaryDescription": "Let's create your success together and take your business to new heights. Trust us your advertising.", "aboutusBlockName": "What we offer", - "formBlockName": "Still not sure? Contact us" + "formBlockName": "Still not sure?
Contact us" + }, + "userMenu": { + "logout": "Log out" } } \ No newline at end of file diff --git a/data/locales/ru-RU.json b/data/locales/ru-RU.json index e21c750..06e1e75 100644 --- a/data/locales/ru-RU.json +++ b/data/locales/ru-RU.json @@ -29,6 +29,9 @@ "secondaryDescription": "Давайте вместе создадим катализатор для вашего успеха и приведем ваш бизнес к новым высотам. Доверьте нам свою рекламу.", "aboutusBlockName": "Что мы предлагаем", - "formBlockName": "Всё ещё не уверены? Свяжитесь с нами" + "formBlockName": "Всё ещё не уверены?
Свяжитесь с нами" + }, + "userMenu": { + "logout": "Выйти" } } \ No newline at end of file diff --git a/frontend/components/elems/header.php b/frontend/components/elems/header.php index 85715bd..a437ec8 100644 --- a/frontend/components/elems/header.php +++ b/frontend/components/elems/header.php @@ -18,6 +18,15 @@
getId(); ?>"> getUsername(); ?> + +
+
    +
  • + + +
    • +
+
diff --git a/index.php b/index.php index 981adf6..78e11fa 100644 --- a/index.php +++ b/index.php @@ -20,4 +20,9 @@ /* * User routes */ -$router->add("/user", "routes/user/user.ctrl.php"); \ No newline at end of file +$router->add("/user", "routes/user/user.ctrl.php"); + +/* +* API routes +*/ +$router->add("/api/{category}", "routes/api/api.ctrl.php"); \ No newline at end of file diff --git a/routes/api/api.ctrl.php b/routes/api/api.ctrl.php index a4abe2d..23169fb 100644 --- a/routes/api/api.ctrl.php +++ b/routes/api/api.ctrl.php @@ -1,2 +1,10 @@ =j`mb{|51Zccl{%5vQRp zT+KYlem~zea7u?!i@Foc%4jh6_wUM8`jrE^dwYYXei?7@(q(FSdb0cbR-z}mjK=t` z#qz5ITU*;JKPYsPIM7>J6Fymjiqnx3MnWg4K^YkTNVEWS`KxHrqi^FXf0f#MdX(Fr zogeJ{+Q__bbg#SQV)yV#}4G%_@C$PEa6 zk3Crr=>>>7ji}*s*bM9iPySq<|78~Li8*6>M8j*wxk~2iY^wt8ZxKbEXyAA9e2nD< z$#zap{Wr9rFLDy(siQrTgKdDb)6>({`ApbrQ>-GtAkWzLYHw^!LA2^na&1LgGY5rH zVyoG^3&H|KAAmlleC7r?0mVv3HJrl(;??(|zQXpQg(v|5cs$eLM2WW8gEd#sR5P3_ z@znHaI2oOeS%d;iOI{rd+y6GjGK34K9Nc|+{B7lsxvI4`VfOoYfh8V(*I%uUL|f1;F_Lm<_k};nZyyduK%UPb_Y>EZZ0TwEZ z3+l;+o4v2$9Xcu3pDT>T=u@{%v4T!^l|J`MpEoHLkCpitCe!}NC5nm%ULJ3Zqz)wW zG?3RgwAca>!09)xfP zPocU79|$9FJiyY6kB^UAwty`EI0*w;(9t(s_qK5TB`9jLqT<3al;ie--S%T(qkH1b zu%oqTVsC!X3=yk2&|->@)9En`C*IF+o-9*uz!+PE+UK2A0qsyp*rgj7)(Wq+>M%OX zwSI!IDy3X+SC-yt#H_ooc`?=6MAbO_$hy|`bdXI^t@8Pkh;AXzRcYL$VoyOtEvn;c zJ^x_PXD@s#mP$XO=pPy`Eoc%6yc`aMNFqx^s6dBJnTfpCWM-BOZ{HyC#mesll@Ua2 zOf%K|H_6N)5gE!xEFwsFHO^4I=oL3AkHLu&t6$$JVT6SOrYv-mrCfArGjpI4dRUA> z3Q7Dal?XH<@SzP4gb&#W8Z4@LrSMK(@W=61jzArB%pQwTttT0_eQ-%ygVASOc>{qd zrUIS1^)_j|9j(>vJX+DwhMPt~-pGtHx_~-`gc%qhVNLP2m8F0_bjSM9e71-5^CxJ{ zG(39(Ed9)Ea49Ptbp$uL9T^Yff{T4gP!MwAL(bi|WkzqjD2A@6)y@UV3r+0UV}+$0 z!gK-5Vktb76FFczFvLMKBE={>_l!9kwAnvDKMx}bZbO$L;}Rp&Prhi@=;MoBG}$W& zaY^9Bju|$nf=20VYXz*}V2?S;{&0UcvHTZWl4_O{Pwec^w0Mz$iyjxG z4>q4ZdF#o7?(2?NdQp#zGXOv2E1n+djE3(XlOPDST!jq?-W2KPEC&<;fIZ?hnNxy!ky8mb-)h0iP-h+5@X|o!+_3FUBO&CY z`-8PVp!(rcQjT}U@=@)fYWx&zmNcJ%5ch-lLLF}5kq@DrRyur0$h_v`S9QPwbu6qY z;TwPa4=b+~-T&d<*Mn4NwdH8$0I`HU=PU%cXuuR`kI7qFjgcIQAdPDV)}YnHE`;uK`n{}uQ)EYc4r%E zdTI>=@DAY@AvH_zjwIE-h%74R@87lnbmD^)7w6#YpED7P$}pNK6Br2mmy~yi}PFORInVI_e~?+yj2r(YAjxT zs>JdkTH(`z1`jU@pSgg?y?gH!9@q2P+D5L6P{_)qA+~+xFq`31$4fg|Yn72`` zuCe1F^|}k{JX3np31EmUCb6pj)w_3f~Gxj0V>nrz+14vh@Jw=lV znl<8Jh3)p*fdmHZQ@H!=8g{x* z&1#2U@-zcHi~r>$H<|STwO zTsrY83L67GT&*tQvsti^kOr{#xvMm%oOK6(8WV80N(E&cRCC8q2Qk%kq*Xc_3L-md zI=aIC+BYf^EhM(49;f+OrBXr`Srcsoa9v&gvOj=scNR>BHEbMR${iT+?|-(NHY+Xd ze3LkMSV;X)zre{lqsnfE9~~X97&qJ-`dA>4UXprY@)_-j2D@_lNDdrZYd4L*T79j2 ztnRVqmZZgWnFm^A_*j}j><~}Ob->9CFeBAK3y8hL4kYH-p!-TfE6eOoi$?%j>&Q}n^E>?x02luHqe9gY~^@xC7+}z0Jbg=%G{{bPn zG}lUzg&O$5+v-R$)2F7`W2_~1DNF!b#%4Y6|C~mQu+&p2O^w8fFK>%FMQIt==4N?x z6}C7uYm_v0kawmr>e$PMVaGe)V|si|OO>?mz!Y_31)#F546IM8C-`XR80ZzqKBk}r z9`l#)oy}D!+yRXIu?#@TBtHERGqtg^Gd!syki-D1B287p4<{to)ek7AHd|n`R2RMm zZ@HW}tbBV=gK9j4bJ)@fY1;4Q2JeX_KeFIowy=A2*fl42_Ktslp|sNin&H7pX#rrvJhS*`C-T2@a?@g z_%GptkU63DIbq}h-aWESeWUlB?VCdh>S5%f>Pw%2XWX^-TOQ0R%~k5fTX47qT7pmB zT>|sLXGNoJ;;No|)Ix@LLXO?I_Y$5w0yA-h?QqvVF&U5%{}^#l&9!Loxu3hSWI=6_ zLu#QH!nkX>KX;qLA4w_A{BV4GyDFlSuf$B<1L?_!dL*W(_jGCI^J`NYeY`t(A{r>^ z`EFH_VnL=lMqt13*BA1IrRDv7HUXqo=Fd+Qv^>gPzm41@kP6o)#l3n|5+l}#yFQi@ zLEqk`VKugz-@JK~dsup_qvlE&IrN~#Y4(PrGdm&g|4kdOM??SjXnmkOCVFD%X9Rkh zat1LR5gD*z!6S^!f9IDS0^L4+30gzd*`58%8dM4yzsAXVI2Zsf)$u!t+R5C@Ap!&M zPwM{%s1VfM3V(u-A5^al0e(%M&LJfz`ltLt22zIscW5SePEJm85BYB_-qOMEFnKLD z7SNEoIxlXxERv+6r=<;)hzwB5ibdhS~Q2hb}`eh#MVv zQufFjkL~f#O|ULh#hSrx)o-%t#I{Lgx;!PB5m*qo(=dn*Pw^N=Mu4qw0 z!sZnb1yTwHDq%gpxQ=X9_QN}6sPkw!00~C7_0B1cz_C|reF=T!T>TQW#&>YM(vr79 z8K<;WTFTf)7PP=cSRV8yPl3pSauN( zpveiZJzLCTj$Z+E7&AS|xxv}q)z$TT$F=q60in(qwVY&>U!UWRQ~mGCovyJIBD~Y< zvsQ}!UBdlte0~1*Z(V)vZrj%{Jh*i`weMqneSKPgH9>d@_Zx`k>ZQNnS^p{}zlTAT zQqLbUw#xdf2rv@!y#W^F5(Gs4MnWALKoxY3{YK^sQhTo+_WRgbmMs%zwumD6Dxv#= zxnW5dd6RTDd{?v7=iX|)6DyxRkmUfp+N4tuTS6uVYMq1#vWBWv$LdJqnX1+wIGEIa z=av6l-%;PX$5@*W5S2@A1*AAItd(Y`1cDIoAQ4*6QGTm}TUQ1<>O3#4 zzPhPAzpC`HaJi3Y^V5QV*Huuj^f5DFuoYj?x7i{s?tX8P8ETc!*G11~&NPwDq`xAU zo^JTQ>_oix5CY$JnFNW9==IjR+P)4 z;FBvE+r`VCTZVZ_e8i{*)KlZtqfhiy$8Fv#_2lj9(<-NYp}GZ=ZI6{So(SwQ!`g0h z(zMW+QMmKeUL3W21Yg{`eVQZ4JwWHzY>CCm4%AVv^H~%cY3_XGeXTOp1~qIJ4r5J~ zhZVWaSrSnDGBf4rIoA? zj~)&)q7NX;G8{N+vH1DWoC)rU2DJ|`k_(by_&g>8Q+NZ>A=*y8zCM~O=S91KXANcJ zN79Rb)5he%O%}8oUwKM}2{W2VV0r)EoC=AZ38rY{eo;4aLCc;!ST&tl^p!s-@rB4* za-y_GBmfNXH=YU9A&$$^C_(FlGsl2SF^d);7zdr@Ph%`*%GlM6U-KlG| z3DcsSd9{n23)<@%G&eyMl6QRTm_ah$sxHI6(YI+8B9SS?9zkZD-C6IO&RVm(4b2&D zmjFEWB)7O=Vm6RkOI?xT`j%#gtE_1}s+q;k%-YS@&K=L1;Lufbw8$ooG(XLJ34xkJ zX3GRIkaaJS@^BBX5jT9X>G#)=$(Q>2p#rpI!|e@&JZ5jv6KH^+m%+h9v)WQw%nTn* zDGN>2eY_f4c9!x5(n{qeOlln0>y*S<%|}5ANe%X5v}t^m_)?KN^p%=1XHFRxKN8ul zz+BpGY$nq?mzVlk(WRciq*$gajIhn4*h!wmiFOR+4mHhkR45juHeMg)H;`eC%CuK) z4wn4DBi2O$hJfaGpVL2KykUOu=G7O}5`)__S#aK8={6kK1~%BJB4`J#lT7EPTNBJw z=V6bsTlzJK= zq+z{PU8u8o>8y_v%d*A#+^+M`uBfPxyB`P3%s45G>O>C#z}70)YXl=@bRVmupA~j~ zxbpUQy+qj(GZQ^5ttCJlJi%ZECG+SHt9eEx4HNi}yV;F6lzq61Y=T=;?7ng-n@cRu z&^+q2aM$tYi#siLLO_nkMLD<&I8+LI>k}(+&nBIRgS=zo^BA`dKp(O&TLnd` zk_}=VVgp)%l78V#iK9hz@q2i4V@57@Sv-j?!ee*%Fzn}EcCoCjF0qscGuOCIl0^6#!J_xH1)n^_j zIh*QCJx@PblIMcsGn}BQNNMftnz|7o&#+6mtwe*vo94~@r1N>qez$ttZ?V7ze@+77 zBe`W|%s>snMl{UtRx~Pw(Uno$E8|H)#uRzrxN^-Shv_D-79$XzL@_>B_|4Rt@K9@D zX4{btbtUcU!JCf}l{U_zDW&uvOhUK~~!- zc3A%i-`DDc<<2(Ide<6S;)f_LSLV`I5WHZfp?ifqKR(};D4r^UXn=$Uot{FK{Cq+C zVu@T$6(_^IMohoag*_|B$dHlP_A}8nd5SD(vD_3V_!sYHa-qYw9hhGVML`kss-=St zGOrf}JLq7b@LFppKdW6IF_o{;QT!4DzomBFGO{;4CUyw?880IUV(a!bcK#M2ad)k=H52f)HNFK5WbJLb0>P;R`Rqd!@&)bJm?@nG!-+`(0sKE3^Lm?Ch*u7}PJ~G&#Hx`Znm`C9YqYv;p}b_}yW;eSSb*!K`HMHi&Q@jm^o%t%<2$&uH)z3uyS1fQxq zun~O#07LKYJsePo%s+AdasJW_mMvWAXGy9)oqA_;>6tC{Qa_9gyhR7|HZBHGJr^WS zRa+g_lotidVG_m5j_utpq^?p2kX&C42Aow;&hmOQC`Y*##5zRq-Y(W z1?~2VB9M7jM(&@1emc!aiYmTGr%4nX9f#gJZnA=IaPH7%Klu1#%Gf=jQFZc0BHNRO zb3v>|b{Ps_aFLk&nv2wne$|pkDc>LQMON0!V~ zY6H!POARi(S=bnfF#;v z;@nRZzFxa&ZM)L%Kn7-g*UhpXh!0rp(P3%#PQg>@(@R~j&_8`vOTdSOZ0f}3>OEn0OXU}OP{q_nRUA}CNRM;9WzU2 zA3UW7eNib|QuDqKLXKVMH4{%t8|00b7z^Y@F1(D+Dnnsa_APOJAcz#@W*+o_WOc1W zA?p+;DR|ctt+ARqq{h@BtFRX6XLL38YZ)ji5%0H|C!ay*G*e_4)P^^UddiUisSS?{ z_mQU0pjo4H=$|#9`#|+8_z$LlkGqZb>)-ZJqQ8gxq;vv3n}4ZH<5%98yU{LqR*8J| zWUA%J*lX>lD}E!Px~QyyyB+%FI{S*sf!W5Aspe1^*`|tZ>PffEAVw!6kJ137Tge}H zHouGTGOwD-!kcw0;O_V=N9k__DHcCXo|nRbD(rgxC-`i~i{ix;Q4v&!0Y+b2R!?%E zfnOjYC2!L#UB9^_1HGqV!Y{v5{j&tMPrO?EW9SPDwD7&aJv`EyHXbr_PO!wI@R~Uo zJ2}v>H2gxFj-NH>npzvrPD~2MI~Y^ZPZW10Mij=HG#W;Ht+3%qzIi~z>JQhlm)`tI z!A4S_*ZmyG-1$4eg5Z>M5z{2N4SiN+3s;nAr*aF-Dls>&`}xtX&=RA_*#c%6Eml;bEh!kc%A-*J;0MO@1o}ase?|$`h)DMjj~$V&?4A!)=GBuIMkG}^vS$sK^oklxNnkokDNDguAAw7f7^bmo z3zhiosY<3A#Vss*`0jh((N()3eUhT$L*%|+UjsD=p@I2C75pK=_`^t=Gz*4_f~3y@ zbYK4tQ!PJT`%{|Pj$N~^1=SAj0};ff|2+j0?5l{~Vs7+qJOw4x#S8)$bx){0SSw$1 zeMJEflm1uOkd&X~WGq6XQ%N*MB|!)wUV8(6d(Y@_;xRCN>gop&Pw_Z{3?6^`*2XR= zphkmE5+lcXQgylTu_Hk}Z|-KF(3pkLG!JNo3Nw{5>l6(pC8OfAiO2Bi$yd%X_FW5; z#WO1}sIp9}5T;O4KpK2pN!CB`+9D63G4j4q@_YuRgCUQ95E?>PCRhjw6mrI4%gV?l z)IaX?AjM1_A`LcO<6Qr$