saxs restraints

[django_unres.git] / django_simple / todo / templates / details1.html

diff --git a/django_simple/todo/templates/details1.html b/django_simple/todo/templates/details1.html
index 92e3252..eaf6ff3 100644 (file)
--- a/django_simple/todo/templates/details1.html
+++ b/django_simple/todo/templates/details1.html
@@ -34,7 +34,7 @@
 </li>
 </ul>
 
-<h3> All parameters for task <b>{{ task.name }}</b></h3>
+<h3> Task <b>{{ task.name }}</b></h3>
 Created {{ task.created_date  }}
        <ul class="list-group">
 
@@ -55,6 +55,12 @@ Created {{ task.created_date  }}
 
                                </div>
                        </li>   
+<div>
+    <fieldset class="majorpoints">
+    <legend class="majorpointslegend"
+    style="background-color:#d3d3d3;cursor: pointer;">Show input parameters</legend>
+    <div class="hiders" style="display:none" >
+
                        <li class="list-group-item task-item">
                            <div class="col-xs-10"> type </div>
                            <div class="col-xs-10">{{ task.type }}</div>
@@ -274,7 +280,21 @@ Created {{ task.created_date  }}
                            <div class="col-xs-10"> temperature for clustering</div>
                            <div class="col-xs-10">{{ task.remd_cluter_temp}}</div>
                        </li>           
-
+                       
+                       {% if task.saxs_data != "" %}                   
+                       <li class="list-group-item task-item">
+                           <div class="col-xs-10"> wsaxs </div>
+                           <div class="col-xs-10">{{ task.wsaxs }}</div>
+                       </li>           
+                       <li class="list-group-item task-item">
+                           <div class="col-xs-10"> scal_rad (saxs) </div>
+                           <div class="col-xs-10">{{ task.scal_rad }}</div>
+                       </li>           
+                       <li class="list-group-item task-item">
+                           <div class="col-xs-10"> saxs distribution </div>
+                           <div class="col-xs-10"><pre> {{ task.saxs_data }}</pre></div>
+                       </li>           
+                        {% endif %}
 
         {% endif %}
 
@@ -285,7 +305,8 @@ Created {{ task.created_date  }}
                            <div class="col-xs-3">{{ task.boxz}}</div>                      
                        </li>           
 
-
+</div>
+</div>
        <p>
        <h3> Results </h3>
                        <li class="list-group-item task-item">
@@ -471,7 +492,30 @@ Created {{ task.created_date  }}
                          src="/myfiles/download-file/{{task.jobdirname}}/remd_ex.png"
                          width="500"> </div>
                        </li>
-
+                          {% if task.saxs_data != "" %}
+                       <li class="list-group-item task-item">
+                         <div class="col-xs-10"> P(r) of input SAXS data and
+                         calculated for 5 models </div>
+                         <div class="col-xs-10"> <img 
+                         src="/myfiles/download-file/{{task.jobdirname}}/saxs.png"
+                         width="500"> </div>
+                       </li>
+                          {% endif %}
+                       
+                       
+       <li class="list-group-item task-item">
+       <div class="col-xs-10">
+        <button onclick="plusDivs(-1)">&#10094;</button> 
+        </div>
+        <div class="col-xs-10">
+        select model
+        </div>
+        <div class="col-xs-10">
+        <button onclick="plusDivs(1)">&#10095;</button>
+       </div>
+       </li>           
+                       
+                        <div class="model">
                        <li class="list-group-item task-item">
                          <div class="col-xs-10"> model1 after conversion
                          to allatom 
@@ -484,6 +528,8 @@ Created {{ task.created_date  }}
                          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 
@@ -496,6 +542,8 @@ Created {{ task.created_date  }}
                          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 
@@ -508,6 +556,8 @@ Created {{ task.created_date  }}
                          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 
@@ -520,6 +570,8 @@ Created {{ task.created_date  }}
                          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 
@@ -532,8 +584,7 @@ Created {{ task.created_date  }}
                          src="/myfiles/download-file/{{task.jobdirname}}/model5.png" width="500">
                          </a></div>
                        </li>
-
-                       
+                       </div>
                        {% endif %}
 
        {% endif %}             
@@ -544,4 +595,39 @@ Created {{ task.created_date  }}
 Regular user cannot use this link.
 </h2>
 {% endif %}
+
+<script src="/static/jquery.min.js"></script>
+
+<script>
+$('.majorpoints').click(function(){
+    $(this).find('.hiders').toggle();
+    if($(this).find('.majorpointslegend').text()=='Show input parameters'){
+        $(this).find('.majorpointslegend').text('Hide input parameters');
+    }else{
+        $(this).find('.majorpointslegend').text('Show input parameters');
+    }    
+});
+</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 %}