</div>
</li>
-
+<div>
<fieldset class="majorpoints">
<legend class="majorpointslegend"
style="background-color:#d3d3d3;cursor: pointer;">Expand input parameters</legend>
</li>
</div>
+</div>
<p>
<h3> Results </h3>
<li class="list-group-item task-item">
src="/myfiles/download-file/{{task.jobdirname}}/remd_ex.png"
width="500"> </div>
</li>
-
+
+ <li class="list-group-item task-item">
+ <div class="col-xs-10">
+ <button onclick="plusDivs(-1)">❮</button>
+ </div>
+ <div class="col-xs-10">
+ select model
+ </div>
+ <div class="col-xs-10">
+ <button onclick="plusDivs(1)">❯</button>
+ </div>
+ </li>
+
+ <div class="model">
<li class="list-group-item task-item">
<div class="col-xs-10"> model1 after conversion
to allatom
src="/myfiles/download-file/{{task.jobdirname}}/model1.png" width="500">
</a></div>
</li>
+ </div>
+ <div class="model">
<li class="list-group-item task-item">
<div class="col-xs-10"> model2 after conversion
to allatom
src="/myfiles/download-file/{{task.jobdirname}}/model2.png" width="500">
</a></div>
</li>
+ </div>
+ <div class="model">
<li class="list-group-item task-item">
<div class="col-xs-10"> model3 after conversion
to allatom
src="/myfiles/download-file/{{task.jobdirname}}/model3.png" width="500">
</a></div>
</li>
+ </div>
+ <div class="model">
<li class="list-group-item task-item">
<div class="col-xs-10"> model4 after conversion
to allatom
src="/myfiles/download-file/{{task.jobdirname}}/model4.png" width="500">
</a></div>
</li>
+ </div>
+ <div class="model">
<li class="list-group-item task-item">
<div class="col-xs-10"> model5 after conversion
to allatom
src="/myfiles/download-file/{{task.jobdirname}}/model5.png" width="500">
</a></div>
</li>
-
-
+ </div>
{% endif %}
{% endif %}
}
});
</script>
+
+<script>
+var slideIndex = 1;
+showDivs(slideIndex);
+
+function plusDivs(n) {
+ showDivs(slideIndex += n);
+}
+
+function showDivs(n) {
+ var i;
+ var x = document.getElementsByClassName("model");
+ if (n > x.length) {slideIndex = 1}
+ if (n < 1) {slideIndex = x.length}
+ for (i = 0; i < x.length; i++) {
+ x[i].style.display = "none";
+ }
+ x[slideIndex-1].style.display = "block";
+}
+</script>
{% endblock %}
</div>
</li>
-
+<div>
<fieldset class="majorpoints">
<legend class="majorpointslegend"
style="background-color:#d3d3d3;cursor: pointer;">Expand input parameters</legend>
</li>
</div>
+</div>
<p>
<h3> Results </h3>
<li class="list-group-item task-item">
src="/myfiles/download-file/{{task.jobdirname}}/remd_ex.png"
width="500"> </div>
</li>
-
+
+ <li class="list-group-item task-item">
+ <div class="col-xs-10">
+ <button onclick="plusDivs(-1)">❮</button>
+ </div>
+ <div class="col-xs-10">
+ select model
+ </div>
+ <div class="col-xs-10">
+ <button onclick="plusDivs(1)">❯</button>
+ </div>
+ </li>
+
+ <div class="model">
<li class="list-group-item task-item">
<div class="col-xs-10"> model1 after conversion
to allatom
src="/myfiles/download-file/{{task.jobdirname}}/model1.png" width="500">
</a></div>
</li>
+ </div>
+ <div class="model">
<li class="list-group-item task-item">
<div class="col-xs-10"> model2 after conversion
to allatom
src="/myfiles/download-file/{{task.jobdirname}}/model2.png" width="500">
</a></div>
</li>
+ </div>
+ <div class="model">
<li class="list-group-item task-item">
<div class="col-xs-10"> model3 after conversion
to allatom
src="/myfiles/download-file/{{task.jobdirname}}/model3.png" width="500">
</a></div>
</li>
+ </div>
+ <div class="model">
<li class="list-group-item task-item">
<div class="col-xs-10"> model4 after conversion
to allatom
src="/myfiles/download-file/{{task.jobdirname}}/model4.png" width="500">
</a></div>
</li>
+ </div>
+ <div class="model">
<li class="list-group-item task-item">
<div class="col-xs-10"> model5 after conversion
to allatom
src="/myfiles/download-file/{{task.jobdirname}}/model5.png" width="500">
</a></div>
</li>
-
-
+ </div>
{% endif %}
{% endif %}
});
</script>
+<script>
+var slideIndex = 1;
+showDivs(slideIndex);
+
+function plusDivs(n) {
+ showDivs(slideIndex += n);
+}
+
+function showDivs(n) {
+ var i;
+ var x = document.getElementsByClassName("model");
+ if (n > x.length) {slideIndex = 1}
+ if (n < 1) {slideIndex = x.length}
+ for (i = 0; i < x.length; i++) {
+ x[i].style.display = "none";
+ }
+ x[slideIndex-1].style.display = "block";
+}
+</script>
+
+
{% endblock %}