From 3533ee6e49b4dfc9ecc424f6773d1e8a6ba4e6b1 Mon Sep 17 00:00:00 2001
From: "Hartung, Michael" <michael.hartung@uni-hamburg.de>
Date: Tue, 11 Apr 2023 18:43:44 +0200
Subject: [PATCH] link to clinical trials; IID link to img
---
.gitignore | 2 +
.../info-tile/info-tile.component.html | 60 +++++++++++-------
.../info-tile/info-tile.component.scss | 4 ++
src/assets/IID.png | Bin 0 -> 4947 bytes
src/assets/clinicaltrials.png | Bin 0 -> 903 bytes
5 files changed, 43 insertions(+), 23 deletions(-)
create mode 100644 src/assets/IID.png
create mode 100644 src/assets/clinicaltrials.png
diff --git a/.gitignore b/.gitignore
index ff2d6416..b984dcd2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -56,3 +56,5 @@ netex/
# temp dir for css prefixing
original/*
+
+.prettierrc
\ No newline at end of file
diff --git a/src/app/components/info-tile/info-tile.component.html b/src/app/components/info-tile/info-tile.component.html
index e9ade0d4..d3a375d4 100644
--- a/src/app/components/info-tile/info-tile.component.html
+++ b/src/app/components/info-tile/info-tile.component.html
@@ -1,3 +1,4 @@
+
<p
*ngIf="!wrapper.data.drugstoneId && wrapper.data.label"
[ngClass]="{ 'text-normal': drugstoneConfig.smallStyle }"
@@ -24,11 +25,10 @@
}}"
target="_blank"
>
- {{ wrapper.data.symbol }} </a
- >
+ {{ wrapper.data.symbol }}
+ </a>
</p>
-
<p
*ngIf="wrapper.data.uniprot"
[ngClass]="{ 'text-normal': drugstoneConfig.smallStyle }"
@@ -73,11 +73,11 @@
[ngClass]="{ 'text-normal': drugstoneConfig.smallStyle }"
>
<b
- ><span
- >Median expression in
- {{ "'" + networkHandler.activeNetwork.selectedTissue.name + "'" }}
- (TPM):</span
- ></b
+ ><span
+ >Median expression in
+ {{ "'" + networkHandler.activeNetwork.selectedTissue.name + "'" }}
+ (TPM):</span
+ ></b
>
<span class="is-capitalized"> {{ getExpressionScore() | number }}</span>
<span
@@ -103,10 +103,10 @@
<b><span>ICD10:</span></b>
<span class="is-capitalized">
{{
- wrapper.data.icd10.length === 0 ||
- (wrapper.data.icd10.length === 1 && wrapper.data.icd10[0].length === 0)
- ? "-"
- : wrapper.data.icd10
+ wrapper.data.icd10.length === 0 ||
+ (wrapper.data.icd10.length === 1 && wrapper.data.icd10[0].length === 0)
+ ? "-"
+ : wrapper.data.icd10
}}</span
>
</p>
@@ -152,24 +152,38 @@
<b><span>Group:</span></b>
<span class="is-capitalized">
{{
- drugstoneConfig.currentConfig().nodeGroups[
- networkHandler.activeNetwork.selectedWrapper.data[
- networkHandler.activeNetwork.selectedWrapper.data.group ===
- "selectedNode"
- ? "_group"
- : "group"
+ drugstoneConfig.currentConfig().nodeGroups[
+ networkHandler.activeNetwork.selectedWrapper.data[
+ networkHandler.activeNetwork.selectedWrapper.data.group ===
+ "selectedNode"
+ ? "_group"
+ : "group"
]
].groupName
}}</span
>
-
</p>
-<p *ngIf="showLinks()"
- [ngClass]="{ 'text-normal': drugstoneConfig.smallStyle }">
+<p
+ *ngIf="showLinks()"
+ [ngClass]="{ 'text-normal': drugstoneConfig.smallStyle }"
+>
<b><span>Links:</span></b>
- <span *ngFor="let target of linkoutMap | keyvalue " >
- <a *ngIf="showLinkout(target.key)" [href]="getLinkoutURL(target.key)" target="_blank"> {{target.value}}</a>
+ <span *ngFor="let target of linkoutMap | keyvalue">
+ <a
+ *ngIf="showLinkout(target.key)"
+ [href]="getLinkoutURL(target.key)"
+ target="_blank"
+ >
+ <img class="link-icon" src="assets/{{ target.value }}.png" alt="go to {{ target.value }}" title="go to {{ target.value }}"/></a
+ >
</span>
+
+ <a
+ class="is-capitalized"
+ href="https://clinicaltrials.gov/ct2/results?term={{ wrapper.data.symbol }}"
+ target="_blank"
+ ><img class="link-icon" src="assets/clinicaltrials.png" alt="search in clinicaltrials.gov" title="search in clinicaltrials.gov"/>
+ </a>
</p>
<app-toggle
diff --git a/src/app/components/info-tile/info-tile.component.scss b/src/app/components/info-tile/info-tile.component.scss
index e69de29b..9731255f 100644
--- a/src/app/components/info-tile/info-tile.component.scss
+++ b/src/app/components/info-tile/info-tile.component.scss
@@ -0,0 +1,4 @@
+.link-icon {
+ height: 1.2em !important;
+ vertical-align: bottom !important;
+}
\ No newline at end of file
diff --git a/src/assets/IID.png b/src/assets/IID.png
new file mode 100644
index 0000000000000000000000000000000000000000..b58593e97e9ad87f49dc8693232a89adbe90ac26
GIT binary patch
literal 4947
zcmeAS@N?(olHy`uVBq!ia0y~yU~phyV9?-TV_;zLJNM@$0|SqJrn7T^r?ay{Kv8~L
zW=<*tgGcAoaQ2AclVbCtCry~pBD8DDh1m*0%pRNzStrD?NGoy*c=a?cNYd}-S{JL6
z;2iEMVy#ei<lLegzmpstBE`AOp89gV*tNbUe_#H)Ki}sY|F<lDcV=%n!v%|zlRZ8K
z_%eJt+Is2728CxUu9&E;6i#rEztCuT;rT~yl{YtTXfT|1`2GFUJ2i(VZ%x&AUbFxG
zKl`E(2lo#Kg^dE~99%zs3dplCtbgLYq?JM7>7J)coH}I=bCoPHaOe;}Q8-N~{8V9^
z(EHFED#wZy^4J`DPd)bB%&;K7(PneUd{)yJdj)oPuqqicNcnX9{rp*-L&2~82H!0Y
zg=w!h8`WJn`D=FCu?1@V(@i_376*!KO$cmM={JA+-{<&$y`Pnv80F121Z`gW@Z%@T
z!+Y+Yn=7DsJfx%gh~z~>fo$hLjw%5+oO^;cr9SlZs=hKK{y?K8bCtkuj*5d51*Dy2
zw9a++1$~s9xhO#INI~m@$*!$;Tsn9a;uLf^JOgg#O!Dgp|LOGFXsOJ$F8lM7wf>x{
zwVm=*ZDZ)K^_yE`rrNpbpY!u+oWZm)bfSi(RFc(^bF4c#Cu+?WJbH7^3r6XcI&pIQ
zMUQ-RDvX#AB(HsHO53s3Z@fQqvpwt1JtbDSIJBZZu`Fqak$r^m{N)|;=U8_uiEN(C
zR?@<{coEw(B>}c}jpu!(oJT!5wdV3qI<%nTX~Z0*lii^=AB!E@V_=!jxUt$XuqjJt
zUJQr$k|6o>Q$&ubX+1vDU0fl!@l?f!r3zdH4h9KKl4~Rrm`*S*x;F2ZT*dM?oUAqq
ztdR~Jb3)D>=n!%3mxvQ~F#I8`q^KbwBfjK?Xp_>3dfAkz;p!7szR(ToIl+2f;T-!!
z1^#=dMHU}vzBlP$@QIFp59hLL%O9J~zIxC9`=6QLl(+HD)DTsc{&3=o#0Hf%f#%MK
zM*<ev=C%BOystuJ58I(vU7HKuH&)hcSGQ5#A}A-ECvc0i{8;xhkNU16m5laZ3s=RY
z{F%Xhhb^n>f#VMOkoHqM<nmbN6qLVc?`3y5FE`=oibvDZTYpaec0cXI;mZLxC&r%8
zh@3CuvF&%I%H76yhAWiLf9?Mncx;y8jQn#6=g<GMv`>j=xP4;2?nc%djBjMhxOO+l
z9(~0qY~5&@pnJp6QZ6ReUvzc$f#^L-^I}#g|7zdgsIGlJrO~_Bd;4ke)cA!3oBqi1
zS_rEIFIlwajgy*monVX4x*6|nro4Rh=oMSTpWlmWYWH>q*O&|Jo%a6D9eaik))(*J
zuYY1KUdYr?8&~jK{@=Nq8y_rpmTmal{?jOP;-te*#hGfnGY-s6<M3%z-O&8GkagYx
zah4_l0mdW;B@foe314m&%=JE~V!(TbO?3f}4(sXzRvQF!7_ATFZIHjxy!e5L1-D+K
z_5-#Z?BV|G6^vB}tv^UQ3J5tlOLQnEwM8iRb!Z=Q`ZG~Lg{#v&Xkv*9x1h37ij<MK
zrt>uA*Avcqm~P^??3v@Fr;vL>_KD!7-aT%13njc<O9O<ju*tS<3NVxER9lpMQKv*H
zs^^@u_~PsfS|#F9?em=U7n)xv`@(vwozX}3^5HXv>OHN68zgjiPaj!wgJ+G1_VHC4
zqSgr7J<pD?zSdlOq|<^q{gGb*Yx`qQ3;FpS=MRWKeEmVTLiS!y{9*Zrdw-ZS^(Ocf
zsQeJv(Gu9Ab4bOBbK#r~y#*ZwZ10xx9kN!MxWavlYSqELGrZ0y`l;$Ety6!eI8SAp
z;CzAK9x9U*PfmQ|-lh1_qjibUrKn4KmpCtl2C=_vp0#V%%vr0WRz%I36_MK)weyzW
z*2h`lSFNtvO*TDwEk(YFC(>b_Q=HR1uRN7_wekt}!CN%8iP(E7skR%<-qaT4ZRxzz
zzjE=qb$JWlt(9A@7c_tAKDXNSzbe1Fzmi{hD}-IE-KtG%vEH)0<@1)@TexrG#SF78
z4pCBTCv2M$=4<U+?eW_o{leUrF}oV<CdWChUmU-5{}qMoi0lof$1+8-r)0}q*s<o~
zV$W+^E<VZlWRji{mLYd-&(fRAk6w^kC%Sm*`mG+>%dfGn)yti<t+%XWn?v=yZ(?sR
z-}0A`I6UcK;s?oM$!N)R30W%_*=X5yetmv3&*jYxn;RFK8(V%i<?hK{qPvcl-2Q4{
zD{Z?jZr(kiy??9BzuLW={bKXi)?eITv%ju?wclJKNgzYPM8ot(a>3yTlNB!;95J|F
zFf(!QLuTbWCk|?y%b0YLZLzVNt#e7+559-|nzEbfPsAo)xpC0qUd5`9Vvofh+X)9x
zHW2PS88!K`n(eZxWsS=$mudU<&n}y7c;?Spmo)9Oelu*-Um4vzWAjWZ&3N<mJ2!0Z
z#H8)Jx##Mi&8=%)CmogPwiV;o(VV7p+UNAtX};6;hNXomuU!^-HRA48wdl=jHm?nj
zp1-*+KRJ7HlJWgz_m-W$c3@g|bWU_~_5Hpy@dWdW>rTDfWqWa6>iq2e_x^P;zk2X+
z!rOp{1vdptzm$krt}D-x_L6vI8)CC1>xHiRD&gBJPpmxla^mKB#Zx}ZJg<5_{qUN$
zrM%H*Z|-c!*OSw$)QgUN$9r8)&amd(hhq=d$I8b1TqnBj`rVAYg?YwzrS8P-wBE&i
z*L=tQZwVDWUuL|&_~hf&%cp~1MZUiIHudS$ccCv!yO$pBO4Uu8`(3Sqz4H7QyH|fN
z9>2W&Li+ym@%#Mt?c8TwyW8zXpFrOYt4E#lTjkH^Z;sz>f7$+S{p9-UhDrwg1zHaZ
z7o;vwD2Pr_zddj6;d@8xB%cVW@LGv{nfLhc%yX8KJ*@4l)7iGSWwfibuHmkf$P%0-
z8YO&7`kA1a>6;V_MH{1<$RE1vIH#Xq`|O)rg{x10M&A-QHJ5eWH8M{HRC}{zI{SJg
zb|yXfoAElMu%wo!<KeM29hCyv($<FGJY)>@%+@Kri~RH9N9M=pLK2*hh0E0Tc=LG0
zOsdd7spmQE%9J$|ZPa#J{jBvWIQ41Dx4^@0zVfA-S2aSX+?wF#<?VNS+BI{llrO6;
z$|l<!o6@t>@><!OCmY3&N%o$WF3;I>tm57e=9evBrhJ+EGQPrak5*hfoB3j+#naC}
zT>osp01H<b*RIyOLr)K#^Vxsq>CD*3x=8I!yEZd#I=#8tMdqT_#np2@%;~j!Uz}XD
z{rR`&OP{<w8GhRTyuHpfvFBa0)o1w4uvzH)NJDet7XL3ZcVs24HwoIcmO)b@`a-}8
z=K3emDP^1DQ~JC9bZd3l`FPDMN!WBP<>QlSntZ`xelK<SbpPdQ*-f?InmOy|mYbL5
zeAE5!+c3|ZXt+3Y+0!$X#@1=AXKxwKHnJ}N_P#jgna=#rWqGIW9II6OoOZVQllKjM
zQ`Ij*nJ3r&-1pgB?|^uR*cQE#=pAJbw+A`CJZdz3)2B`P-9NhZ{#pIGZo2=Q{<)Yt
zyN(o}Y+HI{>7%9Q(^++HZ;Z*V{P;;-+il&7=#w##yFR^L^>MY{l-<+wV|*iZqwnrh
z%kn)OwR)@f^}5LEd*8Xa1{|H|_4ril)c4o9uf^XL*s-u|@yTPGdgq&Un%%u8vu)?P
zQ_EJ>a2I-CoR%IvdHcNIy<elhnk~*vy}d6_JU{=w;QqxsZ>`={wfy5bRnv^#HOs26
z&xj2#V}GBwqIA{WJ?{DbH{&*hZ~Ojp-<MkR@9yvNtqxcPRA2a&@Ko{G!b?_5^1Nd6
zYs+e@owJ;8KkPW{+q<u~z0X4aX5E!P8AlE8CVTe<_no)CSHI|o%YDz2C+7u6E}v)8
zo4>2P>dMR4XA94+O;<WU$6mVX+ZW4kJB6SBJtx2SLGi;6uGfzK@}4*SRg_H>-`{s1
ze=iI>e{I+4xardCD&jM9q%W5J$vSW~_<Ga&xqHv;t$XSArFYwGPxJiyQpKzPZhKI6
zeeNFX_3y;){;kQsR(t60CH7hTr{tyV*ZeyCuiy6Vytl{YSnaba=Y05aPx#+taewZ4
zbuVXp@A<Z7&*e3ncb(q)I-@+}`_$))=a=u9u;<5};7`l1&7Z3OHcsx3_J{S;?gj3Z
zUB6`guXz2c<R59jqrY$Wt=(A5fB)(J-+%UfX@1x)D<3I;zSisKm7kTD#4k-Zjeon}
ztgib{*?#-|`{NHy{v@)WNn%Y#ni|9U?aU6|tPPCk)2CcK^?Cjxg;U0>nHvAMOig!j
z{m8OF?BD+5Uk~h`9nJ9OE?0kiKzuR}!$uPZp}mZ+o|#3kpUdhhUb;u%p=Cnwm+L)$
zcs}HJeLC~g`HuZ|hjp*`>hk`x`X|+7Xgt=9V_;zDN{#SL^YvxWVqjq4U|?aCVqj%p
zU|?imV6bD9hO^xmH5iz|;!F$-?U@WLU^WAT9|HtTfbt<U^Q1Ngb_NCpAqED9iUmw?
z)eZ}o;cN|%M#o@hPfrF0hT!C))YQD<jQkSoRSk&@3=EtF9+AZi3}UJv%;*`U@_~VY
z@k(Y$L`j6Nk5zJhu3lnFep0GlMQ#De90r>TtBTx$+|-gpg^Jvqyke^gTP3gxtGr?>
zkg&dz0$52&wyjcxZ-9bxeo?A|nVx~3fs!4Uf`WogQA(Oskc%5sdr?Z7tx`rwNr9EV
zetCJhUb(Seeo?x<p{1pzzJZaxk&$juN}6tQWnM{Qg>GK4GQ<#=IWDQi$wiq3C7Jno
z3LtY6lk!VTY?YKi7Ae30#GR=XnFyQmilN?0&d=2c$><yE8R)~!1{n_$wF=0rNX?0K
z$;?g7E6&W%vokTU0V~IlKv-yl&=`TxXl8<}5lI4FV`y<|k#l}-ZfahM9U`)znvo@;
z8g2AJ{zeK1NFakngIwI~xNP*n(E*AYJFabOP3#yL7-TYC{6iQR7?{9O%D^B3>h>}~
zXb}bmCIkKNmD?B?82@;>IEG}fzL|b@b!MQ%vH5SK15Y)qY!qR8<~6fJgxTwiiw|#$
zk+Lweuwj7PC-)Qc9cD;y6l)qkQJ!0U-E!{TsN?TszWcqieH}6R@4o$8zh~L{zpwiq
zcj)x{MtPf-<&5XKD)uqOe``4XwCQBZp%SjiCt13W9x||+>9^cs{&}TK872igW0L&X
zci-hZ{dAJs{9{HldAM4cvbIXGH8Z*`7EJlOUy}c8!`ZZEr-cXB<Zr(ns5Mo>O?_nu
z*Y($-E-B4({oK#IOt6qybp7?k7yZdoy;wJ?&p*$;{PNEapYKRGXkUB%^~BSn4N+@N
zruFPJc@UeaAmCslSMRU7K1SL>#C>sKi<6?~N0xuv*<6$aTMj3l?49qYF4ONW!^ghn
zdiI&;#XZN9@8p@E{C)YQiH%(UlRMi@9K24}?RQ^&waWDI<2^BY?z``{g{}T;@zqxQ
zfgdaDufKL|&5W-1oYr6OPBE%HzH=o*ROHg2gIQY_39>j=tQDB+cl?w4Ii~-Q>>q5F
zJD@Sa<3xY7+3dZqIXhjL>h{mCY&y-Qz$M+wmbO_^`C8iMg)w@@J<-f!-K<$#rIf=~
zhAg`M)~F|%x#N_N8uO=<OWgOywcpGU6THs$<a1@t_UJ$z&aR_MGJNePc9<=QT6=G<
zk!Nwq?z{Gf8`3s+Ud&MGQgzf3b2g9=xv9^<!0`Y7bYF2#1_mY(P&#-!!xxkaj{jFz
z)vuJ*aAxb$UmzhNp}}^<MN-S<l!pj&v+$`C-lrNG`4bW{lGL7ZYp}7Mny^RZ(%$m9
zn{K_%(@QUlx@&s#{O9=BH`o5p-}=4omi+#IJbNT&pJlt5Gc7W8^UVpTpGx@7a9JD}
zvp!twWQtLVmFz6;=8G9Eb^G<F2ynGN`2Jh+?QYJU>N~d=RP2pwIh?3f`+;Y{?YBub
za>1KbI9QlC*qTEgOF8U~JDy{<IL%X_)8)a(iWSF98_u8iKl8jeYZ^<Z3lm>^b5;zq
zhuUNd8NMqzoLsF;I%3>ccd!=N%@^!Gy5eH>h1XvdCVITn+`(!v)8|6o_LYG`875LD
zQoL@D#T@MBAFtY*cIMXGvL!*9ZjXfyWNmfY7?IL5X-SCI!4xAyt8xa9&r?sPY`Fhk
za&gvHsk3R5FM1pjZMgihC2DQk(IiD9ss7^+ORQY2#2Gxy?Pd53C3p&U-*r*zbyHq-
zb(M$up?=nctx*rlcDv42OFOCluEHj1_uZtOF-<m~r=ND+GL3_)mFa1bq}AMa5C8PD
zekj;}U!?P=*HWgnVZXObie~Uy`swwP|Eco=9`Z3%-k$7!{P|}`t*LglKYt&IW+>Y&
zd+Ftuz0Y3%TCq|<@5gTb`frj-rk7uetPS&y_-CZ{c1?_4yVugDxb^J^6F?dBW=>tC
tcFYGchD65vkM#`i{|G*Md!@CmjyckC<F;dk?Yf{c#M9N!Wt~$(697wr#(Mw&
literal 0
HcmV?d00001
diff --git a/src/assets/clinicaltrials.png b/src/assets/clinicaltrials.png
new file mode 100644
index 0000000000000000000000000000000000000000..a1d0dbbad3918e8124a1d942b1c9298866c9574e
GIT binary patch
literal 903
zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4rT@h2A3sW#~2tG?E-v4T>t<7|L)y~Q>RXy
zJ9qBKj~_Q~+&FybI0Fc<ty!}=Ha6zi$)lAGE4ybNYM8dRwP$PJltUpItrI5n?b@}I
zfx#!IvZ=a#(S+U&Q|GKw)i6j&Nj`S$n74mZbnJ|rvSsr(o!Ecr-JC^-ySpbXT)0R^
zKK%Uo8>{wSo3iq3Z1sw`tVJ9$`nfsTsacak5~t?XEbN}XdFP3nZ(e*`yl|(fx!02?
zPi*Wmnig*h$(dH#dq`Hrxoy^Z6;-o<pxoKJkBO>V`UUnMd;Dnsfs5L@ZU)w++pj)f
zxb}ET(X^R6&Mx0@jYrVHH>_S(uYB_4HE~rl1jHjOoc+8bdMupV85rc9qB|KF5;cs9
zOB;4Euty3h6*4f0dIrboTRORgB{49#GBDUMFjz1!7&5R&GcW|^<xgZ_2xnjjWni^q
zV9<>KfiT@dvwI8-Oe~%*jv*C{Nej3VQka<2#CC8PyR?X&N=<&Az|QD5!$!E}{5jUA
z#hX8W`1FyRV-vUIk3&j}Y8cd3C>b_NbUl*0Bq~)`a8_l9bxJ|`&i|&b-fsB)>&)Yi
zzy37dZ(cC9h2dhs5vi;7+cxe{o#?Yvaq`)}!5exGx$X<lIeKbYhHLz?&=nu6oSh4j
z#q%%iS$9M0_HDJ`8D$l0yLao0*!GD`dGng>@HS8JcNeyN=rOu`=YOO6p&6$|PpWgJ
zO<rj*Ey7^y$#_1FgK`WPXYvUB{j){6P|DyW&sJs`NlrG?`R-n`gak#6#XBEFKDd9h
z#_>7Nv?Wo_+B{s(^+eadmgZe(uIi%^eNHqam~pKH!^GWt%Qnc!27NveX!MPZ=SR$(
zln#}6foqFjdJ5#fuW{<xsW0br{qntcs_lWF7&dt5T`*mA?So%WN7baov)cl8y??*?
z+Ooh|cjfyp6>QG5{l0XPuk(+DWIhv#wnl@#c+DA%eNK#g8x(&r2`<P=C~a2pt%|(&
zpLd!;&Ln$_=g+kj7nPoie4YJm#eRDMi*rlbU$RIrn%!@zh}G%3^sZ&c>oUhP3Wp9#
z%sKGsozw&oMdR)TdhL6p1y(i*=}B3ZG^kCP5>avIk$6m9<C=o`;a@$pXIzQqc<Hv~
z?WZ6UTW5BQ`X_Vte*bCgFCf{H!<x+&?xtpSf`LhqZ5IQ>6YEm$iYJ9?puFSh>gTe~
HDWM4fy9kXC
literal 0
HcmV?d00001
--
GitLab