Skip to content
Snippets Groups Projects
Commit 6724c68f authored by Rachel TORCHET's avatar Rachel TORCHET
Browse files

Update molecul_comp field to change when you change molecule format btw smiles... 

Update molecul_comp field to change when you change molecule format btw smiles iupac and sketch for each separate form


Former-commit-id: d4ec930e3d2609638ee3dcda1d142ee34b690d51
parent 242aa52d
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
ippisite/ippidb/static/js/ippidb.js
+ 26
− 26
View file @ 6724c68f
...@@ -26,38 +26,38 @@ document.getElementById("Name_"+id).innerHTML = "Compound "+ document.getElement ...@@ -26,38 +26,38 @@ document.getElementById("Name_"+id).innerHTML = "Compound "+ document.getElement
} }
// CompoundForm - Function to hide/show input field according to the chosen type of molecule // CompoundForm - Function to hide/show input field according to the chosen type of molecule
function showMol(id){ function showMol(id){
var newID=id.slice(0, -1);
console.log("Test "+newID);
if(document.getElementById(id).value=="smiles"){ if(document.getElementById(id).value=="smiles"){
document.getElementById('divSmiles').style.display ='block'; document.getElementById('divSmiles_'+newID+'0').style.display ='block';
document.getElementById('divIupac').style.display ='none'; document.getElementById('divIupac_'+newID+'0').style.display ='none';
document.getElementById('divSketch').style.display ='none'; document.getElementById('divSketch_'+newID+'0').style.display ='none';
document.getElementById('in-smiles').required=true; document.getElementById('in-smiles_'+newID+'0').required=true;
document.getElementById('in-sketch').required=false; document.getElementById('in-sketch_'+newID+'0').required=false;
document.getElementById('in-iupac').required=false; document.getElementById('in-iupac_'+newID+'0').required=false;
} else if(document.getElementById(id).value=="iupac"){ } else if(document.getElementById(id).value=="iupac"){
document.getElementById('divSmiles').style.display ='none'; document.getElementById('divSmiles_'+newID+'0').style.display ='none';
document.getElementById('divIupac').style.display ='block'; document.getElementById('divIupac_'+newID+'0').style.display ='block';
document.getElementById('divSketch').style.display ='none'; document.getElementById('divSketch_'+newID+'0').style.display ='none';
document.getElementById('in-smiles').required=false; document.getElementById('in-smiles_'+newID+'0').required=false;
document.getElementById('in-iupac').required=true; document.getElementById('in-iupac_'+newID+'0').required=true;
document.getElementById('in-sketch').required=false; document.getElementById('in-sketch_'+newID+'0').required=false;
} else if (document.getElementById(id).value=="sketch"){ } else if (document.getElementById(id).value=="sketch"){
document.getElementById('divSmiles').style.display ='none'; document.getElementById('divSmiles_'+newID+'0').style.display ='none';
document.getElementById('divIupac').style.display ='none'; document.getElementById('divIupac_'+newID+'0').style.display ='none';
document.getElementById('divSketch').style.display ='block'; document.getElementById('divSketch_'+newID+'0').style.display ='block';
document.getElementById('in-smiles').required=false; document.getElementById('in-smiles_'+newID+'0').required=false;
document.getElementById('in-iupac').required=false; document.getElementById('in-iupac_'+newID+'0').required=false;
document.getElementById('in-sketch').required=true; document.getElementById('in-sketch_'+newID+'0').required=true;
} else { } else {
document.getElementById('divSmiles').style.display ='none'; document.getElementById('divSmiles_'+newID+'0').style.display ='none';
document.getElementById('divIupac').style.display ='none'; document.getElementById('divIupac_'+newID+'0').style.display ='none';
document.getElementById('divSketch').style.display ='none'; document.getElementById('divSketch_'+newID+'0').style.display ='none';
document.getElementById('in-smiles').required=false; document.getElementById('in-smiles_'+newID+'0').required=false;
document.getElementById('in-iupac').required=false; document.getElementById('in-iupac_'+newID+'0').required=false;
document.getElementById('in-sketch').required=false; document.getElementById('in-sketch_'+newID+'0').required=false;
} }
} }
......
ippisite/ippidb/templates/CompoundForm.html
+ 6
− 6
View file @ 6724c68f
...@@ -50,14 +50,14 @@ ...@@ -50,14 +50,14 @@
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
<div id="divSmiles"> <div id="divSmiles_{{ form.molecule.id_for_label }}">
<input type="text" name="smiles" id="in-smiles" placeholder="Paste the SMILES of your molecule here" required> <input type="text" name="smiles" id="in-smiles_{{ form.compound_name.id_for_label }}" placeholder="Paste the SMILES of your molecule here" required>
</div> </div>
<div id="divIupac" class="hide"> <div id="divIupac_{{ form.molecule.id_for_label }}" class="hide">
<input type="text" name="iupac" id="in-iupac" placeholder="Paste the IUPAC of your molecule here"> <input type="text" name="iupac" id="in-iupac_{{ form.compound_name.id_for_label }}" placeholder="Paste the IUPAC of your molecule here">
</div> </div>
<div id="divSketch" class="hide"> <div id="divSketch_{{ form.molecule.id_for_label }}" class="hide">
<input type="text" name="sketch" id="in-sketch" placeholder="Sketch your molecule here"> <input type="text" name="sketch" id="in-sketch_{{ form.compound_name.id_for_label }}" placeholder="Sketch your molecule here">
</div> </div>
<div id="ck-button-long" class="compound_input"> <div id="ck-button-long" class="compound_input">
<label>{{ form.is_macrocycle}}<span>{{ form.is_macrocycle.label }}</span></label> <label>{{ form.is_macrocycle}}<span>{{ form.is_macrocycle.label }}</span></label>
......
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