Skip to content

Commit

Permalink
color change to statistics and other small changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@cmunk
cmunk committed Jul 16, 2018
1 parent b6af1d0 commit 7909425
Show file tree
Hide file tree
Showing 2 changed files with 47 additions and 20 deletions.
54 changes: 36 additions & 18 deletions construct/templates/construct/statistics.html
View file
Expand Up @@ -35,14 +35,14 @@
a = d[seq_pos];
if (a<0.7) {
// disordered / flexible
color = 'green';
color = '#3D9970'; //green
if ($(this).attr('bgcolor')=='lightgrey') color = '#99C799';
} else if (a>0.8) {
// ordered / rigid
color = 'blue';
color = '#0074D9'; //blue
if ($(this).attr('bgcolor')=='lightgrey') color = '#999DFF';
} else {
color = 'red';
color = '#FF851B'; //red
if ($(this).attr('bgcolor')=='lightgrey') color = '#FFA3A3';
}
// console.log( index + ": " + entry_name + ' pos:' + pos + ' seq_pos:' + seq_pos + ' ' +a);
Expand All @@ -65,14 +65,14 @@
a = d[seq_pos];
if (a<0.7) {
// disordered / flexible
color = 'green';
color = '#3D9970'; //green
if ($(this).attr('bgcolor')=='lightgrey') color = '#99C799';
} else if (a>0.8) {
// ordered / rigid
color = 'blue';
color = '#0074D9'; //blue
if ($(this).attr('bgcolor')=='lightgrey') color = '#999DFF';
} else {
color = 'red';
color = '#FF851B'; //red
if ($(this).attr('bgcolor')=='lightgrey') color = '#FFA3A3';
}
// console.log( index + ": " + entry_name + ' pos:' + pos + ' seq_pos:' + seq_pos + ' ' +a);
Expand Down Expand Up @@ -159,6 +159,22 @@

<style type="text/css">

.explain {
width: 10px;
height: 10px;
display: inline-block;
left: 5px;
top: 5px;
}
.explain.flexible {
background-color: #3D9970; /*green*/
}
.explain.rigid {
background-color: #0074D9; /*blue*/
}
.explain.context {
background-color: #FF851B; /*red*/
}

.verticalTableHeader {
text-align:center;
Expand Down Expand Up @@ -295,7 +311,7 @@
</label>
</div>
<div class='sub_figures truncation_nterm'>
N-terminal truncations sites by class and residue position
N-terminal truncations sites by class and residue position (<span class="explain flexible"></span>flexible <span class="explain rigid"></span>rigid and <span class="explain context"></span>context-dependent)
{% for class, values in truncations_new.nterm.items %}
<div class="row">
<div class="col-md-12">
Expand All @@ -306,7 +322,7 @@
{% for pos in values.range reversed %}
<th class="seq_pos"></th>
{% endfor %}
<th>GPCR</th><th>Name</th><th>Species*</th><th>Ina</th><th>Int</th><th>Act</th><th>Pos**</th><th>No.PDBs</th>
<th>Receptor</th><th>Uniprot</th><th>Species*</th><th>Ina</th><th>Int</th><th>Act</th><th>Pos**</th><th>No.PDBs</th>
</tr>
</thead>
<tbody>
Expand All @@ -318,9 +334,9 @@
{% elif pos in t_pos.1 %}
<td class='adddynamine_nterm' entryname='{{recp}}' position='{{pos}}' bgcolor='red' align='center' style='border: none;'></td>
{% elif pos < t_pos.0.0 %}
<td class='adddynamine_nterm' entryname='{{recp}}' position='{{pos}}' bgcolor='blue' align='center' style='border: none;'></td>
<td class='adddynamine_nterm' entryname='{{recp}}' position='{{pos}}' bgcolor='#0074D9' align='center' style='border: none;'></td>
{% elif pos < t_pos.1.0 %}
<td class='adddynamine_nterm' entryname='{{recp}}' position='{{pos}}' bgcolor='blue' align='center' style='border: none;'></td>
<td class='adddynamine_nterm' entryname='{{recp}}' position='{{pos}}' bgcolor='#0074D9' align='center' style='border: none;'></td>
{% elif pos <= t_pos.2.0 %}
<td class='adddynamine_nterm' entryname='{{recp}}' position='{{pos}}' bgcolor='lightgrey' align='center' style='border: none;'></td>
{% else %}
Expand All @@ -344,10 +360,11 @@
{% endfor %}
* Empty species cell is human<br>
** Position is the last kept residue in relation to the start of Transmembrane Helix 1 (TM1)<br>
*** <strong>Ina</strong>ctive | <strong>Int</strong>ermediate | <strong>Act</strong>ive
*** <strong>Ina</strong>ctive | <strong>Int</strong>ermediate | <strong>Act</strong>ive<br>
<span class="explain flexible"></span>flexible <span class="explain rigid"></span>rigid and <span class="explain context"></span>context-dependent
</div>
<div class='sub_figures truncation_cterm'>
C-terminal truncations sites by class and residue position
C-terminal truncations sites by class and residue position (<span class="explain flexible"></span>flexible <span class="explain rigid"></span>rigid and <span class="explain context"></span>context-dependent)
{% for class, values in truncations_new.cterm.items %}
<div class="row">
<div class="col-md-12">
Expand All @@ -359,8 +376,8 @@
<th>Ina</th><th>Int</th><th>Act</th>
<th>Pos**</th>
<th>Species*</th>
<th>Name</th>
<th>GPCR</th>
<th>Uniprot</th>
<th>Receptor</th>
{% for pos in values.range %}
<th class="seq_pos"></th>
{% endfor %}
Expand All @@ -379,13 +396,13 @@
<td>{{t_pos.8|safe}}</td>
{% for pos in values.range %}
{% if pos in t_pos.0 %}
<td class='adddynamine_cterm' entryname='{{recp}}' position='{{pos}}' bgcolor='blue' align='center' style='border: none;'></td>
<td class='adddynamine_cterm' entryname='{{recp}}' position='{{pos}}' bgcolor='#0074D9' align='center' style='border: none;'></td>
{% elif pos in t_pos.1 %}
<td class='adddynamine_cterm' entryname='{{recp}}' position='{{pos}}' bgcolor='red' align='center' style='border: none;'></td>
{% elif pos < t_pos.0.0 %}
<td class='adddynamine_cterm' entryname='{{recp}}' position='{{pos}}' bgcolor='blue' align='center' style='border: none;'></td>
<td class='adddynamine_cterm' entryname='{{recp}}' position='{{pos}}' bgcolor='#0074D9' align='center' style='border: none;'></td>
{% elif pos < t_pos.1.0 %}
<td class='adddynamine_cterm' entryname='{{recp}}' position='{{pos}}' bgcolor='blue' align='center' style='border: none;'></td>
<td class='adddynamine_cterm' entryname='{{recp}}' position='{{pos}}' bgcolor='#0074D9' align='center' style='border: none;'></td>
{% elif pos <= t_pos.2.0 %}
<td class='adddynamine_cterm' entryname='{{recp}}' position='{{pos}}' bgcolor='lightgrey' align='center' style='border: none;'></td>
{% else %}
Expand All @@ -401,7 +418,8 @@
{% endfor %}
* Empty species cell is human<br>
** Position is the last kept residue in relation to the end of Helix 8 (H8)<br>
*** <strong>Ina</strong>ctive | <strong>Int</strong>ermediate | <strong>Act</strong>ive
*** <strong>Ina</strong>ctive | <strong>Int</strong>ermediate | <strong>Act</strong>ive<br>
<span class="explain flexible"></span>flexible <span class="explain rigid"></span>rigid and <span class="explain context"></span>context-dependent
</div>
</div>

Expand Down
13 changes: 11 additions & 2 deletions static/home/css/construct_browser.css
View file
Expand Up @@ -71,15 +71,24 @@ input.number_range_filter, input.date_range_filter {
background-color: rgb(142, 68, 173 );
}

.tag, .signal {
.tag {
background-color: gold;
background-color: rgb(244, 208, 63 );
background-color: rgba(244, 208, 63 , 0.6);
}
.tagtop, .signaltop {

.tagtop {
background-color: rgb(244, 208, 63 );
}

.signal {
background-color: #2ECC40;
background-color: rgba(46, 204, 64 , 0.6);
}
.signaltop {
background-color: #2ECC40;
}

.prot_cleavage {
background-color: #FFA233;
background-color: rgb(230, 126, 34 );
Expand Down

0 comments on commit 7909425

Please sign in to comment.