From e1af036f1c2aa7f8ab241921e4f0e6d44ec41439 Mon Sep 17 00:00:00 2001 From: Matilde Park Date: Wed, 1 Apr 2020 15:26:47 -0400 Subject: [PATCH 1/3] groups: show tile icon, not full color --- pkg/arvo/app/contacts/img/Chat.png | Bin 0 -> 4779 bytes pkg/arvo/app/contacts/img/Link.png | Bin 0 -> 3407 bytes pkg/arvo/app/contacts/img/Publish.png | Bin 0 -> 3838 bytes .../src/js/components/lib/group-detail.js | 29 ++++++++++++------ 4 files changed, 20 insertions(+), 9 deletions(-) create mode 100644 pkg/arvo/app/contacts/img/Chat.png create mode 100644 pkg/arvo/app/contacts/img/Link.png create mode 100644 pkg/arvo/app/contacts/img/Publish.png diff --git a/pkg/arvo/app/contacts/img/Chat.png b/pkg/arvo/app/contacts/img/Chat.png new file mode 100644 index 0000000000000000000000000000000000000000..58223a5d63968ee75c496d22331ab5699c6c7bc8 GIT binary patch literal 4779 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 FV1kkBES&%V literal 0 HcmV?d00001 diff --git a/pkg/arvo/app/contacts/img/Link.png b/pkg/arvo/app/contacts/img/Link.png new file mode 100644 index 0000000000000000000000000000000000000000..d83bb877c9158f23e988467908b804035d865271 GIT binary patch literal 3407 zcmZvfc{mjO7RT-TGDU-7veZ~2gcuTION5kcMY3dHW13{hHcYQOf446K#Wx8PT&@8IH0`6H-7LK?&U8UQKAtZ)4Y>Qf;^!#?ub59`h9<~9>4;`vVk z;W67U8!zskB&^UlgHB~3N1=rL+()c-&QilpuOrS5y*g&Ev2|R5dvEVGjO7ol?S)Z2 zmGI;3P6(gLV0}h!k?n2WPzMcfsizF?d*t1z*W~%H+9}|u*Ri{ z6+NZ-&8s3KwHou;Wi@c;|75-GfwXqfI3If0qCa@87TlK_ca-%)cF~@t=Q^VMkjeG_ zH2xx0Ur)=&?gqJ5Xjx#8Ty^n%RilVlnkpft<2Ne4{1hfbZrN>D7y0NX0gx}nN{&#- zBW4br+6Pi+bZv}d)Tj`=7FKmJ0KNLy`$57ECj^hm;!T%T0*tPI`RaXmI+tPvo)r1! z4xa8x@sYCZ_(It`V_0W5Uox580`5!i?E=Kq`+qcUchUKFyjsUT2~&|_UXdhOR*f2@ z1jmA(V6Sqa3$m;IHHK3&|UAhbEGC@OT4N~Nn`tsC~=QNchq~lQ`VY&4JHn|eg%#dynRg%O?tlZbC z0nX-M$MSPS`aq!eY#v|`*+R}$qOZMHx-m`|jG>w!)q0*VsqMJq%f1 z7dI8N9lfEL1bYLI{Jy9KXlpL`IUKCJ-0zrbZdd{J4P4%(QsM5I&?o|os4Od!;yZnC zFWslF5hWZG_H!={^V#&Nu3yPf71b#}U3CxO+Ps3NjFcXk9=>}}CB&hz)Uy%_3CovV z7O#+%$)XQqWk;=_ai^-89>zlog`$22+_HGl7)6TKlxYeHyIT*!pKU({p7{#87aK33 z+3qJ%#F7?4lNRH%SCqJ0nX;f^?cmgulW~!xm7=2~8tv}JY)33KW3*?#4U4NzB7SZt zW%i=pglV8Vl{vy5+Wo$0Xlgle#6y-5B}yoGaG?dA2RFs7Rt`2LPKeF9TS&9F??Qqy z_tP@*t#moG;r%{@Y9dO$fDUY>v7~D0cx@|j1bnQGBr#5vS3Gmjg+0l{*`WHFvE8cf zgw^TO5tJ7sy0DrM?iG%4KQpE;VDY8d`s%0~LSB+j-+sqJ`K4fW z&u&mEJHE*+3|whK?UPF=LM$53C+Ho76ZADpjy`c&U451uf2HBSp1jW84O)3zy(gS@ z64sk@`L!xW^A@FpbnDZYx3}Xg=4mc#QF(m!7VCK*kgytmsnOxk^NsF0e9R`HdB;}- zAM0_%G_W*4`>V$5-e|<9Y1%z!(6Da$))1AAIS^GdHd`T?A^Y`u@j%__Hl3l>p~cNx z5wzqd->7>}zU{vVuzbuSKBq^+R$lw^uK!|3yeoC5T`8yY;3_St2U%p&60>9zBS=p3 zlNTRVi7me}%6H5{b`wbRT?>m1eRQa8MKIXD=p-9B1`S970;%&Q*riLtY*tM)^+6)dE-GKVD`F`1Jr5ky5`@E+6Z2sp&%-#s9 zJAEjiLY`3!P(vH6M}94|-(0wXk5NWeF&5d7SzI`3S_^o(ykrVjqF}HbRQ@xNygI`p+rSa2H%thKjGe*Itru;8-Luvr~#)q-hqs{ zm8}{iI`zO|vC&JVu;*t|ORR@;ivK3#=!Z)-g;G9Lb)i94bYV+`Y_oMo~{t6c|t3q!%c^4eCMO7;HarKzJ8Y*rQGG zlrj08c$B(RNu?*2ul|qDg1XCP5r<84aV#fD%zt3%`+C1JKToS)3$e(bX8e1C=_T|- z^Nmko$`(zfi=JTUtGc=^dv^S_?ScwGOmlbG21nm%I(*J7s;<=;{?MAn=vvKf{Jgt| zATrdy9d`vy=;N9?@*T0dexdw`R@2FQe6dDWaW$z43t0Y%iP@}47P+7wd}XL5@L4t6 zunCe+xg^;Fx3tUDS0bvq7u_4B5_%z2>$*iQk~^1iLC4g z9;G{TFqZZ99c1=Vbfvyr!r|aIAo)mNZX)-K;_(S0iqKTnF)!n1AMtPp}eQe_T@^GT>zQdmpH3_6Dv2{+_2Y$a%%=UytWW` zxy`s^{Hs1DPjj{jOi6{;E3KU%{xHlqt~}*BqZ4Ojf9#5oc>8jxaZM>Tc?w>lJ@Sf&o(ibEMBeb+>MN zul)zj1F6AyPA6DZQIuYF_dWCw6{0;Sgua%HPv-qbe8>sWhBroeh6Dlua&49Sm(#cO zpsP#jNo$46t+znAymJWI8G_|>MbH$ifMbCt;COpH&w2)|o>F51wn6McN2sFdTfA3Kp2T&sxf@n3S&hBjT~HG}aXu(*3g*CMgOCosj;+RRyZxI`d8WFGgX==D z*C&sNrOdTX9r`=;zeknWn}72N-4YmZ_Lhtnv|v&ux}kWSD?b2tmtBD20K++9NVo4|>-a=^^W>9#7zIw14CMpoJXZ!l9 zCPaHh?b%i0+53izgUM#tk@Y-BE+4X@{9`tS0qthswtfahWcF;J4NcPlf0;$oRpB)| z5``=-W4=VTSdDynHQ2$2X$}-Bxfc`Yoh?37I%kJTX_mX8lc%sCk0(d9COBJzbsXR&ElWR zcZ~tg=Vtl~y?vj-5BXkLf>$88DF4TqnTj~a5yl{OHfqp@)&Xzahl}HdlkE};r!a@` zQp@iA;LAH_&Yo_9*|`r7J7zf1pVo-UXeISwpU~4G+4Hl#a-F00Wud=*)HV|6Tkr79 zzLXI(n=g||3gu74CM39gGvCb-H4E{6+%3#4DIHCBl>tHm{AM1W|6QdbR_#yem)4z2 zvbA;O_PG_rT;pQ(_Mc-#e?(Aq!d}C^)9-44$@y@!@s{n{z5jP@{L{ZRX53?@bvh8X<^(fvhsx&e}mmee%QcTiHSh<|J8Qao|uE+9r15I&U zd)4QU8_mZ@bz&62;~c4tgVmOBQ;86-K)|)$!ugjC=H#hC`J3~0 zSt_ybw*Em7PfdpWQDcrcwmzS3)^0ooQh0R-9qy^!>mOq^PJhO7|5(#-lx1q(9Ig(TFcv|!>T)*?yTl|hXLg_jf56U%145weS=^P zdY)3AK@&@&&MxS9bc9Dmm+}|?LG^TO?@XpA@|PXuQ##5MI3PT#79k8pjVvSP*8il+ z%)b)cef9M7X!w`?lLpgE*(PlFN%^IMc2^XfJM!99yl!!qv-(y}U^9)E{L75`2SYk5 zfev=22GkJX^GuOlec!hCn#gu?tqxa?p)=?OM6l!R>ZtxYtyukuW#>m%eU)#}9~>yf zzJK;M(;5Ue(Nszg2j<;bD->tNxY<&|Zm((lVF`)@Z8e_98{*~F9*KS}0 z#Y8kiRlWjPhYi%NPXk}P8}?F9PovNHxlzKZ@PQ)h2(F?D@ghg1e`ia6`n7`NBy^_* zm3GG&skEB(GM^0_(rPulidgwOBN;%R8cj@#xv0XGIz*Z<`=lz5ksc%77V5rYnrk5F zS6c4^hw(`B=IPOHp~Jq>Kh6Ht$|Ay>tY&-YoyH$p+C~~5*3cfo0>e#9aJK)Ty)$*G zm(s#?{0;UzAkZ3Np&bq;K}6gzH6%MYJ2C+}}d>C|tv z*0C$nKqs=3swL$hx+W#F+~m8;n9~A+zes)=0uQ5yV8d1wU29X6yO+898!X=7p+kFx zk6;6{L+&Fij1s<){GcGfyv)b*)Ai=sDq~Ma!6gnz`WL=nz_M|4cHu!@r~oud^@BUa z?Ixocn|zg%o8s?*B5pt)&tbPGcm&e{Ly87zVujr(&|iFHzNc-z-|A8@K7I3|8)zm? zUWGWuG3%r!{>VPx3SZpwlM^sBv2YkkjdNbI`dYwFXZ8~}`p4>sdR?m@ znOAH4$}kdCwEX32#g?r&a^NZc6CC^5$TH5{(Ws!V!GhTzJ+3mCr6Y|*U_3kN zr2!-4P_9&HpKfkBCrCT0IHShsgPFVqH<={c<&=G<8(k~xy8e|-VongQHCPqEO1}4z z69%kYgYl~lSA#j5^7Hf)G?g(c;1u1q{IfrYck$Q^a6`3Z z&Vy9K(KD3(>1JPB#VWL1sXIQsd1Tx&u7BXy6X0Jx=pvSr$lyTl8p^}1&Cv31_VE<| zs{^kH`2Sb|`}$Iu{m>JXSTjZ(SfiV~Hd-?fz)Ow!`Qe|PeOa26BDn71*1RI_ zIAN<#*@eVEHnj3ieS=N4wnKa6s4|e#s+~O~NW$*|E^+cdP)hq}S)dUeC{>#~+dO^) zFqcemxQ5vs0(_cIk?3<9WI>wtLZ32Z=6CzP-+0CRE`EEjqG9$3%y$(bo_R|Mxo0!k zt)2Q0`J3@Oc4lW==zGy1*#G~n#yk{a&rgQYhCy=-K6daI-IR*0#l~j~{e6i~7&By? zn+5&7cX88^C!^$JS@><8tf!QuN}0Az3*qU+t>rXcVq~Y8Md{J&=BxHrZHq^rG5LL>&9^>;=~k%BDmary}VK& z_lN8JTHItr%r!0-MF(iI0vO14)i66 z{IV8X-AnpOz3)NS+BofHN6S>Qxq(V0R$wMA;C{+eVDKSa;~lo^ltpLTrz?qTPrWjf zDzSv_v>st?C@M4yeSS$r&nGbEH&i&VkXZs=F}0}^pQ%>;JbyV}fA z9H}J*%9UGdotCqe{9=^w!_Tb`Ku8^NN}zRPYgeCmPC2KBzUH^yYwIt!e%(2CQrr`~ z<*4g@84~bWza5HuI#C|LxU4Qp?^X&W3a(1Hi|07-h7@hG~jWR7vdRx{60ixdI?wa|L) zu+zq4ax`PP+RAv8wG3pB@9{410Ogo&4w2ZSJx}DP-nxZ$Qxm1Y{!XP4ZmOdI;~c2~ zooNgAuHd7185FyI)W`s`C7ENe7pMSAoxhog$4T;@5Z4Y1>pV3pS0r3h?KRUT`Nj*5 zdmYOgnZ75*{fkTv2ZDF2G{rvVw;!&NHV*;J+&spjo;kyKFNzLFfp5#ATzbIi%vO!5 zudg8a_eYrxuMe~-nMReY19)y9h}*W33x!Jal>SSghBpOOE?AHB5KOGwxeIPm%@4n7f2{{l9do6qypD}j=RhH=+X#_O zM~vxOt<>NXIm>1087Ic&3llYwe~Nz#t&vjTO0UzF53M*0Sgp*1r5T`z?(xsJ*mm zuz$7?bFBn=FxNq^9UAnbsp2tPr-dIRytKmS3Y4}ej#a>_d9Os1(`n>)*!WV8xeBU8 z1RiQbv8w`J3BA=Kdpea@w!Q2jjr#hhf5%Oj+hF7^(v&Pn_VJeHp}=%r8EcO_t|B~8 zsI*OSybByqzp9HbgSKyM2$7~o(+w^`XUk4P{Hkv5+L09#7_rli+W_1 zCwQKp{++6B$=YiD8Xh8i5a%Fek>vbHs%Sjmh;Sh$qIJhad&Z#s?yjQB#XYUFD)#6< z;R=QAKI6~X(V229=_h~Z_#*ijfeH^5p!0*7Vus5ZHiT&St~5gm9xjz0MMTArrIMT#71P(vRYb|Ari2;#f(A!| z4SZ~f?M=LXA?pyTxBb8Rm`jNTswoMgKG+sfLPzy>>zUM_+?1Y}wN(T&V|SBdrgTc# b&)3nSEe^CCVn_`Cxe9QwIeV(w3Pboer+Y$# literal 0 HcmV?d00001 diff --git a/pkg/interface/groups/src/js/components/lib/group-detail.js b/pkg/interface/groups/src/js/components/lib/group-detail.js index 08e2aa84d6..bce844eb43 100644 --- a/pkg/interface/groups/src/js/components/lib/group-detail.js +++ b/pkg/interface/groups/src/js/components/lib/group-detail.js @@ -57,7 +57,15 @@ export class GroupDetail extends Component { let channelList = (
); - channelList = Object.keys(props.association).map((key) => { + channelList = Object.keys(props.association).sort((a, b) => { + let aChannel = props.association[a]; + let bChannel = props.association[b]; + + let aTitle = aChannel.metadata.title || a; + let bTitle = bChannel.metadata.title || b; + + return aTitle.toLowerCase().localeCompare(bTitle.toLowerCase()); + }).map((key) => { let channel = props.association[key]; if (!('metadata' in channel)) { return
; @@ -75,20 +83,23 @@ export class GroupDetail extends Component { app = app.charAt(0).toUpperCase() + app.slice(1) return ( -
  • -
    +
  • +

    {title}

    -

    +

    {app} - Open + + Open +

    • - ) + ); }) let backLink = props.location.pathname; From e70643b44da66a05e9a417810d7f7822c4562faf Mon Sep 17 00:00:00 2001 From: Matilde Park Date: Wed, 1 Apr 2020 15:46:59 -0400 Subject: [PATCH 2/3] groups: default to coloured tile if unknown app --- .../src/js/components/lib/group-detail.js | 20 +++++++++++++------ 1 file changed, 14 insertions(+), 6 deletions(-) diff --git a/pkg/interface/groups/src/js/components/lib/group-detail.js b/pkg/interface/groups/src/js/components/lib/group-detail.js index bce844eb43..0fdd47d159 100644 --- a/pkg/interface/groups/src/js/components/lib/group-detail.js +++ b/pkg/interface/groups/src/js/components/lib/group-detail.js @@ -80,15 +80,23 @@ export class GroupDetail extends Component { let app = channel["app-name"] || "Unknown"; let channelPath = channel["app-path"]; let link = `/~${app}/join${channelPath}` - app = app.charAt(0).toUpperCase() + app.slice(1) + app = app.charAt(0).toUpperCase() + app.slice(1); + + let tile = (app === "Unknown") + ?
    + : return (
  • - + {tile}

    {title}

    From 8c7898786e04782207aea60660d7ae29decf3592 Mon Sep 17 00:00:00 2001 From: Matilde Park Date: Wed, 1 Apr 2020 21:08:00 -0400 Subject: [PATCH 3/3] groups: add slight background overlay to channel tiles --- .../src/js/components/lib/group-detail.js | 20 ++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) diff --git a/pkg/interface/groups/src/js/components/lib/group-detail.js b/pkg/interface/groups/src/js/components/lib/group-detail.js index 0fdd47d159..dae8f24a62 100644 --- a/pkg/interface/groups/src/js/components/lib/group-detail.js +++ b/pkg/interface/groups/src/js/components/lib/group-detail.js @@ -82,17 +82,27 @@ export class GroupDetail extends Component { let link = `/~${app}/join${channelPath}` app = app.charAt(0).toUpperCase() + app.slice(1); + let overlay = { + r: parseInt(color.slice(0, 2), 16), + g: parseInt(color.slice(2, 4), 16), + b: parseInt(color.slice(4, 6), 16) + }; + let tile = (app === "Unknown") ?

    - : + :
    + +
    return (