Commit 317aa0a9 authored by Fabien  MAREUIL's avatar Fabien MAREUIL
Browse files

ui update

parent 99b08de5
Pipeline #51745 passed with stages
in 26 minutes and 19 seconds
......@@ -423,22 +423,35 @@ class MetaInformation(models.Model):
"""
average = models.DecimalField(
verbose_name="Average", max_digits=11, decimal_places=8
verbose_name="Average",
max_digits=11,
decimal_places=8,
help_text="partial matrix mean value",
)
std = models.DecimalField(
verbose_name="Standard Deviation", max_digits=11, decimal_places=8
verbose_name="Standard Deviation",
max_digits=11,
decimal_places=8,
help_text="partial matrix standard deviation",
)
maximum = models.DecimalField(
verbose_name="Maximum", max_digits=11, decimal_places=8
verbose_name="Maximum",
max_digits=11,
decimal_places=8,
help_text="partial matrix maximum value",
)
minimum = models.DecimalField(
verbose_name="Minimum", max_digits=11, decimal_places=8
verbose_name="Minimum",
max_digits=11,
decimal_places=8,
help_text="partial matrix minimum value",
)
normalize_factor = models.DecimalField(
blank=True,
null=True,
default=4.58599730,
verbose_name="Normalize Factor",
help_text="complet matrix standard deviation",
max_digits=11,
decimal_places=8,
)
......
......@@ -1308,6 +1308,6 @@ div.hidden {
font-size: 2em;
}
.fade {
.fade_index {
transition: opacity 1s linear;
}
\ No newline at end of file
......@@ -138,6 +138,14 @@ Description: IPPI-DB targetcentric Theme
border-radius: 5px;
border-color: #97ADB5;
background-color: #eff3f5;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 1px;
padding-top: 1px;
border-style: solid;
border-width: 2px;
min-width: 25px;
text-align: center;
}
.dropdown {
......@@ -180,6 +188,13 @@ Description: IPPI-DB targetcentric Theme
background-color: #d3dee2;
color: black;
}
.infobulle {
display: inline-block;
}
.infobulle svg{
color: rgb(45, 150, 250);
}
.infobulle span{
position:absolute;
......@@ -211,4 +226,13 @@ table.gradiant td{
border-right: none;
white-space: nowrap;
text-align: left;
}
.fa-plus-square {
box-shadow: 0 0 2px rgba(0,0,0,.5);
}
th .fa-plus-square:hover {
background-color: black;
color: rgb(255, 255, 255);
}
\ No newline at end of file
......@@ -378,14 +378,14 @@ function loadNGL(url, callback){
divflex.appendChild(divmultiButtonleft);
var divslider = createElement("div", {}, {}, 'infobulle form-group border border-info rounded p-2');
var spaninfodrug = createElement("span", {}, {}, '');
spaninfodrug.innerHTML = "Druggability has been determined by our Deep Learning tool InDeep learning on protein/ligand complexes/interactions. They are represented as isolevel probabilities, which you can adjust with the slider (0,1)."
spaninfodrug.innerHTML = "Druggability has been determined by our Deep Learning tool InDeep trained on protein/ligand interactions. They are represented as isolevel probabilities, which you can adjust with the slider (0,1)."
divslider.appendChild(spaninfodrug);
titledruggable = createElement("strong", {}, {}, '');
titledruggable.innerHTML = "Predicted druggability";
divslider.appendChild(titledruggable);
var divsliderinteractibility = createElement("div", {}, {}, 'infobulle form-group border border-info rounded p-2 mr-2');
var spaninfoint = createElement("span", {}, {"right":"50%"}, '');
spaninfoint.innerHTML = "Interactability has been determined by our Deep Learning tool InDeep learning on heterodimers complexes/interactions. They are represented as isolevel probabilities, which you can adjust with the slider (0,1)."
spaninfoint.innerHTML = "Interactability has been determined by our Deep Learning tool InDeep trained on protein-protein interactions. They are represented as isolevel probabilities, which you can adjust with the slider (0,1)."
divsliderinteractibility.appendChild(spaninfoint);
titleinteractible = createElement("strong", {}, {}, '');
titleinteractible.innerHTML = "Predicted Interactability";
......
......@@ -141,6 +141,9 @@ $.ajax({
currentlayout.xaxis['range'] = [nodes_coords[cavity][0]-0.01, nodes_coords[cavity][0]+0.01];
currentlayout.yaxis['range'] = [nodes_coords[cavity][1]-0.01, nodes_coords[cavity][1]+0.01];
Plotly.relayout('myDiv', currentlayout);
} else {
$("#message_warning").removeClass("hide").addClass("show");
$("#message_warning").append("No pocket found, pocket doesn't exist or PSI too low or pocket is alone without an other pocket nearby.");
};
}
......
......@@ -84,7 +84,7 @@
</div>
</div>
</div>
<div class="modal fade" id="compoundModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal fade fade_index" id="compoundModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-dialog-centered modal-xl" role="document">
<div class="modal-content">
<div class="modal-header align_modal">
......@@ -239,7 +239,7 @@
</div>
</div>
</div>
<div class="modal fade" id="pocketModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal fade fade_index" id="pocketModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-dialog-centered modal-xl" role="document">
<div class="modal-content">
<div class="modal-header align_modal">
......
......@@ -17,7 +17,6 @@
</div>
</nav>
<div class="card">
<div class="input-group">
<div class="btn-group">
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
......@@ -28,7 +27,7 @@
<a class="dropdown-item {% if net.id == network.id %}active{% endif %}" href="{% url 'networks' %}?currentjson={{ net.id }}">{{ net.label }}</a>
{% endfor %}
</div>
</div>
</div>
<p>
<a class="infobulle" href='#'>
<i class="fas fa-question-circle fa-2x m-1 mt-3"></i>
......@@ -48,6 +47,12 @@
<button type="button" class="btn btn-outline-secondary search-button"><i class="fas fa-search"></i></button>
</div>
</div>
<div id="message_warning" class="alert alert-warning alert-dismissible fade hide" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
{% block messages %}
{% if messages %}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment