From a71457642c1894392d22daf18e1c05cc95c88aff Mon Sep 17 00:00:00 2001 From: Daan Vanden Bosch Date: Sun, 16 Jun 2019 12:55:49 +0200 Subject: [PATCH] Added section ID icons to hunt optimizer. --- public/images/sectionids/Bluefull.png | Bin 0 -> 1031 bytes public/images/sectionids/Greenill.png | Bin 0 -> 731 bytes public/images/sectionids/Oran.png | Bin 0 -> 675 bytes public/images/sectionids/Pinkal.png | Bin 0 -> 690 bytes public/images/sectionids/Purplenum.png | Bin 0 -> 680 bytes public/images/sectionids/Redria.png | Bin 0 -> 640 bytes public/images/sectionids/Skyly.png | Bin 0 -> 701 bytes public/images/sectionids/Viridia.png | Bin 0 -> 667 bytes public/images/sectionids/Whitill.png | Bin 0 -> 581 bytes public/images/sectionids/Yellowboze.png | Bin 0 -> 484 bytes src/ui/SectionIdIcon.tsx | 25 ++++++++++++++++++ .../OptimizationResultComponent.less | 6 +++++ .../OptimizationResultComponent.tsx | 10 +++++-- 13 files changed, 39 insertions(+), 2 deletions(-) create mode 100644 public/images/sectionids/Bluefull.png create mode 100644 public/images/sectionids/Greenill.png create mode 100644 public/images/sectionids/Oran.png create mode 100644 public/images/sectionids/Pinkal.png create mode 100644 public/images/sectionids/Purplenum.png create mode 100644 public/images/sectionids/Redria.png create mode 100644 public/images/sectionids/Skyly.png create mode 100644 public/images/sectionids/Viridia.png create mode 100644 public/images/sectionids/Whitill.png create mode 100644 public/images/sectionids/Yellowboze.png create mode 100644 src/ui/SectionIdIcon.tsx diff --git a/public/images/sectionids/Bluefull.png b/public/images/sectionids/Bluefull.png new file mode 100644 index 0000000000000000000000000000000000000000..9a33b431320fa3f8c112e31b2a1621a24ea3b1eb GIT binary patch literal 1031 zcmV+i1o-=jP)pr0pj?={@NiUwDbexV;foL<9hL$IaYI+1{Vs_3f8HAtjCTETW2ha+8C*nU!Vn zn)5#cln}zSED}N(_c>q{_lmo<$3zhcpaIzh~ys?bs zl=h&9J&hZf12reCW+Y54n|oawm4Hs?eYi-Nu$rkk;r*1RoRNEJ24I+$Wvhebgu4-@ zjMue=Ad1EXot6>3hJ;QTBmj=rwViRpa_V(%cW*e~M>qaR3BX<#uJ%fp->~v0H+w@u z;wfcL;hE!&5j}vMo{;Cnkt2Rtxw-T7vSQ^7w;S^G%<*(O`Sp6eU28o6Xq@MJgDixp z)y?aQghZGY1R3R$$I5kjXEZLOxx$pOvf$S0zhQhAjZvRpUO2*KJ###s(CLNCx^TN) zc}gqCAr0g5x^Q_rb1fOaR*uILM>)X_L<4Sb`1OkZ_yfNb{CeROesDy@?d|Q*+@tBt ztspVA@V%mO9{RGnQkRI=r8iH+>q^ZLE2BhcJU6*GNStviO~cY0s{sOT6>vmj!*fS; z+8hL1)A&E8LYU5kxpeuQv06H}0YqAzHMVB5IxO-qlxh``aBl`tw)8$^&>0a`q-)OV zc~@8kcLbUf*)Rw_Y)0JdYUfW6US(T^NC;SIRJuDF((pdtA06jqSRo>E_**O8KHc9> zjeEvc@sc|e;n9smf9mlEyxl6IfVC*4(dGWmdo|+b!$aLle>S{hLw3^fes^n(!zL8b za8KQPHumVDBJz-lyR~Qc8M!|M;BKvvy3h|}XliJDTiG=YL%4&geQmdzZ@;--Kt?`de9ajV!?8w3q=Yx9jR zfsj^o%1t8MbQW!sq#eYp;8yRWs;?r4-gQft2^!}%EzCO|f`;is%`{9cIS2QO=!9rr zb}svso-=e<*LmLV z*OU6002ovPDHLkV1kMp B`|1Dy literal 0 HcmV?d00001 diff --git a/public/images/sectionids/Greenill.png b/public/images/sectionids/Greenill.png new file mode 100644 index 0000000000000000000000000000000000000000..15f666378f63e544196130aa70eb3999bcb3b8f2 GIT binary patch literal 731 zcmV<10wn#3P)T zu#9;4E;9%pITK^sik2bj&?Lb^LG*lBD6mQRF*q+;#MplAY={&|f|vqH!ZU*Sz0-D( zWJ3GaDTA;&6Xj}1sEXvkTcj)$vT=xWVB^W@BfWN9ITPbxrTVc@AYDeDoU(Fw!IbL} zsb%Dw8rw^KNj1b2TU3!~lF%;+B#smsUJ#7Sq3v=LP7_wYAJyBW@5h{{W{5%I1%Zvj zcHErWad)U+HUCXWe&Fau-J{reqDs6Xs-;jV6~E~7f)M4!xcqO7DzQcvzG z2&OCXT2Wd?z-LjwIrK|rbWKRc;q7^nM6JLr<57K@Solx#4XH-F2Gerg z`{j;DYHx+Vwl+qcZJMMfU2Ilk%PlMaZ2C`VduzKj@3B1OxiRbO5=Eoy_I{a-x7A}@ zDa1G!{Iog*V;05zJ#|*zj;F@~yvfubTQgoo(L^&ge(?_m@Y9OX`X@271~h$1UXwJ=-S~yU zg*mwSG16n5Xx(PoAb7?%tUX^P9No5p*y&B7;_lYxOg~{)mR*v!j$p*4sF>pka z_H%^}-dA=O82U^v*(jbbY@nQp0$Vt`IMh*#lSPLez~1AXjaJ!vr2c%KnHYS0U{EL* zgTRt?*f@$>ybwi5p@gF*^`1ADtOTv%gd~^XKv!_Yajcc*fG(jvR2kPgVkXVB8%yB? z)|m}V(SX%3P+r8lbNcvT8gcf@OcP<6-W zO-5r7>S4=S=O>f`0N!g*?jm(d<8y>A_6$v3>T~QGloVe%Ng{*kf`;H5)}SNQNokn| zElPDdi^v&b4OBuTlH&}O=qM{nt)z(!0O%sxyA2{jVkCY>WaNw<>N`nemBpm8Q%62Z zZK^xaw~ng+Fy_$~RQErBoGv=oEh2+CUH5*UOqxRQGB(4t480T3g$^rPkW$ zEZSznA&JscT~3$LLtjtu(gM@h6ko1gofKYNPu2yTItJt5%+$Zo`tAa@MvNt1L4~rX z(R;DB+#NAq4pFflqNH(uJw)9d6N^Opn=$d$AUyx^ApD=B{x7jWc5NJycxnIu002ov JPDHLkV1mW|EhGQ{ literal 0 HcmV?d00001 diff --git a/public/images/sectionids/Pinkal.png b/public/images/sectionids/Pinkal.png new file mode 100644 index 0000000000000000000000000000000000000000..00c40c1bd6a7267d827f7b341cc675fcd1e88534 GIT binary patch literal 690 zcmV;j0!{siP)9dcfGt!^f8sco^pHwV(w9gx3ssL<7t|J+gL+FAb-(5-#wgwRr z&gJB?P6o|zjX)SMsh9){U5y2H#_Ac=)JnnN^)4iCXI-r)>7^4;GcOI(it&h$)(tu4c=(1r* z(8=d;!e`J$=4_+s6eR!=NHNMHk8H4$-m{MC>G>RVkv#_m{c3p`Gh7HtmrP*H;#E6C zVC)pOFKjH!C>D=^lRMwx*~Ht<2{$RU~jniWCIolh?bTk??YCplM`n!#3dy_#IkvN6{p!MYl-*Qh@n2`k}_$WnVX6kjPUTr|1GjwiYYUkeOZ>+<#vgr;kKwb z)Lzq!m{=M_Fx14`*|y-uzfOP7w69E>;cV{qJ#Le{71+_%7FQSmNm^Cm@)x7+I=tVr z5+vXa;5}=X`tY`&ryBS+;@4N9o*|D&tQ;Rdz%{3xnIf&>VCQjjzqzg$OOZh|i+}Cr+vNWF|#TF O0000U%F5iSx_x+!`7U3Mi{)tch0LC#Ia$bK zQ2`gL?Fb57BRi}%n+Wdvb12s;c)Cei4i}zF*^0;L_4bSsu-VU1? zbmRXg^@{XM`f$>>Hu48b$s9#36Uxi!MRdQhRk&^ITbjwt!kvMaJ&VjGrgWkApaZA< zL5Z133VdNT;^aj|+{8e~vxoVf-|cElG*QJPMeZTrO!A>X1T^q}P=Jjfk3Uz3yqLH#F<A zw5jfi55uVD7rq3wdYlTRwe>i{XeCt!xJI5QB@p2+J^0(6nsHcpT2aOjV;(IKRPBeN)$cN=g}0O8nFdky-`vj>r-cN?%iVg!!V zvXLrs+?)l#b$Gpdu1Rv#&}}a8v7>Oi0Embw&i+;9AlL3eWdk1o0000a(hmoFH#fI4omrsGOI}{m48w!p zXstENve@%(WMMDPd<--iW8AiFg~7lEqg~f% zUN2tuy&}p6*wR_pcovnTUkD+4O$LdwXyzqOevZR9M%q>^qLcQ#nC5(rY{1qnSmEjG z9qAoK^5$s9X==a&)! zgAl|}PmM>8ipV4_a2DU>958ZG%VAcc^U9b%0mBU-Me6pw_+}_VI4#fI9MC253vjQf z(|~uBBG*kl(mRxlKcWWKfYy`_@6AC?DGZ}LPSNaHG=(#Y(s43HI)F8xAMyj$PYswN zs7jzJ3sG|sIlz>Hr8a>zNRr`YmVQM`ue+pr^WD6%EjokzLWGh>U^Rd}BcK~Hhu4S> zxve`&(|48K60o8)sV!U@^5NOdp>@Ey7fMgjgrXULV)Q#FkYflei>53KTY$>O%lnU< z1l2VoNC97C6dl*KE{me@br~pO@V!UiX>Cjq-iw&ZYbmmlvx@7&FIro*`O%{NF4P6T zrVgaO<<{0TZxPSKHCflC8+Npko6$pGPw1&n0edYEwX3OYuBYAw{0I~!bToBDlcs|- z^PDa2;sWlD7&l{uP?nt=KNvAChp3R$i!x~krzLeCzTtl`L}_|$JtiJ?CzRo?LwWRS j^`kNIUk2g79QD5day-q9G#4K*00000NkvXXu0mjfF#9+z%?>Si>H8zJ9!mW(!YqFW|Y*y-}Y0#~Zwm`Sar}72(GT$dtlfZnT#h z9fWVJX+FpTjP zk2T&0FJvUfQYlOz!C*25V%nzW8~GqB4>dKf^w~@qPOp_QNh{2h0(*!?X+|x~Gz*Xv z*8I}EUG#G3e@*@OoPN9=d8hJaevr zR%+&u3U!XjAY+A)(KsvzU8hsITygLW1;D&Xi^*X$Zf&C+<`*2E+krT8u?FIZ#9kJGr*SqJ zG%_u)$q}_pgrh3v*1S$H56KFWxWt(jGV!$^&l`|#v@g)CiiUJcB;_Wa3eM6N4*RFr z`;u>(!r1Zo7PSgF)w(*1J?F(c`reGXdpOa6Wwi-3*4Vfz-nu<`8UeNzB(5d1ZOXBx z`y|%j-+c+q`cWm@Dx}ma63IzlRL;rPl z=(??^cf(#$Urya%oAr7PTC}w8%giD3BT;dkQ$(<5N;D2X2Yz zpa$qAP}6S#x;|JdS@x6tN0~CU=LB#R7iV~lrSoo*9t^j$d`)r+a_SM>dl%DoQP{%^(($!ld#SYgO6gY2BidQ z*fbNs?Y0Cd2{zc`gRkxt%d0)JVCi&g{mI6=Yx6SZ!K{~LK`Fa#S{HgZ z2i3|DV-7fkiTXHN85Q99{OcvXGd*k5W1~J+UONmi=1XlxoHjq11}l{~^`{urDg~xw zUOT3QDPS9-WmNj-nQJB{THYLwSTk9;z&NByv0$nSS*DRTiuFoG$pRKS8xA9Rn1@;d z2(fm06M&G?ewNWki-_g&{wXPb6(g1Q@%(^WB~=D0ap;rX$*0O$_hggi>)+EQKj71!7?(VvE_o(i@(}*d ar~VtqpHv*|EH%LZ0000 + ); +} \ No newline at end of file diff --git a/src/ui/hunt-optimizer/OptimizationResultComponent.less b/src/ui/hunt-optimizer/OptimizationResultComponent.less index 3098a9a4..00e4930c 100644 --- a/src/ui/hunt-optimizer/OptimizationResultComponent.less +++ b/src/ui/hunt-optimizer/OptimizationResultComponent.less @@ -7,4 +7,10 @@ .ho-OptimizationResultComponent-table { flex: 1; +} + +.ho-OptimizationResultComponent-sid-col { + display: inline-block; + height: 20px; + margin: 0 3px; } \ No newline at end of file diff --git a/src/ui/hunt-optimizer/OptimizationResultComponent.tsx b/src/ui/hunt-optimizer/OptimizationResultComponent.tsx index 0513d92c..c73af064 100644 --- a/src/ui/hunt-optimizer/OptimizationResultComponent.tsx +++ b/src/ui/hunt-optimizer/OptimizationResultComponent.tsx @@ -4,6 +4,7 @@ import React from "react"; import { AutoSizer, Index } from "react-virtualized"; import { huntOptimizerStore, OptimalMethod } from "../../stores/HuntOptimizerStore"; import { Column, DataTable } from "../dataTable"; +import { SectionIdIcon } from "../SectionIdIcon"; import { hoursToString } from "../time"; import "./OptimizationResultComponent.less"; @@ -37,8 +38,13 @@ export class OptimizationResultComponent extends React.Component { { name: 'Section ID', width: 80, - cellRenderer: (result) => result.sectionIds.join(', '), - tooltip: (result) => result.sectionIds.join(', '), + cellRenderer: (result) => ( +
+ {result.sectionIds.map(sid => + + )} +
+ ), }, { name: 'Time/Run',