annotate phageqc_report_annotation_table.html @ 7:848dd74f4382 draft default tip

planemo upload commit 719355d46f8a7f4303abc5b03e781a2c410df406-dirty
author cpt
date Fri, 24 May 2024 05:04:09 +0000
parents 32e011fa615c
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
1 <!DOCTYPE html>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
2 <html lang="en">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
3 <head>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
4 <meta charset="utf-8">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
6 <meta name="viewport" content="width=device-width, initial-scale=1">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
7 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
8 <meta name="description" content="">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
9 <meta name="author" content="">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
10 <title>Annotation Table</title>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
11 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
12 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" crossorigin="anonymous">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
13 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" crossorigin="anonymous">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
14 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" crossorigin="anonymous"></script>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
15
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
16 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.css">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
17 <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.js"></script>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
18 <style type="text/css">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
19 /*
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
20 * Base structure
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
21 */
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
22
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
23 /* Move down content because we have a fixed navbar that is 50px tall */
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
24 body {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
25 padding-top: 50px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
26 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
27
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
28 h3:before {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
29 display: block;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
30 content: " ";
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
31 margin-top: -50px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
32 height: 50px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
33 visibility: hidden;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
34 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
35
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
36 /*
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
37 * Global add-ons
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
38 */
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
39
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
40 .sub-header {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
41 padding-bottom: 10px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
42 border-bottom: 1px solid #eee;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
43 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
44
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
45 /*
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
46 * Top navigation
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
47 * Hide default border to remove 1px line.
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
48 */
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
49 .navbar-fixed-top {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
50 border: 0;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
51 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
52
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
53 /*
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
54 * Sidebar
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
55 */
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
56
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
57 /* Hide for mobile, show later */
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
58 .sidebar {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
59 display: none;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
60 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
61 @media (min-width: 768px) {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
62 .sidebar {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
63 position: fixed;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
64 top: 51px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
65 bottom: 0;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
66 left: 0;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
67 z-index: 1000;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
68 display: block;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
69 padding: 20px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
70 overflow-x: hidden;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
71 overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
72 background-color: #f5f5f5;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
73 border-right: 1px solid #eee;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
74 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
75 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
76
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
77 /* Sidebar navigation */
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
78 .nav-sidebar {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
79 margin-right: -21px; /* 20px padding + 1px border */
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
80 margin-bottom: 20px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
81 margin-left: -20px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
82 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
83 .nav-sidebar > li > a {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
84 padding-right: 20px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
85 padding-left: 20px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
86 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
87 .nav-sidebar > .active > a,
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
88 .nav-sidebar > .active > a:hover,
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
89 .nav-sidebar > .active > a:focus {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
90 color: #fff;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
91 background-color: #428bca;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
92 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
93
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
94
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
95 /*
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
96 * Main content
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
97 */
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
98
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
99 .main {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
100 padding: 20px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
101 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
102 @media (min-width: 768px) {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
103 .main {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
104 padding-right: 40px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
105 padding-left: 40px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
106 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
107 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
108 .main .page-header {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
109 margin-top: 0;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
110 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
111
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
112
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
113 /*
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
114 * Placeholder dashboard ideas
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
115 */
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
116
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
117 .placeholders {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
118 margin-bottom: 30px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
119 text-align: center;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
120 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
121 .placeholders h4 {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
122 margin-bottom: 0;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
123 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
124 .placeholder {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
125 margin-bottom: 20px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
126 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
127 .placeholder img {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
128 display: inline-block;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
129 border-radius: 50%;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
130 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
131
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
132 td.moron {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
133 font-size: 150%;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
134 padding: 0px;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
135 color: gray;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
136 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
137 .strand_emph {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
138 text-decoration: underline;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
139 color: black;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
140 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
141
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
142 </style>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
143 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
144 <!--[if lt IE 9]>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
145 <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
146 <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
147 <![endif]-->
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
148 </head>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
149 <body>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
150
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
151 <nav class="navbar navbar-inverse navbar-fixed-top">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
152 <div class="container-fluid">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
153 <div class="navbar-header">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
154 <a class="navbar-brand" href="#">Annotation Table</a>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
155 </div>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
156 </div>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
157 </nav>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
158
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
159 <div class="container-fluid">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
160 <div class="row">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
161 <div class="col-md-12 main" id="main">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
162 <ul class="nav nav-tabs" role="tablist" id="myTabs">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
163 <li role="presentation" class="active"><a href="#overview" role="tab" data-toggle="tab">Overview</a></li>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
164 {% for (record, data) in annotation_table_data %}
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
165 <li role="presentation"><a href="#{{ record.id }}" role="tab" data-toggle="tab">{{ record.id }}</a></li>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
166 {% endfor %}
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
167 </ul>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
168
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
169 <!-- Tab panes -->
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
170 <div class="tab-content">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
171 <div role="tabpanel" class="tab-pane active" id="overview">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
172 Data on each organism will be accessible from the tabs above.
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
173 </div>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
174 {% for (record, data) in annotation_table_data %}
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
175 <div role="tabpanel" class="tab-pane" id="{{ record.id }}">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
176 <table class="table table-striped" id="data">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
177 <thead>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
178 <tr>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
179 {% for col in annotation_table_col_names %}
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
180 <th>{{ col[0] }}</th>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
181 {% endfor %}
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
182 </tr>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
183 </thead>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
184 <tbody>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
185 {% for row in data %}
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
186 <tr>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
187 {% for col in row %}
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
188 <td>{% if col is not string %}<ul>{% for val in col %}<li>{{ val }}</li>{% endfor %}</ul>{% else %}{{ col }}{% endif %}</td>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
189 {% endfor %}
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
190 </tr>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
191 {% endfor %}
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
192 </tbody>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
193 </table>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
194 </div>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
195 {% endfor %}
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
196 </div>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
197 </div>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
198 </div>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
199 </div>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
200
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
201 <script type="text/javascript">
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
202 $(document).ready( function () {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
203
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
204
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
205
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
206 $('#myTabs a').click(function (e) {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
207 e.preventDefault()
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
208 $(this).tab('show')
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
209 })
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
210
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
211
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
212
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
213 jQuery.fn.dataTable.ext.type.detect.unshift( function ( data ) {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
214 if ( typeof data !== 'string' ) {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
215 return null;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
216 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
217
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
218 var matches = data.match(/^(\d+)\.\.(\d+)/);
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
219 return matches ? 'genomic' : null;
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
220 } );
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
221
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
222
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
223
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
224 jQuery.extend( jQuery.fn.dataTableExt.oSort, {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
225 "genomic-pre": function ( a ) {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
226 var matches = a.match(/^(\d+)\.\.(\d+)/);
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
227 console.log(a + " " + matches[1]);
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
228 return parseInt(matches[1]);
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
229 },
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
230
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
231 "genomic-asc": function ( a, b ) {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
232 return ((a < b) ? -1 : ((a > b) ? 1 : 0));
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
233 },
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
234
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
235 "genomic-desc": function ( a, b ) {
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
236 return ((a < b) ? 1 : ((a > b) ? -1 : 0));
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
237 }
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
238 } );
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
239
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
240 $('table').DataTable();
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
241 });
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
242 </script>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
243 </body>
32e011fa615c planemo upload commit edc74553919d09dcbe27fcadf144612c1ad3a2a2
cpt
parents:
diff changeset
244 </html>