Template: TSSDetailV4: Difference between revisions

Latest revision as of 16:00, 15 November 2024

Basic information about the TSS

TSS ID:	{{{tss_id}}}
Species:
Chr:

Start:
End:
Strand:

Source datasets

Protocol

TSS cluster detected^*

* The number of TSS cluster called data-sets (maximum 5)

cCREs annotation

Description:
Category:

* cCREs are candidates for cis regulatory elements generated from the subset of representative DNase hypersensitivity sites supported by either histone modifications or CTCF-binding data. Find more details here.

Gene and protein annotation

Nearest transcript id and distance:
GeneID:
HGNC/MGI_ID:
UniProt_ID:
Nearer transcript ids and distances:

Gene_name:
Gene_symbol:
Gene_synonyms:
Gene_source:

TATA-Box annotation

Distance to TSS:
Nearest PromoterID:
Entrez ID:
Nearest Unigene:
Nearest Refseq:
Nearest Ensembl:
Gene Name:
Gene Alias:
Gene Description:
Gene Type:
CpG%:
GC%:
TATA-Box(TBP)/Promoter/Homer Distance From Peak(sequence,strand,conservation):

@@ Line 42: / Line 42: @@
    -moz-transform-origin: 6px 18px;
    width:1px;
+  word-wrap: initial;
    overflow-wrap: initial;
    font-size: 0.9em;
@@ Line 51: / Line 52: @@
 .hm {
 	z-index: 110;
+	align: center;
+	position:relative;
 }
-.express_gf {
+.egf {
+	display:none;
+	height:100%;
 	position:absolute;
 	background-color:gray;
-	display: block;
 	top:0;
 	left: 0;
 	z-index: 50;
 }
-.express_data {
+.edt {
 	position:absolute;
 	align: left;
@@ Line 68: / Line 72: @@
 	z-index: 100;
 }
+/* Transcript nameのためのCSS */
+  /* リストのスタイル */
+  .list-container {
+    position: relative;
+  }
+  /* リストを折りたたむスタイル */
+  .list-container ul {
+    margin-left: 0;
+    max-height: 1.5em;
+    overflow: hidden;
+    transition: max-height 1.0s ease; /* スムーズなトランジション */
+  }
+  .list-container ul li {
+    list-style-type: none; /* マーカーを非表示にする */
+  }
+  /* "view more..." ボタンのスタイル */
+  .view-toggle {
+    color: blue;
+    cursor: pointer;
+    font-size: 0.9em;
+    display: inline-block;
+    margin-top: 5px;
+  }
+  .view-toggle:hover {
+    text-decoration: underline;
+  }
+  /* 展開後のリストスタイル */
+  .expanded ul {
+    max-height: 100em; /* リストが収まるだけの十分な高さ */
+  }
 </style>
+<script>
+function toggleList() {
+	const container = document.getElementById("listContainer");
+	const toggleText = document.getElementById("viewToggle");
+	container.classList.toggle("expanded");
+	if (container.classList.contains("expanded")) {
+		toggleText.textContent = "close";
+	} else {
+		toggleText.textContent = "view more...";
+	}
+}
+</script>
 </html>
 <span class="section_head">Basic information about the TSS</span>
 <hr width="300px" size="2" style="text-align:left;margin-left:0" noshade>
-<table style="width:400px"><tr><td style="width:48%;">
+<table style="table-layout:fixed;width:100%"><tr><td style="width:28%;">
 <table class="inner" >
 <tr><th scope="row" class="item_label_long">TSS ID:</th><td>{{{tss_id}}}</td></tr>
@@ Line 78: / Line 129: @@
 <tr><th scope="row" class="item_label_long">Species:</th><td>{{{species|}}}</td></tr>
 <tr><th scope="row" class="item_label_long">Chr:</th><td>{{{chr|}}}</td></tr>
-</table></td><td style="width:4%;"></td><td style="width:48%;">
+</table></td><td style="width:4%;"></td><td style="width:68%;">
 <table class="inner" >
-{{#if:{{{tss_id_v3|}}}||<tr><th scope="row" class="item_label_middle">Start:</th><td>{{{start|}}}</td></tr>
+<tr><th scope="row" class="item_label_middle">Start:</th><td>{{{start|}}}</td></tr>
-<tr><th scope="row" class="item_label_middle">End:</th><td>{{{end|}}}</td></tr>}}
+<tr><th scope="row" class="item_label_middle">End:</th><td>{{{end|}}}</td></tr>
 <tr><th scope="row" class="item_label_middle">Strand:</th><td>{{{strand|}}}</td></tr>
 </table>
 </td></tr>
-<tr style='border-bottom-style: dotted;border-bottom-width: thin;' colspan='2'><th>TSS cluster detected<sup>*</sup></th><td>{{{tss_cluster_detected|}}}</td></tr>
+<tr style='border-bottom-style: dotted;border-bottom-width: thin;vertical-align:top'><th >Source datasets</th><td colspan='2'>{{#wrapAtPipes: {{{source_datasets|}}} }}</td></tr>
+<tr style='border-bottom-style: dotted;border-bottom-width: thin;vertical-align:top'><th>Protocol</th><td colspan='2'>{{#wrapAtPipes: {{{methods|}}} }}</td></tr>
+<tr style='border-bottom-style: dotted;border-bottom-width: thin;vertical-align:top'><th>TSS cluster detected<sup>*</sup></th><td colspan='2'>{{{tss_cluster_detected|}}}</td></tr>
 </table>
-<p style='word-wrap: break-word;overflow-wrap: break-word;'><span style='font-size:0.7em;'>&nbsp;&nbsp;* The number of TSS cluster called studies (maximum {{#ifeq:{{{species|}}}|human|16|5}}) </span></p>
+<p style='word-wrap: break-word;overflow-wrap: break-word;'><span style='font-size:0.7em;'>&nbsp;&nbsp;* The number of TSS cluster called data-sets (maximum {{#ifeq:{{{species|}}}|human|17|5}}) </span></p>
 <!--
 <table class="inner" width="420px">
@@ Line 98: / Line 151: @@
 <hr width="270px" size="2" style="text-align:left;margin-left:0" noshade>
 <table class="inner" style="width:560px">
-<tr><th scope="row" align="left">Description:</th><td>{{#ccre_link:{{{ccre_description|}}}}}</td></tr>
+<tr><th scope="row" align="left">Description:</th><td>{{#ifeq:{{{ccre_description|}}}|N|-|{{#ccre_link:{{{ccre_description|}}}}}}}</td></tr>
 <tr><th scope="row" align="left">Category:</th><td>{{#ifeq:{{{ccre_category|}}}|N|-|{{{ccre_category|}}}}}</td></tr>
 </table>
@@ Line 108: / Line 161: @@
 <table border="0" style="width:560px"><tr><td style="width:36%;">
 <table class="inner" >
-<tr><th scope="row" align="left">Transcript_name:</th><td>{{{transcript_name|}}}</td></tr>
+<tr><th scope="row" align="left">Nearest transcript id and distance:</th><td>{{#if:{{{transcript_name|}}}|{{#replace:{{{transcript_name|}}}| |:{{{distance|}}}<br/>}}:{{{distance|}}}|}}</td></tr>
-<tr><th scope="row" align="left">Distance:</th><td>{{{distance|}}}</td></tr>
 <tr><th scope="row" align="left">GeneID:</th><td>{{#if:{{{gene_id|}}}|[[EntrezGene:{{{gene_id|}}}|{{{gene_id}}}]]|}}</td></tr>
 <tr><th scope="row" align="left">HGNC/MGI_ID:</th><td>{{{hgnc_mgi_id|}}}</td></tr>
 <tr><th scope="row" align="left">UniProt_ID:</th><td>{{{uniprot_id|}}}</td></tr>
+<tr><th scope="row" align="left">Nearer transcript ids and distances:</th><td><div class="list-container" id="listContainer"><ul>{{#arraymap:{{{nearest_transcripts|}}}|\s|x|<li>x</li>|\s}}</ul>{{#ifexpr: {{#count:{{{nearest_transcripts|}}}|:}} > 1 |<html><span class="view-toggle" id="viewToggle" onclick="toggleList()">view more...</span></html>}}</div></td></tr>
 </table></td><td style="width:4%;"></td><td style="width:60%;">
 <table class="inner" >
@@ Line 138: / Line 191: @@
 <tr><th scope="row" class="item_label_long">CpG%:</th><td class="ttb">{{{cpg_percent|}}}</td></tr>
 <tr><th scope="row" class="item_label_long">GC%:</th><td class="ttb">{{{gc_percent|}}}</td></tr>
-<tr><th scope="row" class="item_label_long">TATA-Box(TBP)/Promoter/Homer Distance From TSS(sequence,strand,conservation):</th><td class="ttb">{{{tata_box|}}}</td></tr>
+<tr><th scope="row" class="item_label_long">TATA-Box(TBP)/Promoter/Homer Distance From Peak(sequence,strand,conservation):</th><td class="ttb">{{{tata_box|}}}</td></tr>
 </table>
 <br>
 <br>
 {{#if:{{{gene_symbol|}}}|<span class="section_head">TSS expression</span><includeonly>{{#gene_exptable:{{{species|}}}|{{{gene_symbol}}} }}</includeonly>| }}
-<html>
-<script type="text/javascript" src="reftss_js/gene_exptable.js"></script></html>
 {{#set:tss_id={{{tss_id}}}}}
 {{#set:species={{{species}}}}}
 {{#set:distance_to_tss={{{distance_to_tss}}}}}
-{{#set:nearest_promoter_id={{{nearest_promoter_id}}}}}
+{{#set:nearest_promoter_id={{{nearest_promoter_id|}}}}}
-{{#set:entrez_id={{{entrez_id}}}}}
+{{#set:entrez_id={{{entrez_id|}}}}}
-{{#set:nearest_unigene={{{nearest_unigene}}}}}
+{{#set:nearest_unigene={{{nearest_unigene|}}}}}
-{{#set:nearest_refseq={{{nearest_refseq}}}}}
+{{#set:nearest_refseq={{{nearest_refseq|}}}}}
 {{#set:nearest_ensembl={{{nearest_ensembl}}}}}
-{{#set:gene_name={{{gene_name}}}}}
+{{#set:gene_name={{{gene_name|}}}}}
-{{#set:gene_alias={{{gene_alias}}}}}
+{{#set:gene_alias={{{gene_alias|}}}}}
-{{#set:gene_description={{{gene_description}}}}}
+{{#set:gene_description={{{gene_description|}}}}}
-{{#set:gene_type={{{gene_type}}}}}
+{{#set:gene_type={{{gene_type|}}}}}
 {{#set:cpg_percent={{{cpg_percent|}}}}}
 {{#set:gc_percent={{{gc_percent|}}}}}
@@ Line 163: / Line 214: @@
 {{#set:distance={{{distance}}}}}
 {{#set:gene_id={{{gene_id}}}}}
-{{#set:hgnc_mgi_id={{{hgnc_mgi_id}}}}}
+{{#set:hgnc_mgi_id={{{hgnc_mgi_id|}}}}}
-{{#set:uniprot_id={{{uniprot_id}}}}}
+{{#set:uniprot_id={{{uniprot_id|}}}}}
-{{#set:gene_name={{{gene_name}}}}}
+{{#set:gene_name={{{gene_name|}}}}}
 {{#set:gene_symbol={{{gene_symbol|}}}}}
-{{#set:gene_synonyms={{{gene_synonyms}}}}}
+{{#set:gene_synonyms={{{gene_synonyms|}}}}}
-{{#set:gene_source={{{gene_source}}}}}
+{{#set:gene_source={{{gene_source|}}}}}
 {{#set:chr={{{chr}}}}}
 {{#set:start={{{start|}}}}}
@@ Line 176: / Line 227: @@
 <!-- {{#set:distance={{{distance}}}}} -->
 <!-- {{#set:num_trans={{{num_trans|}}}}} -->
-<!--{{#set:all_trans={{{all_trans}}}}} -->
+{{#set:all_trans={{{all_trans}}}}}
-{{#set:tss_classification={{{tss_classification}}}}}
+{{#set:tss_classification={{{tss_classification|}}}}}
 {{#set:tss_id_v3={{{tss_id_v3|}}}}}
 {{#set:tss_cluster_detected={{{tss_cluster_detected|}}}}}
@@ Line 183: / Line 234: @@
 {{#set:ccre_category={{{ccre_category|}}}}}
 {{#set:reftss_version={{{reftss_version|}}}}}
+{{#set:nearest_transcripts={{{nearest_transcripts|}}}}}
 [[Category:TSS_IDs]]