-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathkrona.php
119 lines (112 loc) · 5.72 KB
/
krona.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<?php
$type = urldecode($_GET["type"]);
$bioproject = urldecode($_GET["bioproject"]);
$ds = urldecode($_GET["ds"]);
$at = urldecode($_GET["at"]);
$is = urldecode($_GET["is"]);
// echo $type."<br/>".$bioproject."<br/>".$ds."<br/>".$at."<br/>".$is;
$noRunWiseBioProjects = array("BIOPROJECT_PRJEB9033_COPD_WMS", "BIOPROJECT_PRJEB9033_Asthma_WMS", "BIOPROJECT_PRJNA322414_COPD_Amplicon");
$runWiseRequired = (array_search($type."_".$bioproject."_".$ds."_".$at, $noRunWiseBioProjects) === FALSE);
$runwiseMessage = "";
if (!$runWiseRequired)
$runwiseMessage = "<p>Only one run present for ".$bioproject." - ".$ds." - ".$at.". No run-wise krona possible.</p>";
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Krona - MDPD</title>
<link rel = "stylesheet" type = "text/css" href = "css/main.css" />
<script type = "text/javascript" src = "js/plot_krona.js"></script>
<style>
.side_nav_div{
display : block;
padding : 15px 5px 15px 10px;
margin: 10px 0 10px 0;
font-size: 16px;
font-weight: bold;
text-decoration : none;
color : white;
background-color: #51414f;
border: 2px solid black;
box-shadow: 0px 0px 10px grey;
cursor: pointer;
}
</style>
</head>
<body>
<div class = "section_header">
<center><p class="title">MDPD - Microbiome Database of Pulmonary Diseases</p></center>
</div>
<div class = "section_menu">
<center>
<table cellpadding="3px">
<tr class="nav">
<td class="nav"><a href="index.php" class="side_nav">Home</a></td>
<td class="nav"><a href="browse.php" class="side_nav">Browse</a></td>
<td class="nav"><a href="statistics.php" class="side_nav">Statistics</a></td>
<td class="nav"><a href="about.php" class="side_nav">About</a></td>
<td class="nav"><a href="help.html" class="side_nav">Help</a></td>
<td class="nav"><a href="team.html" class="side_nav">Team</a></td>
</tr>
</table>
</center>
</div>
<div class = "section_left" id="section_left">
<div class="side_nav_div" id="merged_div" style="width:100%;" onclick="<?php echo "getKronaData('".$type."','".$bioproject."','".$ds."','".$at."','".$is."','Merged')" ?>">Merged</div>
<?php
if(!$runWiseRequired)
echo "<div class=\"side_nav_div\" id=\"runwise_div\" style=\"width:100%;\">Run-wise</div>";
else
echo "<div class=\"side_nav_div\" id=\"runwise_div\" style=\"width:100%;\" onclick=\"getKronaData('".$type."','".$bioproject."','".$ds."','".$at."','".$is."','Runwise')\">Run-wise</div>";
if($runwiseMessage !== "")
echo $runwiseMessage;
?>
</div>
<script>
window.onscroll = function() {makeSticky()};
var header = document.getElementById("section_left");
var sticky = header.offsetTop;
function makeSticky() {
if (window.pageYOffset > sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
}
</script>
<div class = "section_middle" style="width:72%;">
<center><p id="display_text"></p></center>
<iframe id="krona_frame" style="width:100%; height:600px;"></iframe>
<?php
if ($at === "WMS")
echo "<p>N.B. - <b>1)</b> For Amplicon data, Krona allows visualization upto genus
level. <b>2)</b> For WMS data, Krona allows visualization upto species level.
<b>3)</b> The depth can be modified using the \"Max depth\" button on the upper
left corner. <b>4)</b> For better view, please view the plot at <i>\"Max depth\"
= 7</i>. <b>5)</b> The current view of the Krona plot can be downloaded as a SVG
image by clicking on the <i>\"Snapshot\"</i> button located at the upper left corner
of the plot.</p>";
else
echo "<p>N.B. - <b>1)</b> For Amplicon data, Krona allows visualization upto genus
level. <b>2)</b> For WMS data, Krona allows visualization upto species level.
<b>3)</b> The depth can be modified using the \"Max depth\" button on the upper
left corner. <b>4)</b> For better view, please view the plot at <i>\"Max depth\"
= 6</i>. <b>5)</b> The current view of the Krona plot can be downloaded as a SVG
image by clicking on the <i>\"Snapshot\"</i> button located at the upper left corner
of the plot.</p>";
?>
</div>
<div style="clear:both;">
<br/><hr/>
<p style="font-size:0.9em;text-align:center;">
© 2023 Bose Institute. All rights reserved. For queries, please contact Dr. Sudipto Saha
(<a style="color:#003325;" href="mailto:[email protected]">[email protected]</a>,
<a style="color:#003325;" href="mailto:[email protected]">[email protected]</a>).
</p>
</div>
<script>
<?php echo "getKronaData('".$type."','".$bioproject."','".$ds."','".$at."','".$is."','Merged');"; ?>
</script>
</body>
</html>