From b99de4ab24e45d516a8e5c0da5ddc526eaebd920 Mon Sep 17 00:00:00 2001 From: Sipke Schoorstra Date: Wed, 21 Dec 2022 21:52:11 +0100 Subject: [PATCH] Update dashboard home page and login theme --- .../elsa-workflows-designer/package.json | 2 +- .../toolbar/workflow-toolbar/assets/logo.png | Bin 0 -> 5249 bytes .../workflow-toolbar/workflow-toolbar.tsx | 68 +++++++++++------- .../assets/elsa-breaking-barriers-undraw.svg | 1 + .../src/modules/home/components/home-page.tsx | 38 ++++++---- .../modules/login/components/login-page.tsx | 2 +- 6 files changed, 68 insertions(+), 43 deletions(-) create mode 100644 src/designer/elsa-workflows-designer/src/components/toolbar/workflow-toolbar/assets/logo.png create mode 100644 src/designer/elsa-workflows-designer/src/modules/home/components/assets/elsa-breaking-barriers-undraw.svg diff --git a/src/designer/elsa-workflows-designer/package.json b/src/designer/elsa-workflows-designer/package.json index f86ae266c..661b26d9c 100644 --- a/src/designer/elsa-workflows-designer/package.json +++ b/src/designer/elsa-workflows-designer/package.json @@ -1,6 +1,6 @@ { "name": "@elsa-workflows/elsa-workflows-designer", - "version": "3.0.2-preview.9", + "version": "3.0.2-preview.10", "description": "A workflow designer for Elsa 3", "main": "./dist/index.cjs.js", "module": "./dist/index.js", diff --git a/src/designer/elsa-workflows-designer/src/components/toolbar/workflow-toolbar/assets/logo.png b/src/designer/elsa-workflows-designer/src/components/toolbar/workflow-toolbar/assets/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..47e1cadea43af0b7d1a5c489e0d46cf72ecf87eb GIT binary patch literal 5249 zcmV-{6n^W8P)Rog(6*o zr6?dKsY5C#3PD+|U_}LIM1?>=D+nQqcBVc8GrSxzfCE^B8F>U+z%_z_Xkvie5b`3q zXV!N)mnI?4d-gtOpL_qmwW14g?X%C$`JeBxzx^GDrfFmqiAl*RMAY;LfQ~rn{V6Lg zIce2unI@dXq~sVP8m9jYBBDD@xiIi|b`sG6BHF<}Wu+w*X56n-;pk!+tN+|D?Lq+j zoee~^o_}PDNQ!WD7i>Ner3)V%fX?C41vFoVOD9w~iAl-qg5|&s1B$`!+|07lk^`cq zB}6#7OO^u*0~9A;7m#5W&S`Xj#H8ezdX@vC0jk5#=t=#VHH6O=N4GL-5%dF_!byY- zU#*W%!qH_F^0^(j16K1_USr6O)p2 z+Pd{tT{Xlt09>Kfc&9Ck)27k@2rydJ!d1f23*g|Q0dSdtt)-}&xoUbs;3N_P05pTM zY$;6(LR(s#nGg*CSHYTSW_4N$r_04|00aol&hT6jj_${y;u(O}>6e(4Jl6X+!A<^` zu~sjbHv9pq|JfL->vf$c@VXQl?XY@IGKkMg6*uY|+uUbEdKo^+>p^O#Fs)0&JE=i) zx~s|AP_2c1d(auSXtu<;b(#$C#;7Mbpm(MD#)_HL&s{?oulWfzIzp|uyd@-L-6-s` zHE-|JF1n-q@&$7>ZVIjY-W|2&O=r;NkF1(REGG%PZ>nKtUfFSNDqYCkMdd4xQf0rN z1(axj5u8*Xmh3z~_9Z&I@(|TN^QslA>G8~*P5)p9ESMjj`7_mp#aVIFz)#R9n5wS5 zkIGjTQGMntGjFPyaHLxtZPF|{yYdJG0|euw%G;;X`8Ri&wXhzoIQ63gQul7E7k{dq z9X6FT3J_Num`-C*9F?y;LYGE8Ap6qMtQn_lYjggs1619uHxvU*z(KAD7Eo=5bl1%z z9BH4|sCerD0)JpSRcTYHHp6hw!S+aT>Yv;YPQ@P&Py<8*ETSqcOQv{+v2bEUk9r|@ zH#ImR8Z&?o+%_y8_YDK2jO`SCgrMPxMN}6SD{@ExeCFJ&f0wa%cZw<1&~f}Yl`3u? zBXURp4C17UrJo2dCK4)~%BS8EIUE2&Xo%?RXuMvm%O*}ZcmE158c>#s>~%t?CQLXL z6P^<_6zCF24|E2N!l-`aIAP-n5e~;T$f5z&sk%Q~*bIdT=i>Anw}^27kcm4uUfAeD zgj3T^&_OByBvX_Al#mM;e&8KHz6r&fz&6y}K3Pa=+OTlyCy4VK0g#Q`87br~Z&)~W zz4}W%sSbcx#6%UwEly|;_-Vja)Zc6Tz_VfDXb$8BfW5dh;5Nha#Zzy0;3!*yaf^eD z8VEpOaXfJ4O2BZLEh4?s8o z_<&*I1iS08?!Z=r9Qljk=^7SJYZNgQ z0Mdy3;yq#UxG+o6H)bJ80F)!B;hgX(34PGDuMbmr-FcBi0$`Y!rH=_;MBx^qyM##s z;48rm=g4uaNcj2*7YD^gE=CDj+{22;DH36`Q*pHu=dSR*Qe*6bhu4Kwif9z{haM%qrLzNV&EGjmk|k_A8%v3ph%{q>OP>uJd`fSAVyp^+glOzfVwDQN9tOBT|y z^D__+Fhbm()s~5dtnM8R@c>_l`(iaY*S>D)+F5>L6XF3~A^wXsn5c{Ln?k)iYp8f7Cl6v4b@OjfD?OS3q{Qsu4LyVB`3wTZ9S&n0@p1-38H#R z%$Y<%ug+F>0hI28=5gH?JqYU)K*XQ;gkrM>k^ATYrEgmK27+Ge!#xZT`}i+mjTIg% z<9KzJE$-1aoj19ML44K#>hZ&IsK<|Bx9lG_yg=Qjr73S^ni8zeR60lK+_8=XBC21w zUaRccA8n{?3Ja#^hJU4oP5(v>HoOJH7N>9DzG7z5MLYt^x)B!0W(2c^`Hz=8aSV&b z3ZkQX7{01u;q2bEvpzL-fMvfuuYfoP!pE)DCEV?zq@0H-h6S_nPnOMd&FWR>QU|0O z9>=h7!o$Nuw{G2BW2JaVkAdQTdlPXMjz2eoM1u7M(P_yJN7(# zh}^%w+#sV)(Rp&_YMH(h`hOM!k-=IapPhSZ6t>> zA+7a9X&0z>?jsbFHIQmHtW$oz4^N&{^U2oD)iE*A(K4?iz2s)VfEyE7{VK*itr4_* z4#j7s2E2e+Fnw|#p@`q!Ms;g>VVGwkVvgoH%OzMd(yYOH>ad!Cy&*JZ}_ zL=dO~iqfj6Pj0$LFts)i4C$`fjva;NGLisoVQP`*j2VwdfA!V=a=Ta`Y9gSRZ`C{- zBr3Na;%LwXb1T&z-X~~O`S8n_U&_6clM~FmuIbg$e1mqgK1}d}bSK9^kr&SRRT6=- zWc{|hLeW!iwv}M`<;yQ&ei>VFeans&c&*RSv^1-x;1iLv?{V~8G{G-gS|wK;b#s>N zVnMzFv*{ch%UES)nqujB9KP{_f)DAP{Jc`Ds;qrM`?|=}(u(6BI}%QHTHodAR6l3D zZO&tno-yM@lT}uxDM~Eds8J)6{_@4HYJQX0A$9GA;~#e4!s^beF`*7%x9lGe{+YUE z4R+KVvX5KFUdiV>3rjg;COggCS(JI>a0-#%Bu9=MuCbedy3ZI&@jF&2Fq5{4aMWq+ zmR(peU)3pIg;y}_m0W-Q^+_ttO*vD|B|CN$5ZA(~8vCT2-bGPU2ivB&Rb|0=QP#(8 zDj+W1u|o{xjeVlO{Zfh4b&$hN*R05(su!~qm`%rU48sW{l?CHP`QVTR#HBm`vwtsb z+5Dfyzxc%{1!mPgAqz5`?7CTbn65irq}ZvcRDJME%jVD-_=U)x#p%$S zY?W0RGGs{K{IzT7>l1%F&sIp~jZ}8s5*9sZ$?=7h)4M4w>!+q)x3jSO&DMoqg#1Ee z&w^i&%1*cyY}e(6>CvM{?Bq!kxrmg`l$4a`<*f}WDA*8NTwJWc?EVhBZhV~kLhf#= zGvVk02Qfc7{2^83n)9vyuEO5Jl!qr5|NPFMC+I@4&mKez96b|z8S*E}N=szS%O|`d z%Fll%*5#^HW?oF~%LQ6h!gZbiom1GNs9&{TtJESLJn%JdWYWb0do8}x=5V0@_~X-> zip6rqjT=w9_v|q=4O_Wt9l`$byt&WDo;dzDdjGw5i&d&h;A0C?k_H-4sH1`UDI^+p z#h!ffiSx&g{nf>R{)iF7``XPF>j+!AYMp_9StCXar-}-fYx#;5ZWXMMCuuNAY>U^V zqAiZ|%bueup`-eS*Shf9^T!4hn36R7%2jKR`b(E;KKS6ni;EZMB&Ze(*&U8ue*e2U zrK+cpy}(uL0!`D}cB_q370!&YJI0w#yNE^<0VABIaBUm}uiTo7_$g?;dluR4Gm}4 zgWsrjI@&Fp>C>mxvQ=j5?B93VH6WZ8@Eg^RN4rJSEA1YdpZ~$d`OiNWZbsJ_y8+>} zfgKx*h@$_r`3+NNX4CXhL!H4uv;$WnaC19$SCpNkKqC5GO9SV<(fIz1hk~ED zbD-bcmkc1B4q!Kh-IaoZ4{gzr)K?OJnbCM}_6zP$XN(QHCLS5aj(~7F$Rh?OeC+-O62aCc-uI0l%$|mJRRu5RtOq0BR4}-;N0cU~vq<;<20MfoQ}4 z;TXhD;(=(y0pSS14&s4m!~)?6LS^wlG~$791oFx&|Dvh5&$DFl>ky4#ARK{kmBH36 zn`%|6FyLZUGrv?8C_p%Z;o}MH7O5~7KB=j~Co%jH2uA|!7Fm5Pfvw&j-&}#;uOzUr zlDK8`*yuhZCs=m<^#vc7v-PuV0)7sJBZ=F8)SGU;XH0_@+1>PO^DzkiOup$C4j>>L ziM%-a*5K>XXE&I6O?J_qefD>L^?_d%fp8?k#gh-+bz5-!4TDX)X6~}3rT*4#Rz)Bj z$?!?aM<2~JB~ifLXwX!{93UJMczVkCXfqlgzLTF}Fp&^2 z4+zI3*oBg5bz}<@GzY>lk&N_5q{KR$NkeR7E)b51q^D1j@-^yTjv0g2y(R+!;45&jyt>i6w$7#0qH=`7F}u`7%iK3r%efxon>vKxkl zbLRA!vVdDP1N2MjC-iL0y(8~IHq8Rys+o-Fa+r|dkbvlGtr~`fbMD+(h!5BbSEcb? z0mBddS6>~Jl41ow7DYuz43BJBIRCwCS3imO2!K$&|Grd6OlVj*dklUr9so1>{PWL+ zWHk*7$K|S|GbJV1fCIK*)8;L`Ma)x3V4s(_Hb}%c0LX;*9Jg%QD&z`6gi}zkAy&jV z0LY~9v%*SI!wV5kad9zi-TDbO;(*f3o%aV}739M9U_?#|0MYP^onP>x5GEX09iTFz zU+hA6{bxM+R8oC?JxV};Qsm~YaEY`wBw9F}ntp8BJCaKgk05p`*;!NNHxW8k~) z9s%(H%gD}tx@Nb$at z;Ee9bQKKVei-tAB!Z|7Xo;c?D&7)JRk*Wr=*u7^@`GC}$!)3)ZE$|3uhZ$GmY#ZMg zHc5dc4}xbeh-F(H;|4UdNwtp5f7 z;eNAczyeyfYP*+#W-{llmH+Agz@owLI zbMlm^@l<2qzJ0;RPn?J>EZiPjRCI)eVs-Py_52TqrfHOzl$=6D-zc|g0H{Z7S!qdy z$5ksUE#b`CPW+MpXqOEv8fsB;vleRxK)bB>{-wuN^OBg9%$5i3o&dO-Q)Q(kDc=9u zvd9xw2Y}XTrj3@u$>BUT77l=BxO8n?p_y>>z-KdV(Al3ok3J1$d zO9r)Ejq5%LW1vS4ZJWyUjZEBL|3gK%g zu4ziA+C!CAq?Z5Abt3EgI@-LqdoL_#v*YiiX-tN4G~}Qt}`@ zRV}Mlh3thEi0XUL5Og?Bqk*f(*<-Vo*tkOJ9R4~tof!;;ds%L z2Qy)TfW@$d$&t}?Q;KlB=!K$V^|BpUAz%g@^rjl?MYv>bAyqg{(M2?@$q%Zofe3c$ zU)*3fY==y-G{rRGw1)1|v7o&F2B0HY7%Y?uGy9%5gNXhgO-CNyMUkM800000NkvXX Hu0mjfYPIgV literal 0 HcmV?d00001 diff --git a/src/designer/elsa-workflows-designer/src/components/toolbar/workflow-toolbar/workflow-toolbar.tsx b/src/designer/elsa-workflows-designer/src/components/toolbar/workflow-toolbar/workflow-toolbar.tsx index a2874a2e4..66151ce78 100644 --- a/src/designer/elsa-workflows-designer/src/components/toolbar/workflow-toolbar/workflow-toolbar.tsx +++ b/src/designer/elsa-workflows-designer/src/components/toolbar/workflow-toolbar/workflow-toolbar.tsx @@ -1,4 +1,4 @@ -import {Component, h} from '@stencil/core'; +import {Component, getAssetPath, h} from '@stencil/core'; import Container from 'typedi'; import {NotificationEventTypes} from '../../../modules/notifications/event-types'; import {EventBus} from '../../../services'; @@ -6,6 +6,7 @@ import toolbarComponentStore from "../../../data/toolbar-component-store"; @Component({ tag: 'elsa-workflow-toolbar', + assetsDirs: ['assets'] }) export class WorkflowToolbar { private readonly eventBus: EventBus; @@ -20,36 +21,51 @@ export class WorkflowToolbar { }; render() { + const logoPath = getAssetPath('./assets/logo.png'); + return (