Template: Test area: Difference between revisions

Latest revision as of 15:29, 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 1: / Line 1: @@
-<noinclude>[[Category:Sample pages]]
+{{DISPLAYTITLE:{{{tss_id}}}}}
-This [[Help:Semantic templates|semantic template]] provides a simple way to simultaneously annotate a page with the property [[Property:Surface area|surface area]] and display its value in a standardized scientific notation.
+<html><style>
+	table {
+		border-collapse:collapse;
+		}
+.inner tr{
+		border-bottom-style: dotted;
+		border-bottom-width: thin;
+		}
+.section_head{
+font-weight: bold;
+font-size: 16px;
+font-style:;
+}
-Usage: this takes two parameters, the value of the area and the power of 10 for it,
+.item_label {
-for example <code><nowiki>{{Surface area|6.088|18}}</nowiki></code>
+    text-align:left;
+    width:60px;
+}
+.item_label_middle {
+    text-align:left;
+    width:120px;
+}
+.item_label_long {
+    text-align:left;
+    width:270px;
+    word-wrap:break-word;
+}
+.item_label_long2 {
+    text-align:left;
+    width:350px;
+    word-wrap:break-word;
+}
+.ttb {
+    width:400px;
+    word-wrap:break-word;
+}
+.rotate90 {
+  -webkit-transform: rotate(-90deg);
+  -moz-transform: rotate(-90deg);
+  -webkit-transform-origin: 6px 18px;
+  -moz-transform-origin: 6px 18px;
+  width:1px;
+  word-wrap: initial;
+  overflow-wrap: initial;
+  font-size: 0.9em;
+}
+.highlight { background-color: yellow }
+.captop caption {
+	caption-side: top;
+}
+.hm {
+	z-index: 110;
+	align: center;
+	position:relative;
+}
+.egf {
+	display:none;
+	height:100%;
+	position:absolute;
+	background-color:gray;
+	top:0;
+	left: 0;
+	z-index: 50;
+}
+.edt {
+	position:absolute;
+	align: left;
+	top:0;
+	left: 0;
+	display:block;
+	z-index: 100;
+}
+/* Transcript nameのためのCSS */
+  /* リストのスタイル */
+  .list-container {
+    position: relative;
+  }
-It assumes the value is in square meters.
+  /* リストを折りたたむスタイル */
+  .list-container ul {
+    margin-left: 0;
+    max-height: 1.5em;
+    overflow: hidden;
+    transition: max-height 1.0s ease; /* スムーズなトランジション */
+  }
-Here's the actual template "code": </noinclude>[[Test area::{{{1}}}e{{{2}}} m²|{{{1}}} × 10<sup>{{{2}}}</sup> m²]]
+  .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="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>
+{{#if:{{{tss_id_v3|}}}|<tr><th scope="row" class="item_label_long">TSS ID(Version3):</th><td>{{#arraymap:{{{tss_id_v3}}}|;|x|[[TSS:x|x]]|<br />}} }}
+<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:68%;">
+<table class="inner" >
+<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">Strand:</th><td>{{{strand|}}}</td></tr>
+</table>
+</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 data-sets (maximum {{#ifeq:{{{species|}}}|human|17|5}}) </span></p>
+<!--
+<table class="inner" width="420px">
+<tr><th scope="row" class="item_label_long2">Start of the center position in the TSS region:</th><td>{{{start_of_center_position|}}}</td></tr>
+<tr><th scope="row" class="item_label_long2">End of the center position in the TSS region:</th><td>{{{end_of_center_position|}}}</td></tr>
+</table>
+-->
+<br/>
+<span class="section_head">cCREs annotation</span>
+<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>{{#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>
+<p style='word-wrap: break-word;overflow-wrap: break-word;'><span style='font-size:0.7em;'>&nbsp;&nbsp;* 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 [https://screen.encodeproject.org/ here].</span></p>
+<br/>
+<br/>
+<span class="section_head">Gene and protein annotation</span>
+<hr width="270px" size="2" style="text-align:left;margin-left:0" noshade>
+<table border="0" style="width:560px"><tr><td style="width:36%;">
+<table class="inner" >
+<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">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" >
+<tr><th scope="row" align="left">Gene_name:</th><td>{{{gene_name|}}}</td></tr>
+<tr><th scope="row" align="left">Gene_symbol:</th><td>{{{gene_symbol|}}}</td></tr>
+<tr><th scope="row" align="left">Gene_synonyms:</th><td>{{{gene_synonyms|}}}</td></tr>
+<tr><th scope="row" align="left">Gene_source:</th><td>{{{gene_source|}}}</td></tr>
+</table></td></tr>
+</table>
+<br/>
+<br/>
+<span class="section_head">TATA-Box annotation</span>
+<hr width="200px" size="2" style="text-align:left;margin-left:0" noshade>
+<table class="inner" style="width: 600px;table-layout:fixed;">
+<tr><th scope="row" class="item_label_long">Distance to TSS:</th><td class="ttb">{{{distance_to_tss|}}}</td></tr>
+<tr><th scope="row" class="item_label_long">Nearest PromoterID:</th><td class="ttb">{{{nearest_promoter_id|}}}</td></tr>
+<tr><th scope="row" class="item_label_long">Entrez ID:</th><td class="ttb">{{{entrez_id|}}}</td></tr>
+<tr><th scope="row" class="item_label_long">Nearest Unigene:</th><td class="ttb">{{{nearest_unigene|}}}</td></tr>
+<tr><th scope="row" class="item_label_long">Nearest Refseq:</th><td class="ttb">{{{nearest_refseq|}}}</td></tr>
+<tr><th scope="row" class="item_label_long">Nearest Ensembl:</th><td class="ttb">{{{nearest_ensembl|}}}</td></tr>
+<tr><th scope="row" class="item_label_long">Gene Name:</th><td class="ttb">{{{gene_name|}}}</td></tr>
+<tr><th scope="row" class="item_label_long">Gene Alias:</th><td class="ttb">{{{gene_alias|}}}</td></tr>
+<tr><th scope="row" class="item_label_long">Gene Description:</th><td class="ttb">{{{gene_description|}}}</td></tr>
+<tr><th scope="row" class="item_label_long">Gene Type:</th><td class="ttb">{{{gene_type|}}}</td></tr>
+<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 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>| }}