e1f45787acad73ae6b941a7ef474e4f47b1df80c
[django_unres.git] / django_simple / todo / templates / details1.html
1 {% extends "base.html" %}
2
3 {% load i18n lazysignup_tags %}
4 {% block content %}
5
6 {% if task.owner|is_lazy_user %}
7
8 <ul class="list-group">
9
10 <li class="list-group-item new-task-item task-item">
11
12 <div class="col-md-2 form-group">
13 <form action="/refresh_done1/{{task.id}}/" method="post">
14 {% csrf_token %}
15 <input type="submit" class="btn" value="Refresh" name="refreshbtn">
16 </form>
17 </div>
18
19 <div class="col-md-10 form-group">
20 <h5 style="text-align:right;float:right;">
21 {% if not task.done %}
22  {% if task.running > 0  %}
23   {% if task.running == 100  %}
24   postprocessing
25   {% else %}
26   running
27   {% endif %}
28  {% else %}
29   waiting in the queue to start
30  {% endif %}
31 {% endif %}
32 </h5>
33 </div>
34 </li>
35 </ul>
36
37 <h3> Task <b>{{ task.name }}</b></h3>
38 Created {{ task.created_date  }}
39         <ul class="list-group">
40
41                         <li class="list-group-item task-item">
42                                 <div class="col-md-4"> done ?</div>
43                                 <div class="col-md-8">
44                                         {% if task.done %}
45                                                 <span class="fa fa-check-square-o"></span>
46                                         {% else %}
47                                           {% if task.running > 0  %}
48                                                 <span class="fa fa-spinner
49                                                 fa-spin"></span>
50                                                 {{ task.running }}%
51                                           {% else %}
52                                                 <span class="fa fa-square-o"></span>
53                                           {% endif %}
54                                         {% endif %}
55
56                                 </div>
57                         </li>   
58 <div>
59     <fieldset class="majorpoints">
60     <legend class="majorpointslegend"
61     style="background-color:#d3d3d3;cursor: pointer;">Show input parameters</legend>
62     <div class="hiders" style="display:none" >
63
64                         <li class="list-group-item task-item">
65                             <div class="col-md-6"> type </div>
66                             <div class="col-md-6">{{ task.type }}</div>
67                         </li>           
68          
69                         <li class="list-group-item task-item">
70                             <div class="col-md-6"> force field </div>
71                             <div class="col-md-6">{{ task.unres_ff }}</div>
72                         </li>           
73
74                         <li class="list-group-item task-item">
75                             <div class="col-md-4"> sequence </div>
76                             <div class="col-md-8 monospace">{{ task.md_seq}}</div>
77                         </li>           
78
79                         <li class="list-group-item task-item">
80                             <div class="col-md-4"> secondary structure
81                             restraints </div>
82                             <div class="col-md-8 monospace">{{ task.md_2d}}</div>
83                         </li>           
84
85
86                         <li class="list-group-item task-item">
87                             <div class="col-md-6"> SSBOND </div>
88                             <div class="col-md-6">{{ task.ssbond}}</div>
89                         </li>           
90
91                         
92         {% if task.type == "min" %}
93
94
95                         <li class="list-group-item task-item">
96                             <div class="col-md-6"> algorithm</div>
97                             <div class="col-md-6">{{ task.min_choice }}</div>
98                         </li>           
99                         <li class="list-group-item task-item">
100                             <div class="col-md-6"> overlap</div>
101                             <div class="col-md-6">{{ task.min_overlap }}</div>
102                         </li>           
103                         <li class="list-group-item task-item">
104                             <div class="col-md-6"> searchsc</div>
105                             <div class="col-md-6">{{ task.min_searchsc }}</div>
106                         </li>           
107                         <li class="list-group-item task-item">
108                             <div class="col-md-6"> maxmin</div>
109                             <div class="col-md-6">{{ task.min_maxmin }}</div>
110                         </li>           
111                         <li class="list-group-item task-item">
112                             <div class="col-md-6"> maxfun</div>
113                             <div class="col-md-6">{{ task.min_maxfun }}</div>
114                         </li>           
115                         <li class="list-group-item task-item">
116                             <div class="col-md-6"> pdbout</div>
117                             <div class="col-md-6">{{ task.min_pdbout }}</div>
118                         </li>           
119                         <li class="list-group-item task-item">
120                             <div class="col-md-6"> input pdb </div>
121                             <div class="col-md-6">{{ task.myfile1 }}</div>
122                         </li>           
123                         <li class="list-group-item task-item">
124                             <div class="col-md-6"> pdb code</div>
125                             <div class="col-md-6">{{ task.pdbcode }}</div>
126                         </li>           
127                         <li class="list-group-item task-item">
128                             <div class="col-md-6"> unres_pdb</div>
129                             <div class="col-md-6">{{ task.min_unres_pdb }}</div>
130                         </li>           
131                         
132         {% endif %}
133         {% if task.type == "md" %}
134                         <li class="list-group-item task-item">
135                             <div class="col-md-6"> starting </div>
136                             <div class="col-md-6">{{ task.md_start}}</div>
137                         </li>           
138                         
139                         <li class="list-group-item task-item">
140                             <div class="col-md-6"> input pdb </div>
141                             <div class="col-md-6">{{ task.myfile1 }}</div>
142                         </li>           
143                         <li class="list-group-item task-item">
144                             <div class="col-md-6"> pdb code</div>
145                             <div class="col-md-6">{{ task.pdbcode }}</div>
146                         </li>           
147                         <li class="list-group-item task-item">
148                             <div class="col-md-6"> seed </div>
149                             <div class="col-md-6">{{ task.md_seed}}</div>
150                         </li>           
151                         <li class="list-group-item task-item">
152                             <div class="col-md-6"> pdbref </div>
153                             <div class="col-md-6">{{ task.md_pdbref}}</div>
154                         </li>           
155                         <li class="list-group-item task-item">
156                             <div class="col-md-6"> respa </div>
157                             <div class="col-md-6">{{ task.md_respa}}</div>
158                         </li>           
159                         <li class="list-group-item task-item">
160                             <div class="col-md-6"> temperature </div>
161                             <div class="col-md-6">{{ task.md_temp}}</div>
162                         </li>           
163                         <li class="list-group-item task-item">
164                             <div class="col-md-6"> nstep </div>
165                             <div class="col-md-6">{{ task.md_nstep}}</div>
166                         </li>           
167                         <li class="list-group-item task-item">
168                             <div class="col-md-6"> ntwe </div>
169                             <div class="col-md-6">{{ task.md_ntwe}}</div>
170                         </li>           
171                         <li class="list-group-item task-item">
172                             <div class="col-md-6"> ntwx </div>
173                             <div class="col-md-6">{{ task.md_ntwx}}</div>
174                         </li>           
175                         <li class="list-group-item task-item">
176                             <div class="col-md-6"> dt </div>
177                             <div class="col-md-6">{{ task.md_dt}}</div>
178                         </li>           
179                         <li class="list-group-item task-item">
180                             <div class="col-md-6"> thermostat </div>
181                             <div class="col-md-6">{{ task.md_lang}}</div>
182                         </li>           
183                         
184                         {% if task.md_lang == "berendsen" %}
185                         
186                         <li class="list-group-item task-item">
187                             <div class="col-md-6"> tau </div>
188                             <div class="col-md-6">{{ task.md_tau}}</div>
189                         </li>           
190                         
191                         {% else %}
192                         
193                         <li class="list-group-item task-item">
194                             <div class="col-md-6"> scal_fric </div>
195                             <div class="col-md-6">{{ task.md_scal_fric}}</div>
196                         </li>   
197                         
198                         {% endif %}
199                                 
200                         <li class="list-group-item task-item">
201                             <div class="col-md-6"> mdpdb </div>
202                             <div class="col-md-6">{{ task.md_mdpdb}}</div>
203                         </li>           
204                         <li class="list-group-item task-item">
205                             <div class="col-md-6"> RESPA </div>
206                             <div class="col-md-6">{{ task.md_respa}}</div>
207                         </li>           
208                         
209                         
210         {% endif %}
211
212         {% if task.type == "remd" %}
213
214                         <li class="list-group-item task-item">
215                             <div class="col-md-6"> nrep </div>
216                             <div class="col-md-6">{{ task.remd_nrep}}</div>
217                         </li>           
218                         <li class="list-group-item task-item">
219                             <div class="col-md-6"> starting </div>
220                             <div class="col-md-6">{{ task.md_start}}</div>
221                         </li>           
222                         
223                         <li class="list-group-item task-item">
224                             <div class="col-md-6"> input pdb </div>
225                             <div class="col-md-6">{{ task.myfile1 }}</div>
226                         </li>           
227                         <li class="list-group-item task-item">
228                             <div class="col-md-6"> pdb code</div>
229                             <div class="col-md-6">{{ task.pdbcode }}</div>
230                         </li>           
231                         <li class="list-group-item task-item">
232                             <div class="col-md-6"> seed </div>
233                             <div class="col-md-6">{{ task.md_seed}}</div>
234                         </li>           
235                         <li class="list-group-item task-item">
236                             <div class="col-md-6"> pdbref </div>
237                             <div class="col-md-6">{{ task.md_pdbref}}</div>
238                         </li>           
239                         <li class="list-group-item task-item">
240                             <div class="col-md-6"> respa </div>
241                             <div class="col-md-6">{{ task.md_respa}}</div>
242                         </li>           
243                         <li class="list-group-item task-item">
244                             <div class="col-md-6"> nstep </div>
245                             <div class="col-md-6">{{ task.md_nstep}}</div>
246                         </li>           
247                         <li class="list-group-item task-item">
248                             <div class="col-md-6"> ntwe </div>
249                             <div class="col-md-6">{{ task.md_ntwe}}</div>
250                         </li>           
251                         <li class="list-group-item task-item">
252                             <div class="col-md-6"> nstex </div>
253                             <div class="col-md-6">{{ task.remd_nstex}}</div>
254                         </li>           
255                         <li class="list-group-item task-item">
256                             <div class="col-md-6"> ntwx </div>
257                             <div class="col-md-6">{{ task.md_ntwx}}</div>
258                         </li>                                   
259                         <li class="list-group-item task-item">
260                             <div class="col-md-6"> dt </div>
261                             <div class="col-md-6">{{ task.md_dt}}</div>
262                         </li>           
263                         <li class="list-group-item task-item">
264                             <div class="col-md-6"> thermostat </div>
265                             <div class="col-md-6">{{ task.md_lang}}</div>
266                         </li>           
267                         
268                         {% if task.md_lang == "berendsen" %}
269                         
270                         <li class="list-group-item task-item">
271                             <div class="col-md-6"> tau </div>
272                             <div class="col-md-6">{{ task.md_tau}}</div>
273                         </li>           
274                         
275                         {% else %}
276                         
277                         <li class="list-group-item task-item">
278                             <div class="col-md-6"> scal_fric </div>
279                             <div class="col-md-6">{{ task.md_scal_fric}}</div>
280                         </li>   
281                         
282                         {% endif %}
283
284                         <li class="list-group-item task-item">
285                             <div class="col-md-6"> RESPA </div>
286                             <div class="col-md-6">{{ task.md_respa}}</div>
287                         </li>           
288                                 
289                         <li class="list-group-item task-item">
290                             <div class="col-md-6"> temperatures </div>
291                             <div class="col-md-6">{{ task.remd_multi_t}}</div>
292                         </li>           
293                         <li class="list-group-item task-item">
294                             <div class="col-md-6"> multiplex </div>
295                             <div class="col-md-6">{{ task.remd_multi_m}}</div>
296                         </li>           
297                         <li class="list-group-item task-item">
298                             <div class="col-md-6"> temperature for clustering</div>
299                             <div class="col-md-6">{{ task.remd_cluter_temp}}</div>
300                         </li>           
301                         
302                         {% if task.saxs_data != "" %}                   
303                         <li class="list-group-item task-item">
304                             <div class="col-md-6"> wsaxs </div>
305                             <div class="col-md-6">{{ task.wsaxs }}</div>
306                         </li>           
307                         <li class="list-group-item task-item">
308                             <div class="col-md-6"> scal_rad (saxs) </div>
309                             <div class="col-md-6">{{ task.scal_rad }}</div>
310                         </li>           
311                         <li class="list-group-item task-item">
312                             <div class="col-md-6"> saxs distribution </div>
313                             <div class="col-md-6"><pre> {{ task.saxs_data }}</pre></div>
314                         </li>           
315                         {% endif %}
316
317         {% endif %}
318
319                         <li class="list-group-item task-item">
320                             <div class="col-md-6"> Box X Y Z</div>
321                             <div class="col-md-2">{{ task.boxx}}</div>
322                             <div class="col-md-2">{{ task.boxy}}</div>                      
323                             <div class="col-md-2">{{ task.boxz}}</div>                      
324                         </li>           
325
326 </div>
327 </div>
328         <p>
329         <h3> Results </h3>
330                         <li class="list-group-item task-item">
331                             <div class="col-md-4"> Directory </div>
332                             <div class="col-md-8">
333                             <a href="/myfiles/list/{{task.jobdirname}}/">
334                             {{ task.jobdirname }}
335                             </a>
336                             </div>
337                         </li>           
338
339
340         {% if task.done %}
341                         
342                         {% if task.type == "min" %}
343                         
344                         <li class="list-group-item task-item">
345                             <div class="col-md-2"> Etot </div>
346                             <div class="col-md-10">{{ task.etot }}</div>
347                         </li>           
348                         
349                         <li class="list-group-item task-item">
350                           <div class="col-md-2"> UNRES model </div>
351                           <div class="col-md-10"> 
352                           <a
353                            href="/myfiles/download-file/{{task.jobdirname}}/unres.pse">
354                           <img 
355                           src="/myfiles/download-file/{{task.jobdirname}}/unres.png"
356                           width="500"></a> </div>
357                         </li>
358
359
360                         <li class="list-group-item task-item">
361                           <div class="col-md-2"> Structure overlap </div>
362                           <div class="col-md-10"> <img 
363                           src="/myfiles/download-file/{{task.jobdirname}}/unres_overlap.png"
364                           width="500"> </div>
365                         </li>
366
367
368                         {% endif %}
369
370                         <li class="list-group-item task-item">
371                             <div class="col-md-2"> Results </div>
372                             <div class="col-md-10">{{ task.results_text|linebreaks }}</div>
373                         </li>           
374                         
375                         {% if task.type == "md" %}
376
377                         <li class="list-group-item task-item">
378                           <div class="col-md-2"> Temperature histogram </div>
379                           <div class="col-md-10"> <img 
380                           src="/myfiles/download-file/{{task.jobdirname}}/temp_hist.png"
381                           width="500"> </div>
382                         </li>
383
384                         <li class="list-group-item task-item">
385                           <div class="col-md-2"> Potential energy </div>
386                           <div class="col-md-10"> <img 
387                           src="/myfiles/download-file/{{task.jobdirname}}/md_ene.png"
388                           width="500"> </div>
389                         </li>
390
391                             <li class="list-group-item task-item">
392                             <div class="col-md-2"> Movie </div>
393                             <div class="col-md-10"> 
394
395                             <video width="500" height="400" preload controls>
396                             <source
397                             src="/myfiles/download-file/{{task.jobdirname}}/md.ogv"
398                             type="video/ogg; codecs=theora"> </source>
399                             </video>
400                           
401                             </div>
402                             </li>
403                             
404                         <li class="list-group-item task-item">
405                           <div class="col-md-2"> Radius of gyration based
406                           on C<sup>α</sup> coordinates </div>
407                           <div class="col-md-10"> <img 
408                           src="/myfiles/download-file/{{task.jobdirname}}/md_gyr.png"
409                           width="500"> </div>
410                         </li>
411                             
412
413                 
414                            {% if task.md_pdbref %}
415                         <li class="list-group-item task-item">
416                           <div class="col-md-2"> RMSD </div>
417                           <div class="col-md-10"> <img 
418                           src="/myfiles/download-file/{{task.jobdirname}}/md_rms.png"
419                           width="500"> </div>
420                         </li>
421
422                         <li class="list-group-item task-item">
423                           <div class="col-md-2"> fraction of native
424                           side-chain concacts </div>
425                           <div class="col-md-10"> <img 
426                           src="/myfiles/download-file/{{task.jobdirname}}/md_fracn.png"
427                           width="500"> </div>
428                         </li>
429                         
430                            {% endif %}
431
432                            {% if task.md_start == "pdbstart" %}
433                         <li class="list-group-item task-item">
434                           <div class="col-md-2"> fluctuations </div>
435                           <div class="col-md-10"> <img 
436                           src="/myfiles/download-file/{{task.jobdirname}}/fluct_plot.png"
437                           width="500"> </div>
438                         </li>
439
440                         <li class="list-group-item task-item">
441                           <div class="col-md-2"> fluctuations putty on
442                           starting structure</div>
443                           <div class="col-md-10"> 
444                           <a
445                           href="/myfiles/download-file/{{task.jobdirname}}/fluct.pse">
446                           <img 
447                           src="/myfiles/download-file/{{task.jobdirname}}/fluct.png"
448                           width="500"></a> </div>
449                         </li>
450                         
451                            {% endif %}
452
453
454
455                         {% endif %}
456                         
457                         {% if task.type == "remd" %}
458                         
459                         <li class="list-group-item task-item">
460                           <div class="col-md-2"> Energy histogram </div>
461                           <div class="col-md-10"> <img 
462                           src="/myfiles/download-file/{{task.jobdirname}}/remd_ene_hist.png"
463                           width="500"> </div>
464                         </li>
465
466                         <li class="list-group-item task-item">
467                           <div class="col-md-2"> Energy vs. temperature </div>
468                           <div class="col-md-10"> <img 
469                           src="/myfiles/download-file/{{task.jobdirname}}/remd_Tene.png"
470                           width="500"> </div>
471                         </li>
472                         
473                         <li class="list-group-item task-item">
474                           <div class="col-md-2"> Cv vs. temperature </div>
475                           <div class="col-md-10"> <img 
476                           src="/myfiles/download-file/{{task.jobdirname}}/remd_cv.png"
477                           width="500"> </div>
478                         </li>
479                         
480                            {% if task.md_pdbref %}
481
482                         <li class="list-group-item task-item">
483                           <div class="col-md-2"> Average RMSD vs. temperature </div>
484                           <div class="col-md-10"> <img 
485                           src="/myfiles/download-file/{{task.jobdirname}}/remd_rmsd.png"
486                           width="500"> </div>
487                         </li>
488
489                         <li class="list-group-item task-item">
490                           <div class="col-md-2"> potential energy vs. RMSD</div>
491                           <div class="col-md-10"> <img 
492                           src="/myfiles/download-file/{{task.jobdirname}}/remd_ene_rms.png"
493                           width="500"> </div>
494                         </li>
495
496                         <li class="list-group-item task-item">
497                           <div class="col-md-2"> RMSD vs. step*replica
498                           colored by bath temperature</div>
499                           <div class="col-md-10"> <img 
500                           src="/myfiles/download-file/{{task.jobdirname}}/remd_step_rms.png"
501                           width="500"> </div>
502                         </li>
503
504                         
505                            {% endif %} 
506                           
507                         <li class="list-group-item task-item">
508                           <div class="col-md-2"> exchanges (walk in T) </div>
509                           <div class="col-md-10"> <img 
510                           src="/myfiles/download-file/{{task.jobdirname}}/remd_ex.png"
511                           width="500"> </div>
512                         </li>
513                            {% if task.saxs_data != "" %}
514                         <li class="list-group-item task-item">
515                           <div class="col-md-2"> P(r) of input SAXS data and
516                           calculated for 5 models </div>
517                           <div class="col-md-10"> <img 
518                           src="/myfiles/download-file/{{task.jobdirname}}/saxs.png"
519                           width="500"> </div>
520                         </li>
521                            {% endif %}
522                         
523                         
524         <li class="list-group-item task-item">
525         <div class="col-md-4">
526         <button onclick="plusDivs(-1)">&#10094;</button> 
527         </div>
528         <div class="col-md-6">
529         select model
530         </div>
531         <div class="col-md-2">
532         <button onclick="plusDivs(1)">&#10095;</button>
533         </div>
534         </li>           
535                         
536                         <div class="model">
537                         <li class="list-group-item task-item">
538                           <div class="col-md-2"> model1 after conversion
539                           to allatom 
540                           {{ task.remd_model1|linebreaks }}
541                           </div>
542                           <div class="col-md-10"> 
543                           <a
544                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL1.pdb">
545                           <img
546                           src="/myfiles/download-file/{{task.jobdirname}}/model1.png" width="500">
547                           </a></div>
548                         </li>
549                         </div>
550                         <div class="model">
551                         <li class="list-group-item task-item">
552                           <div class="col-md-2"> model2 after conversion
553                           to allatom 
554                           {{ task.remd_model2|linebreaks }}
555                           </div>
556                           <div class="col-md-10"> 
557                           <a
558                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL2.pdb">
559                           <img
560                           src="/myfiles/download-file/{{task.jobdirname}}/model2.png" width="500">
561                           </a></div>
562                         </li>
563                         </div>
564                         <div class="model">
565                         <li class="list-group-item task-item">
566                           <div class="col-md-2"> model3 after conversion
567                           to allatom 
568                           {{ task.remd_model3|linebreaks }}
569                           </div>
570                           <div class="col-md-10"> 
571                           <a
572                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL3.pdb">
573                           <img
574                           src="/myfiles/download-file/{{task.jobdirname}}/model3.png" width="500">
575                           </a></div>
576                         </li>
577                         </div>
578                         <div class="model">
579                         <li class="list-group-item task-item">
580                           <div class="col-md-2"> model4 after conversion
581                           to allatom 
582                           {{ task.remd_model4|linebreaks }}
583                           </div>
584                           <div class="col-md-10"> 
585                           <a
586                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL4.pdb">
587                           <img
588                           src="/myfiles/download-file/{{task.jobdirname}}/model4.png" width="500">
589                           </a></div>
590                         </li>
591                         </div>
592                         <div class="model">
593                         <li class="list-group-item task-item">
594                           <div class="col-md-2"> model5 after conversion
595                           to allatom 
596                           {{ task.remd_model5|linebreaks }}
597                           </div>
598                           <div class="col-md-10"> 
599                           <a
600                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL5.pdb">
601                           <img
602                           src="/myfiles/download-file/{{task.jobdirname}}/model5.png" width="500">
603                           </a></div>
604                         </li>
605                         </div>
606                         {% endif %}
607
608         {% endif %}             
609
610         </ul>
611 {% else %}
612 <h2>
613 Regular user cannot use this link.
614 </h2>
615 {% endif %}
616
617 <script src="/static/jquery.min.js"></script>
618
619 <script>
620 $('.majorpointslegend').click(function(){
621     $(this.parentNode).find('.hiders').toggle();
622     if($(this.parentNode).find('.majorpointslegend').text()=='Show input parameters'){
623         $(this.parentNode).find('.majorpointslegend').text('Hide input parameters');
624     }else{
625         $(this.parentNode).find('.majorpointslegend').text('Show input parameters');
626     }    
627 });
628 </script>
629
630 <script>
631 var slideIndex = 1;
632 showDivs(slideIndex);
633
634 function plusDivs(n) {
635   showDivs(slideIndex += n);
636 }
637
638 function showDivs(n) {
639   var i;
640   var x = document.getElementsByClassName("model");
641   if (n > x.length) {slideIndex = 1}
642   if (n < 1) {slideIndex = x.length}
643   for (i = 0; i < x.length; i++) {
644      x[i].style.display = "none";
645   }
646   x[slideIndex-1].style.display = "block";
647 }
648 </script>
649         
650 {% if not task.done %}
651 <script>
652 function worker() {
653   $.ajax({
654     data:{csrfmiddlewaretoken: '{{ csrf_token }}'},
655     url: "/refresh_done1/{{task.id}}/", 
656     type:"post",
657     success: function(data) {
658       document.location.reload();
659     },
660     complete: function() {
661       // Schedule the next request when the current one's complete
662       setTimeout(worker, 30000);
663     }
664   });
665 };
666 $(document).ready(function() {
667   // run the first time; all subsequent calls will take care of themselves
668   setTimeout(worker, 30000);
669 });
670 </script>
671 {% endif %} 
672
673         
674 {% endblock %}