-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdb.html
265 lines (224 loc) · 14.7 KB
/
db.html
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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css"/>
<link rel="stylesheet" href="css/db.css" type="text/css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jszip.min.js"></script>
<script type="text/javascript" src="js/jquery.reel-min.js"></script>
<script type="text/javascript" src="js/dbclient.js"></script>
<script type="text/javascript" src="js/ga.js"></script>
</head>
<body>
<!---------------------------------------------------------------------------->
<div id="dbControl">
<!---------->
<div id="Global">
<table>
<tr>
<td>data set:<select title="choose snapshot of data set" id="SetSelection"></select></td>
<td title="download coordinate files for all selected complexes"><button id="downloadInfo"></button><a id="downloadLink" href="#">Download</a><span title="choose if download should include the coordinate files of the binding partners in bound, unbound or both states" class="nowrap">
(incl.<input name="DownloadType" type="radio" value="bound">bound <input name="DownloadType" type="radio" value="unbound">unbound <input name="DownloadType" type="radio" value="both" checked="checked">both)</span></td>
<td><button title="show filter settings" id="ShowFilter">Show Filter</button><span title="number of complexes left after filtering" class="nowrap"> ( <span id="Stats"></span> displayed)</span></td>
</tr>
</table>
</div>
<!---------->
<div id="Filter">
</div>
<script id="FilterTemplate" type="text/x-jquery-tmpl">
<table class ="range">
<tr title="range: number of Cα-atoms in interface region of bound structure">
<td>Num. Interface-Cα:</td>
<td><input id="IcaMin" value=""></input></td>
<td><input id="IcaMax" value=""></input></td>
<td><input id="IncludeIca" type="checkbox"></input></td>
</tr><tr title="range: number of S2-bonds between binding partners of bound structure">
<td>Num. S2-bonds:</td>
<td><input id="Is2Min" value=""></input></td>
<td><input id="Is2Max" value=""></input></td>
<td><input id="IncludeIs2" type="checkbox"></input></td>
</tr><tr title="range: sequential similarity of the unbound structure to the interface of the bound structure">
<td>Interface similarity:</td>
<td><input id="SimMin" value=""></input></td>
<td><input id="SimMax" value=""></input></td>
<td><input id="IncludeSim" type="checkbox"></input></td>
</tr><tr title="range: RMSD of the unbound structure to the bound structures interface">
<td>Interface-RMSD:</td>
<td><input id="IrmsdMin" value=""></input></td>
<td><input id="IrmsdMax" value=""></input></td>
<td><input id="IncludeIrmsd" type="checkbox"></input></td>
</tr><tr title="the range is applied to both or at least one of the unbound structures">
<td>Apply to:</td><td colspan=5><select id="RangeTarget"><option value="1">at least one</option><option value="2">both unbound</option></select></td>
</tr></table>
<table>
<tr title="cofactors in the interface of complex">
<td>Cofactors:</td><td><select id="Cofactors"><option value="a">allowed</option><option value="r">required</option><option value="f">forbidden</option></select></td>
</tr><tr title="show complexes that are missing one unbound structure">
<td>Incompl. unbound:</td><td><input id="IncludeIncompl" type="checkbox"></input></td>
</tr><tr title="hide complexes where at least one of the unbound structures is a NMR structure">
<td>Include NMR:</td><td><input id="IncludeNMR" type="checkbox"></input></td>
</tr><tr title="show complexes where the complex type matches the keyword">
<td>Keyword:</td><td><input id="Keyword" value=""></input></td>
</tr>
</table>
<table>
<tr>
<td><button title="close filter settings" id="HideFilter">Close Filter</button></td>
</tr><tr>
<td></td>
</tr><tr>
<td><button title="set filter to default values" id="Reset">Reset Filter</button></td>
</tr><tr>
<td><button title="apply current filter settings" id="Apply">Apply Filter</button></td>
</tr>
</table>
</script>
<!---------->
<div class="footer"></div>
</div>
<!---------->
</div>
<!-------------------->
<script id="dbDetailViewTemplate" type="text/x-jquery-tmpl">
<div>
<img id="detail-img" src="{{imgUrl}}_01.webp" width="400px" height="300px">
</div>
<div><table><tbody>
<tr>
<td title="show bound binding partner 1" data-cplx="B1"><input type="checkbox" value="yes">Bound 1</td>
<td title="show unbound binding partner 1" data-cplx="U1"><input type="checkbox" value="yes">Unbound 1</td>
</tr>
<tr>
<td title="show bound binding partner 2" data-cplx="B2"><input type="checkbox" value="yes">Bound 2</td>
<td title="show unbound binding partner 2" data-cplx="U2"><input type="checkbox" value="yes">Unbound 2</td>
</tr>
</tbody></table></div>
</script>
<!-------------------->
<!-- <tr><td colspan="3"></td><td></td><td class="dtl-aln-gt" colspan="3"></td></tr> -->
<script id="dbDetailDataAlnTemplate" type="text/x-jquery-tmpl">
<div colspan=7 class="aln" data-id="aln1"><button title="show interface alignments">Interface Similarity: {{u1sim}}</button><div class="alnData"></div></div>
<table>
<colgroup>
<col span="1" class="border">
<col span="1" class="content">
<col span="1" class="border">
<col span="1" class="space">
<col span="1" class="border">
<col span="1" class="content">
<col span="1" class="border">
</colgroup>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr class="x1"><td></td><th>Bound 1</th><td></td><td></td><td></td><th>Unbound 1</th><td></td></tr>
<tr class="x1"><td></td><td></td><td></td><td></td><td></td><td>{{u1name}}</td><td></td></tr>
<tr class="x1 spaceb"><td></td><td></td><td></td><td></td><td></td><td>{{u1type}}</td><td></td></tr>
<tr class="x1 spaceb"><td></td><td><span class="emph">Chains:</span> {{b1c}} </td><td></td><td></td><td></td><td><span class="emph">Chains:</span> {{u1c}} </td><td></td></tr>
<tr class="x1"><td></td> <td title="chains participating in the interface"><span class="emph">Int. Chains:</span>{{b1ci}} </td><td></td><td>→</td><td></td><td title="chains participating in the interface"><span class="emph">Int. Chains:</span> {{u1ci}} </td><td></td></tr>
<tr class="x1"><td></td> <td title="number of Cα atoms in the interface"><span class="emph">Int. Cα:</span> {{b1ca}} </td><td></td><td></td><td></td><td title="RMSD to the interface of the bound structure"><span class="emph">Int. RMSD:</span> {{u1irmsd}}</td><td></td></tr>
<tr class="x1 cof"><td></td> <td title="number of gaps in the interface"><span class="emph">Int. Gaps:</span> {{b1gaps}}</td><td></td><td></td><td></td><td title="number of gaps in the interface"><span class="emph">Int. Gaps:</span> {{u1gaps}} </td><td></td></tr>
<tr class="x1 last spaceb"><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr class="bc spaceh"><td></td><td>{{bname}}</td><td></td><td></td><td></td><td></td><td></td></tr>
<tr class="bc spaceb" ><td></td><td>{{btype}}</td><td></td><td></td><td></td><td></td><td></td></tr>
<!-- <tr class="bc spaceb"><td></td><td title="show interface cluster"><button id="clus" value="{{cluster}}"">Show sim. interfaces</button></td><td></td><td></td><td></td><td></td><td></td></tr> -->
<tr class="x2"><td></td><th>Bound 2</th><td></td><td></td><td></td><th>Unbound 2</th><td></td></tr>
<tr class="x2"><td></td><td></td><td></td><td></td><td></td><td>{{u2name}}</td><td></td></tr>
<tr class="x2 spaceb"><td></td><td></td><td></td><td></td><td></td><td>{{u2type}}</td><td></td></tr>
<tr class="x2 spaceb"><td></td><td><span class="emph">Chains:</span> {{b2c}} </td><td></td><td></td><td></td><td ><span class="emph">Chains:</span> {{u2c}} </td><td></td></tr>
<tr class="x2"><td></td><td title="chains participating in the interface"><span class="emph">Int. Chains:</span>{{b2ci}} </td><td></td><td>→</td><td></td><td title="chains participating in the interface"><span class="emph">Int. Chains:</span> {{u2ci}} </td><td></td></tr>
<tr class="x2"><td></td><td title="number of Cα atoms in the interface"><span class="emph">Int. Cα:</span> {{b2ca}} </td><td></td><td></td><td></td><td title="RMSD to the interface of the bound structure"><span class="emph">Int. RMSD:</span> {{u2irmsd}}</td><td></td></tr>
<tr class="x2 cof"><td></td><td title="number of gaps in the interface"><span class="emph">Int. Gaps:</span> {{b2gaps}}</td><td></td><td></td><td></td><td title="number of gaps in the interface"><span class="emph">Int. Gaps:</span> {{u2gaps}} </td><td></td></tr>
<tr class="x2 last spaceb"><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>
<div class="aln" data-id="aln2"><button title="show interface alignments">Interface Similarity: {{u2sim}}</button><div class="alnData"></div>
</script>
<!-------------------->
<script id="dbDetailAlignmentTemplate" type="text/x-jquery-tmpl">
Chain {{chainb}}→{{chainu}}<br>
<span title="indicator if residue belongs to interface region of bound structure">Interf.:{{int}}</span><br>
<span title="amino acid sequence of the bound structures' chain">{{pdbb}}_{{chainb}}: {{alb}}</span><br>
<span title="amino acid sequence of unbound structures' chain">{{pdbu}}_{{chainu}}: {{alu}}</span><br>
<span title="alignend residues between the two chains">Match: {{aln}}</span><br>
{{nalint}}/{{nint}} interface residues aligned<br>
</script>
<!-------------------->
<script id="dbDetailDataAlnPdbTemplate" type="text/x-jquery-tmpl">
<span class="pdb" title="PDB link"><a target="_blank" href="http://www.rcsb.org/structure/{{pdb}}" target="_blank">{{pdb}}</a></span>, {{biounit}}
</script>
<!-------------------->
<script id="dbDetailDataClusTemplate" type="text/x-jquery-tmpl">
<button id="clus" value="{{cluster}}"">Show sim. interfaces</button>
</script>
<!-------------------->
<script id="dbDetailDataAlnCof1Template" type="text/x-jquery-tmpl">
<tr class="x1"><td></td><td><span class="emph">Cofactors:</span><a target="_blank" href="http://www.rcsb.org/ligand/{{bcof}}">{{bcof}}<a> {{bloc}}</td><td></td><td>{{arrow}}</td><td></td><td><span class="emph">Cofactors:</span><a target="_blank" href="http://www.rcsb.org/ligand/{{ucof}}">{{ucof}}<a> {{uloc}}</td><td></td></tr>
</script>
<script id="dbDetailDataAlnCof1nTemplate" type="text/x-jquery-tmpl">
<tr class="x1"><td></td><td><span class="emph"></span><a target="_blank" href="http://www.rcsb.org/ligand/{{bcof}}">{{bcof}}<a> {{bloc}}</td><td></td><td>{{arrow}}</td><td></td><td><span class="emph"></span><a target="_blank" href="http://www.rcsb.org/ligand/{{ucof}}">{{ucof}}<a> {{uloc}}</td><td></td></tr>
</script>
<script id="dbDetailDataAlnCof2Template" type="text/x-jquery-tmpl">
<tr class="x2"><td></td><td><span class="emph">Cofactors:</span><a target="_blank" href="http://www.rcsb.org/ligand/{{bcof}}">{{bcof}}<a> {{bloc}}</td><td></td><td>{{arrow}}</td><td></td><td><span class="emph">Cofactors:</span><a target="_blank" href="http://www.rcsb.org/ligand/{{ucof}}">{{ucof}}<a> {{uloc}}</td><td></td></tr>
</script>
<script id="dbDetailDataAlnCof2nTemplate" type="text/x-jquery-tmpl">
<tr class="x2"><td></td><td><span class="emph"></span><a target="_blank" href="http://www.rcsb.org/ligand/{{bcof}}">{{bcof}}<a> {{bloc}}</td><td></td><td>{{arrow}}</td><td></td><td><span class="emph"></span><a target="_blank" href="http://www.rcsb.org/ligand/{{ucof}}">{{ucof}}<a> {{uloc}}</td><td></td></tr>
</script>
<!---------------------------------------------------------------------------->
<div id="dbSetTable">
<div id="dbSetTableSc">
<table>
<thead>
<tr>
<th><input title="select all for download" type="checkbox" value="no"></input></th>
<th></th>
<th title="PDB ID and interfacing chains of bound structure">complex PDB</th>
<th title="type of bound structure">complex type</th>
<th title="number of Cα-atoms in interface region of bound structure">#intf.-Cα</th>
<th title="number of S2 bonds found within the interface of the bound structure">#S2 bonds</th>
<th title="cofactors in interface region of bound structure">complex cofactors</th>
<th title="PDB ID and interfacing chains of first unbound structure">u1 PDB</th>
<th title="sequential similarity to interface of bound structure">u1 sim.</th>
<th title="cofactors occuring in interface of unbound structure">u1 cofactors</th>
<th title="RMSD (in Å) of the unbound structure to the bound structures interface">u1 iRMSD</th>
<th title="PDB ID and interfacing chains of second unbound structure">u2 PDB</th>
<th title="sequential similarity to interface of bound structure">u2 sim.</th>
<th title="cofactors occuring in interface of unbound structure">u2 cofactors</th>
<th title="RMSD (in Å) of the unbound structure to the bound structures interface">u2 iRMSD</th>
</tr>
</thead>
<tbody>
</tbody>
</table></div></div>
<!-------------------->
<script id="dbSetTableLinkTemplate" type="text/x-jquery-tmpl">
<a href={{link}} target="_blank">{{text}}</a>
</script>
<!-------------------->
<script id="dbSetTableBodyTemplate" type="text/x-jquery-tmpl">
<tr data-id={{bIndex}}>
<td title="select for download"><input type="checkbox" value="yes"></input></td>
<td title="preview"><img src="./{{setPath}}/{{setCurr}}/info/{{bIndex}}/preview.png"></td>
<td title="PDB ID and interfacing chains of bound structure">{{bName}}</td>
<td title="type of bound structure">{{bType}}</td>
<td title="number of Cα-atoms in interface region of bound structure">{{bNumCa}}</td>
<td title="number of S2 bonds found within the interface of the bound structure">{{bNumS2}}</th>
<td title="cofactors in interface region of bound structure">{{bCof}}</td>
<td title="PDB ID and interfacing chains of first unbound structure">{{u1Name}}</td>
<td title="sequential similarity to interface of bound structure">{{u1Sim}}</td>
<td title="cofactors occuring in interface of unbound structure">{{u1Cof}}</td>
<td title="RMSD (in Å) of the unbound structure to the bound structures interface">{{u1Rmsd}}</td>
<td title="PDB ID and interfacing chains of second unbound structure">{{u2Name}}</td>
<td title="sequential similarity to interface of bound structure">{{u2Sim}}</td>
<td title="cofactors occuring in interface of unbound structure">{{u2Cof}}</td>
<td title="RMSD (in Å) of the unbound structure to the bound structures interface">{{u2Rmsd}}</td>
</tr>
</script>
<!---------------------------------------------------------------------------->
<div id="diagClus" title="Interface cluster">
</div>
<!---------------------------------------------------------------------------->
<div id="Modal"><!-- loader --></div>
<!---------------------------------------------------------------------------->
</body>
</html>