write postprocessing for 100%

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

diff --git a/django_simple/todo/templates/details.html b/django_simple/todo/templates/details.html
index 783ed7e..3466e5c 100644 (file)
--- a/django_simple/todo/templates/details.html
+++ b/django_simple/todo/templates/details.html
@@ -43,11 +43,26 @@ Created {{ task.created_date  }}
                                <div class="col-md-8">
                                        {% if task.done %}
                                                <span class="fa fa-check-square-o"></span>
+                                           {% if task.type == "md" or task.type == "remd" %}
+                                             <form action="restart/"
+                                               method="get"
+                                               style="text-align;float:right;">
+                                               {% csrf_token %}
+                                                <input type="submit" 
+                                                class="btn btn-default" 
+                                                value="Restart"
+                                                name="restartbtn">
+                                                </button>
+                                              </form>
+                                            {% endif %}  
                                        {% else %}
                                          {% if task.running > 0  %}
                                                <span class="fa fa-spinner
                                                fa-spin"></span>
                                                {{ task.running }}%
+                                             {% if task.running == 100  %}
+                                             postprocessing
+                                             {% endif %}
                                          {% else %}
                                                <span class="fa fa-square-o"></span>
                                          {% endif %}
@@ -165,6 +180,10 @@ Created {{ task.created_date  }}
                            <div class="col-md-6">{{ task.md_nstep}}</div>
                        </li>           
                        <li class="list-group-item task-item">
+                           <div class="col-md-6"> total steps (with restarts) </div>
+                           <div class="col-md-6">{{ task.md_total_steps}}</div>
+                       </li>           
+                       <li class="list-group-item task-item">
                            <div class="col-md-6"> ntwe </div>
                            <div class="col-md-6">{{ task.md_ntwe}}</div>
                        </li>           
@@ -237,6 +256,10 @@ Created {{ task.created_date  }}
                            <div class="col-md-6"> pdb code2</div>
                            <div class="col-md-6">{{ task.pdbcode2 }}</div>
                        </li>           
+                       <li class="list-group-item task-item">
+                           <div class="col-md-6"> dock_peptide</div>
+                           <div class="col-md-6">{{ task.dock_peptide }}</div>
+                       </li>           
                        
                        {% endif %}
                        <li class="list-group-item task-item">
@@ -262,6 +285,10 @@ Created {{ task.created_date  }}
                            <div class="col-md-6">{{ task.md_nstep}}</div>
                        </li>           
                        <li class="list-group-item task-item">
+                           <div class="col-md-6"> total steps (with restarts) </div>
+                           <div class="col-md-6">{{ task.md_total_steps}}</div>
+                       </li>           
+                       <li class="list-group-item task-item">
                            <div class="col-md-6"> ntwe </div>
                            <div class="col-md-6">{{ task.md_ntwe}}</div>
                        </li>           
@@ -349,6 +376,12 @@ Created {{ task.created_date  }}
                            <a href="/myfiles/list/{{task.jobdirname}}/">
                            {{ task.jobdirname }}
                            </a>
+                           {% if task.done %}
+                           &nbsp;
+                           <a class="btn btn-default"
+                            href="/{{task.id}}/all.zip">
+                            Download as zip</a>
+                            {% endif %}
                            </div>
                        </li>           
 
@@ -427,7 +460,8 @@ Created {{ task.created_date  }}
                            <div class="col-md-2"> Movie </div>
                            <div class="col-md-10"> 
 
-                            <video width="500" height="400" preload controls>
+                            <video width="500" height="400"
+                            preload="auto" controls="controls">
                             <source
                             src="/myfiles/download-file/{{task.jobdirname}}/md.ogv"
                             type="video/ogg; codecs=theora"> </source>
@@ -445,7 +479,7 @@ Created {{ task.created_date  }}
                        </li>
                         <li class="list-group-item task-item">
                <div class="col-md-6">
-<input id="clipRange" type="range" value=0 min=0 max= {% widthratio task.md_nstep task.md_ntwx 1 %} step=1 ></input><span id="clipRange_val">0</span> frame
+<input id="clipRange" type="range" value=1 min=1 max= {% widthratio task.md_total_steps task.md_ntwx 1 %} step=1 ></input><span id="clipRange_val">1</span> frame
 </div>
 <div class="col-md-6">
 <button id="toggleRunMDs">run/pause MD</button>  
@@ -467,7 +501,7 @@ Created {{ task.created_date  }}
                
                           {% if task.md_pdbref %}
                        <li class="list-group-item task-item">
-                         <div class="col-md-2"> RMSD </div>
+                         <div class="col-md-2"> C<sup>&alpha;</sup> RMSD </div>
                          <div class="col-md-10"> <img 
                          src="/myfiles/download-file/{{task.jobdirname}}/md_rms.png"
                          width="500"> </div>
@@ -543,21 +577,22 @@ Created {{ task.created_date  }}
                           {% if task.md_pdbref %}
 
                        <li class="list-group-item task-item">
-                         <div class="col-md-2"> Average RMSD vs. temperature </div>
+                         <div class="col-md-2"> Average C<sup>&alpha;</sup> RMSD vs. temperature </div>
                          <div class="col-md-10"> <img 
                          src="/myfiles/download-file/{{task.jobdirname}}/remd_rmsd.png"
                          width="500"> </div>
                        </li>
 
                        <li class="list-group-item task-item">
-                         <div class="col-md-2"> potential energy vs. RMSD</div>
+                         <div class="col-md-2"> potential energy vs.
+                         C<sup>&alpha;</sup> RMSD</div>
                          <div class="col-md-10"> <img 
                          src="/myfiles/download-file/{{task.jobdirname}}/remd_ene_rms.png"
                          width="500"> </div>
                        </li>
 
                         <li class="list-group-item task-item">
-                         <div class="col-md-2"> RMSD vs. step*replica
+                         <div class="col-md-2"> C<sup>&alpha;</sup> RMSD vs. step*replica
                          colored by bath temperature</div>
                          <div class="col-md-10"> <img 
                          src="/myfiles/download-file/{{task.jobdirname}}/remd_step_rms.png"
@@ -980,8 +1015,7 @@ $(document).ready(function() {
   setTimeout(worker, 30000);
 });
 </script>
-{% endif %} 
-       
+{% endif %}    
 
 {% if task.type == "min" %}
 <script>
@@ -1193,6 +1227,7 @@ window.addEventListener("resize",
         o.addRepresentation( "licorice",{ color:
        "residueindex",colorScale:["blue","cyan", "green", "yellow","orange", "red"]
         });        
+        o.setPosition([0, 0, 100]);
         o.autoView();
         o.addTrajectory();
       });
@@ -1218,7 +1253,7 @@ window.addEventListener("resize",
                                        isRunning = true;
 
                     trajComp.signals.frameChanged.add(function(){
-                      var fnum=trajComp.trajectory.currentFrame;                   
+                      var fnum=trajComp.trajectory.currentFrame+1;                   
                       clipRange.value = fnum;
                       clipRange_val.innerHTML = numberWithCommas(parseInt(clipRange.value*1));
                     });
@@ -1233,7 +1268,7 @@ window.addEventListener("resize",
       var clipRange_val = document.getElementById( "clipRange_val" );
       clipRange.oninput = function( e ){
                 var trajComp = stage.getComponentsByName("unres_md").list[0].trajList[0];
-                trajComp.setFrame(e.target.value)
+                trajComp.setFrame(e.target.value-1)
                 clipRange_val.innerHTML = numberWithCommas(parseInt(e.target.value*1));
       };