From d4f3c119b28403ce70b28e5045cec2a231fb798e Mon Sep 17 00:00:00 2001 From: Tykayn Date: Tue, 2 Sep 2025 14:16:41 +0200 Subject: [PATCH] navbar fixe csc, bot message style --- .../sae-lib/chatbot/bot-talks/bot-talks.css | 0 .../sae-lib/chatbot/bot-talks/bot-talks.html | 35 ++--- .../sae-lib/chatbot/bot-talks/bot-talks.scss | 37 +++++ .../sae-lib/chatbot/bot-talks/bot-talks.ts | 9 +- .../projects/sae-lib/public/chatbot.png | Bin 0 -> 3481 bytes .../sae-lib/public/safran_logo_large.svg | 134 ++++++++++++++++++ .../sae-lib/public/safran_logo_small.svg | 60 ++++++++ my-workspace/projects/sae-lib/public/user.png | Bin 0 -> 2796 bytes sae-csc/src/app/app.scss | 4 + sae-csc/src/app/pages/main/main.html | 1 + sae-csc/src/app/pages/main/main.ts | 4 +- 11 files changed, 263 insertions(+), 21 deletions(-) delete mode 100644 my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.css create mode 100644 my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss create mode 100644 my-workspace/projects/sae-lib/public/chatbot.png create mode 100644 my-workspace/projects/sae-lib/public/safran_logo_large.svg create mode 100644 my-workspace/projects/sae-lib/public/safran_logo_small.svg create mode 100644 my-workspace/projects/sae-lib/public/user.png diff --git a/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.css b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.css deleted file mode 100644 index e69de29..0000000 diff --git a/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.html b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.html index 143c933..29f3f82 100644 --- a/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.html +++ b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.html @@ -1,20 +1,23 @@
- -
- {{message}} -
- @for (link of links; track link.title) { - + + +
+ {{ message }} +
+ + - {{link.title}} - - - + + + + - {{link.label}} - - - - } -
+ + + + + +
+ +
diff --git a/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss new file mode 100644 index 0000000..a9bcdbf --- /dev/null +++ b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss @@ -0,0 +1,37 @@ +:host { + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + + align-content: space-between; + + .bot-talks-container { + display: flex; + flex-direction: row; + align-items: center; + } + + .bubble { + padding: 16px; + border-radius: 8px; + display: block; + background: #E5DCFE; + + color: #1B1D27; + font-family: Barlow; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16px; /* 114.286% */ + margin-right: 10px; + } + + .avatar { + background: white url('../../public/chatbot.png') center center no-repeat; + background-size: contain; + width: 32px; + height: 32px; + border-radius: 8px; + } +} diff --git a/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.ts b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.ts index 2a1df0e..b9cb7f7 100644 --- a/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.ts +++ b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.ts @@ -1,14 +1,15 @@ -import {Component} from '@angular/core'; +import {Component, Input} from '@angular/core'; @Component({ selector: 'sae-bot-talks', imports: [], templateUrl: './bot-talks.html', - styleUrl: './bot-talks.css' + styleUrl: './bot-talks.scss' }) export class BotTalks { - public message = 'I found useful document(s) which can help to answer to this question ! Check if these documents are applied to similar cases'; - public links: any = [ + + @Input() public message = 'Hello!'; + @Input() public links: any = [ { title: 'Refusal notice :', label: 'DMP-00051341: Avis de refus', diff --git a/my-workspace/projects/sae-lib/public/chatbot.png b/my-workspace/projects/sae-lib/public/chatbot.png new file mode 100644 index 0000000000000000000000000000000000000000..22cf4088fb6c204b7a74292bbcd22c2a5d356c34 GIT binary patch literal 3481 zcmV;K4QBF*P)eAy6ty-5JTZ(N(>jv1xRumU1o+4JO zwrZ_X7p$!XQBg#|1Q$e>BqU+7ZzP%Z-WlKbn6|Y~(&c`?pMQ$+{X#jdt(^X@uvjdIBHxfg|FpHWrI}2o<@E1Tj0`;HcDq-m zr>D2`3qb^vpsMN?S(c|^WTBkMIG4$g`4wBj2qb|~8r%ht$Qp|2MI}ZsNH-S9X0v%Y zMmTg`|A9=Np%fz=Bnyiqhr{8=C?I1L0;5C(F-k-bqeKL8LWuDDV_iRSx~(9=(0zUw zpoOfcVf@Cov1jZp`}fN+bs!V%w|8vWB?ONR1_B)G4l^7+&z0h|nZ9N~0%X^|>k-)P69fAQg9rG~UmN#H%pVzz5{ zC&tgHqd`<;XC;mV25ZUKY=y>_kvpvhJIlN2norCn8hG(c!m^czu(PZg9@U7QhZrvSXo1tFnsLpo9a#Tj3(X}k zr@mkdDEp!rFTdu;ZFjq2R1H!4i+Q_ksS=E4?y3Lcm}P@O#zSlDc;qP;N{WpbMh?PY z>nJ97yK1cytJXA#Mf;+N5*Y*(lZ4ci*!$-g+-LvBZjTS|ZtlcW&yz>UQ^JDC+poRD zhqiVN?DqYMaQ(FS)HDSdX$G+^`E_oNf~WrGMp0oi7GIhHImTTd2yw>|E^?3i54Pjx z+q*Gka*riQv~oMSxrdhx^Twn zM&#!t2@e(z;v#|r9#-fdUhkyHuSXL&>T7A&abSB99S3NzSP~bo^0u5eD;*Wv$Kdn@ zwMb8w;UoR?lVzMrbGqp2c2w+04Qkl2XAlE^k~{a)M)U@i*6Y#m;G@+@NtGi=0KPfk z#+O?P(ADKiCNyhB6GGI2vw2@=9N8O^PT^y0~9YH{8i3Df7a;@$^q zQ1*TStjV!OG-_no)#ahPYoz$#AolJziTz(wHV!i`tc8`VAtaE84tw$Da~4dQltE`B z2~T9B!tJ5C)pp~&D_SwGAP{b|_v&^~Q21T}3QMbynWt!csF#_7_;U#~ZI^cM{* zc6u-fbVc;hw`O5fWlT6J1-WC@u%qXX)HUd6pv?E|GZomZGOb0%#{bsGOy{FVmJ~7G zzM`Arc@-|&hqGtuDEr!t%#0q>a(n%_^n7o>#qnfWyk2>|0jJHc!Q@$oaq^sMJie|@ zM4~QN^bj`^PRd(Y@t;^n?PphG67_NFyc%qL?}!jfP60yT*SzqB7kDXr?wLzgrU4&q zYs1``KFWps$fvd3|F9O*a{Cd%j8|5*qoF|)cebTY-Xm( zus5iPv??cE&&%oWB@WfJ|Ra%+7=e1pd`PWvQR&nrG{eiGWJHDNTBe$S*E+2 zjH6+Eu?=ZSE^6z?tQk7;iGZqF4O@vwZ?{Tmep0W`^UdRmmp>ve;<bZVAALz+lG@tcy_U#xwIxvk*yg6-D)0`AY0lW_ z@lI5+Jmd6q9O(>9)r&~V3O<&ZVKvp+HwkzmqV5EcJ>s3>%69tB2)A^Me8&-$0~Annf~WEqWmj2 zW|SI4g*k)_sz-kKsV9&M#|ggc%YI&r%Ps>hSlEG?vl_8zv5Y&H6h|$t9JN21!~eE8 z#GFE4ah-RL1>1JGXbqAm@uiViPNHgfG(@GJ>y-B_p;COS2D4Gd*3T5m_|io2Gz68* zZQ~|2obbd0zUv%stXffmrb83ZY@dif-d7}!00v_b93;KH$w0>kJ#%TMxlTXLj8AsS z!Xg@*H9WA)O8H3~r8@5Tnk({9Qs9Tf?Zc;KUaAvX$x_r_`_N9Y#(|0sk#NNel_J8( z7=#H`)%e479=mLJBNcS@o&piADu<%pg8USG_PGX^(~puu9g7!cigBYM>Q$Z;3)se& ziZJ~Y7mm<^-+cEluD=?Bm=H=R&{=X%=Lt!;7_4VJ_I(d|#9Tt?riEX36+~p&T<^uq z=^Ea7sYH0JxT@F;KBVD<=IPZFu>JjXY~D&P@P<6p)M#O=V0qYkP{-D7O;nJH-ztt5 zZrWZSZ*Rt)eR{7PsHVn?B{${cUvG8ez~{MG^I#Ee32neLkYhUF;eBN^8pQd)BWvw= z^=(Ob4F-$Q-u)ifzZge(ga=lu3Bv&{%y3O2`;!d4G{u+N)HHs*S(Sn0B8EurRf3c-doEsPiQ9O+YoQ;|(lAOk+x->cL)>&r{ zQ)yuTj&ULx?3)J-gt(9VxF%U^@51a$TB&+vi71~-l=^zGZj}{hmf8Z7NI>zHJ=%vK zH{(|;eI(w7aH*UH^4o9R*t8)T6UV2Kr-)Ct;wFLxip_1qJ1w~T_f8b#stCy^TSg0I zr5#7~KzfX!Mc~xjPgX$X{M4QT5$j(qS;FcEQgG3EHj#J4i@00x0u|bGS1rn>OtTK_ zUi45>6d;2m=X9!b@=u}>NrIg`!!6etarq_bgFZqS^l5lVFV;TWgg-yy>Q%HEF0chw zRC#dkQY&uxah539D9Yd-0y?h80@zGB=D6}FwUjT&u@bw4fDe?u+T+5TFQikdo+2z^ zup}^!tKu38uPdwBonlzPqS!$7jhrkRcSo+Mn+zr_?~CK=flaZlu2U3p80;zR^%`Ag z(bO=Mk3F##w2~0p>ohu6RPezYg;0&M2>gZu$3=ur>bUl~W)$Ws!hgG*IzE1D47RFTXDhS z4lG(oXCRj=ROB5iLTwIq*n_Zze7nCDZ~UhVo3|$tp%Zlvn%g-Em3pDh@{uvjd` zvZ|^d&{^bT7@^R0{c)0qL*XyUn@pzn>E99cWmqzR-Bzo00TB`Sl01J~p1(Cek}QKQ zAw&Yd?ibHGoz7w+WI26+t>b%TA?zX9IS>hN*le~fk?(y64MEb + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/my-workspace/projects/sae-lib/public/safran_logo_small.svg b/my-workspace/projects/sae-lib/public/safran_logo_small.svg new file mode 100644 index 0000000..8802de6 --- /dev/null +++ b/my-workspace/projects/sae-lib/public/safran_logo_small.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/my-workspace/projects/sae-lib/public/user.png b/my-workspace/projects/sae-lib/public/user.png new file mode 100644 index 0000000000000000000000000000000000000000..4c3366262992ebaf3b888399fb62bf4991555f5a GIT binary patch literal 2796 zcmV@AyY(&pBrN!mu5hBoPx0;NDZRT-&ZnL)-M{Lnhe9~JZmGK@pQaB)T* z4dVzn>hMPal}oLcVQ@f@K?MvgRN6GRHuq$Av)TLYTt46P?b&pJo!Okrp1hamectDN z55p%u;?mcNb`OM2Hy!%Lsyn(*+W6FmG5Sq-=e+ub0>RX?9Q-U-^-1C!I=1mS@ncI+XXFY9R8yxMD>x&zgI51693qMFs&@y=F`u zj~5Zts(Zh3Pq}&)TAYri?fpOS5D*0HFsd1p1o7d%k9oUqL}S zulrJ9LMUg|eEO&xgc}yDkbi`8u}@|pp=DljylNQLAYxPR;y2IcFc-IwDww!wcOxz? z%3`hFbP6TmeCZJ1ulqdDwHV}K)5aNtu^L;@O`nizic*aV>EWI{~Ttbf8Tos+vS zaSCLpT4P*kp}Hn2)?hC)f8 zds_rg{`exepLvd}?OAp0Z2BRTdN`}Kl4QFVWet9+*QNKAV~pn~V#n#F5>_(<08O3t;sgj*b0A}(s#vl=>1ojQ;L z6g3!%`;-dRABFAEk6gn_0hn9QqtQ_CznKmAeHvw7LXHUd-nkXrd2AP+Iz5f_>PJ;R z)N0{&mhdpAq?L#6JvJ&Y9j7iv4+&!N+WC20iWgy51b*?{8HCMsY~R(5gV*#Szn(!W z!C!z6Z=YMhmWY9}Y2m~zT}URfc>fZ$>;)5_y|tS<$?XL0i4?D@rg!I4b>9q@BF~r0 z*vQ!!-qVTu@9M>iZzP~O8_2|0aPZJBEGCLDG=ayzbqGWKQFOQY@%*3XkuNH^=e9n4 z{^spipZrkT74;lA z0Lo<(4Iv$ShIV_%6_AcEpv7_3)M7aP=*l| ztzjP~CQ|sxw|ikX?W7np5R`pecQ4HtlITjF$Xbx*nWCUlD&U2e=20paQK8wP8udQt z8R7O;`aD5tLotGIv?v)0OKQl`&TIt9anR5ZTg{<4+JLs6?QqI5ocq@lmNFLRR!ZpH z%CM~yxaQCSi5_PfHIkNz=+2fo~ip56xZ z4@MAe@PSbRT4;+@JF}8RiPX?BO`IXfzi@pArsgt4Pz5xxDQOx|EV#)pTKS-Is)ef9 zRY`Dfl46xe&5E&Q_&Or=kVeiGYBdD`l4OPU16AQPd@2xH3zk>oh%}Oe=9u7rzgQ;22C#AX`{D|vjTH;jXWO=xWN<99Djz;aw6W0+q_ zQ`?eE69;{cs8YZaKXS#ZZBJ(^kw>GsZm5(s4IDF>q~0zPgbe-dAvA_m(t8!d_r8g> zSOF6=aZF6dupG}nv6w+DnIl0mkD*TY*f&^-OJwFl2muoG0V-=7AR7b3Xynr&O$*XF}S~h%3qrW zj9+GyIU_Q<4it*i3^!vnYvKGX@WE^asz#mA;77-n5OO4|J6imhO_VYA!X$}P5Pdyi zM5Bf*Bd5S8W;5{Vu08h}s1QmOlN7Tnif=yhIx^XvQU$rN&vJ!3r#RKjm41a}HP0QN?e_k=4GGi7xWua z4P8Wa;?UZ94wI8feCN&~EUuNXu-rr&mhHYV>8FUQ)Byt7&}WcJlX{hC*=*^Mdw@>$ zcbmf`xz18uZ$C1C8-{!E%wNV`1;@459YoRBjiSI zeyk)+Ts3?cxl|Uhbq5!wdq+9D_2oCI=3}Otd0HVA(R9t-PuYrpaK6FpTy$QDrV-FX*#YEH#Vq)$T7*cMlGmuw-p6)B&<8H8lXT`kwp(i|p4a!^c1z6qJMmL-XNNovoA zNC=0o+e=zsl%>gJ^X`0uL4(Vk1?zc+!Je)7?{oskZyH4Zt{w_Rquo&_9u+^ZY%%Kk zmI1i$XlGs?JxYxcM_ePXouvj=KRQ*5cUO+KNoE@B{%fdh}~`FQ@gNGtb=D zV>E9WDV8fk`RvBf=~v%DS5!eVQ^Dk1oR|#^>}sd=YZ$3a7LzkeICgk1vEK0ZSSD4( yq`~Eu&0R2U$G&W+zEiZY{^@hy7<;4M-~R#DDf2()y-{TV0000 Question analysis +
diff --git a/sae-csc/src/app/pages/main/main.ts b/sae-csc/src/app/pages/main/main.ts index f04b961..6d04940 100644 --- a/sae-csc/src/app/pages/main/main.ts +++ b/sae-csc/src/app/pages/main/main.ts @@ -3,6 +3,7 @@ import {TranslateTexts} from 'sae-lib/inbox/translate-texts/translate-texts'; import {FiltersGroup} from 'sae-lib/filters/filters-group/filters-group'; import {BottomNavigation} from '../../shared/navigation/bottom-navigation/bottom-navigation'; import {FeedbackButton} from 'sae-lib/buttons/feedback-button/feedback-button'; +import {BotTalks} from 'sae-lib/chatbot/bot-talks/bot-talks'; @Component({ @@ -11,7 +12,8 @@ import {FeedbackButton} from 'sae-lib/buttons/feedback-button/feedback-button'; TranslateTexts, FiltersGroup, BottomNavigation, - FeedbackButton + FeedbackButton, + BotTalks ], templateUrl: './main.html', styleUrl: './main.scss'