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-xs-3 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-xs-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-xs-10"> done ?</div>
  43                                 <div class="col-xs-10">
  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
  59     <fieldset class="majorpoints">
  60     <legend class="majorpointslegend"
  61     style="background-color:#d3d3d3;cursor: pointer;">Expand input parameters</legend>
  62     <div class="hiders" style="display:none" >
  63
  64                         <li class="list-group-item task-item">
  65                             <div class="col-xs-10"> type </div>
  66                             <div class="col-xs-10">{{ task.type }}</div>
  67                         </li>
  68
  69                         <li class="list-group-item task-item">
  70                             <div class="col-xs-10"> force field </div>
  71                             <div class="col-xs-10">{{ task.unres_ff }}</div>
  72                         </li>
  73
  74                         <li class="list-group-item task-item">
  75                             <div class="col-xs-10"> sequence </div>
  76                             <div class="col-xs-10">{{ task.md_seq}}</div>
  77                         </li>
  78
  79                         <li class="list-group-item task-item">
  80                             <div class="col-xs-10"> SSBOND </div>
  81                             <div class="col-xs-10">{{ task.ssbond}}</div>
  82                         </li>
  83
  84
  85         {% if task.type == "min" %}
  86
  87
  88                         <li class="list-group-item task-item">
  89                             <div class="col-xs-10"> algorithm</div>
  90                             <div class="col-xs-10">{{ task.min_choice }}</div>
  91                         </li>
  92                         <li class="list-group-item task-item">
  93                             <div class="col-xs-10"> overlap</div>
  94                             <div class="col-xs-10">{{ task.min_overlap }}</div>
  95                         </li>
  96                         <li class="list-group-item task-item">
  97                             <div class="col-xs-10"> searchsc</div>
  98                             <div class="col-xs-10">{{ task.min_searchsc }}</div>
  99                         </li>
 100                         <li class="list-group-item task-item">
 101                             <div class="col-xs-10"> maxmin</div>
 102                             <div class="col-xs-10">{{ task.min_maxmin }}</div>
 103                         </li>
 104                         <li class="list-group-item task-item">
 105                             <div class="col-xs-10"> maxfun</div>
 106                             <div class="col-xs-10">{{ task.min_maxfun }}</div>
 107                         </li>
 108                         <li class="list-group-item task-item">
 109                             <div class="col-xs-10"> pdbout</div>
 110                             <div class="col-xs-10">{{ task.min_pdbout }}</div>
 111                         </li>
 112                         <li class="list-group-item task-item">
 113                             <div class="col-xs-10"> input pdb </div>
 114                             <div class="col-xs-10">{{ task.myfile1 }}</div>
 115                         </li>
 116                         <li class="list-group-item task-item">
 117                             <div class="col-xs-10"> pdb code</div>
 118                             <div class="col-xs-10">{{ task.pdbcode }}</div>
 119                         </li>
 120                         <li class="list-group-item task-item">
 121                             <div class="col-xs-10"> unres_pdb</div>
 122                             <div class="col-xs-10">{{ task.min_unres_pdb }}</div>
 123                         </li>
 124
 125         {% endif %}
 126         {% if task.type == "md" %}
 127                         <li class="list-group-item task-item">
 128                             <div class="col-xs-10"> starting </div>
 129                             <div class="col-xs-10">{{ task.md_start}}</div>
 130                         </li>
 131
 132                         <li class="list-group-item task-item">
 133                             <div class="col-xs-10"> input pdb </div>
 134                             <div class="col-xs-10">{{ task.myfile1 }}</div>
 135                         </li>
 136                         <li class="list-group-item task-item">
 137                             <div class="col-xs-10"> pdb code</div>
 138                             <div class="col-xs-10">{{ task.pdbcode }}</div>
 139                         </li>
 140                         <li class="list-group-item task-item">
 141                             <div class="col-xs-10"> seed </div>
 142                             <div class="col-xs-10">{{ task.md_seed}}</div>
 143                         </li>
 144                         <li class="list-group-item task-item">
 145                             <div class="col-xs-10"> pdbref </div>
 146                             <div class="col-xs-10">{{ task.md_pdbref}}</div>
 147                         </li>
 148                         <li class="list-group-item task-item">
 149                             <div class="col-xs-10"> respa </div>
 150                             <div class="col-xs-10">{{ task.md_respa}}</div>
 151                         </li>
 152                         <li class="list-group-item task-item">
 153                             <div class="col-xs-10"> temperature </div>
 154                             <div class="col-xs-10">{{ task.md_temp}}</div>
 155                         </li>
 156                         <li class="list-group-item task-item">
 157                             <div class="col-xs-10"> nstep </div>
 158                             <div class="col-xs-10">{{ task.md_nstep}}</div>
 159                         </li>
 160                         <li class="list-group-item task-item">
 161                             <div class="col-xs-10"> ntwe </div>
 162                             <div class="col-xs-10">{{ task.md_ntwe}}</div>
 163                         </li>
 164                         <li class="list-group-item task-item">
 165                             <div class="col-xs-10"> ntwx </div>
 166                             <div class="col-xs-10">{{ task.md_ntwx}}</div>
 167                         </li>
 168                         <li class="list-group-item task-item">
 169                             <div class="col-xs-10"> dt </div>
 170                             <div class="col-xs-10">{{ task.md_dt}}</div>
 171                         </li>
 172                         <li class="list-group-item task-item">
 173                             <div class="col-xs-10"> thermostat </div>
 174                             <div class="col-xs-10">{{ task.md_lang}}</div>
 175                         </li>
 176
 177                         {% if task.md_lang == "berendsen" %}
 178
 179                         <li class="list-group-item task-item">
 180                             <div class="col-xs-10"> tau </div>
 181                             <div class="col-xs-10">{{ task.md_tau}}</div>
 182                         </li>
 183
 184                         {% else %}
 185
 186                         <li class="list-group-item task-item">
 187                             <div class="col-xs-10"> scal_fric </div>
 188                             <div class="col-xs-10">{{ task.md_scal_fric}}</div>
 189                         </li>
 190
 191                         {% endif %}
 192
 193                         <li class="list-group-item task-item">
 194                             <div class="col-xs-10"> mdpdb </div>
 195                             <div class="col-xs-10">{{ task.md_mdpdb}}</div>
 196                         </li>
 197         {% endif %}
 198
 199         {% if task.type == "remd" %}
 200
 201                         <li class="list-group-item task-item">
 202                             <div class="col-xs-10"> nrep </div>
 203                             <div class="col-xs-10">{{ task.remd_nrep}}</div>
 204                         </li>
 205                         <li class="list-group-item task-item">
 206                             <div class="col-xs-10"> starting </div>
 207                             <div class="col-xs-10">{{ task.md_start}}</div>
 208                         </li>
 209
 210                         <li class="list-group-item task-item">
 211                             <div class="col-xs-10"> input pdb </div>
 212                             <div class="col-xs-10">{{ task.myfile1 }}</div>
 213                         </li>
 214                         <li class="list-group-item task-item">
 215                             <div class="col-xs-10"> pdb code</div>
 216                             <div class="col-xs-10">{{ task.pdbcode }}</div>
 217                         </li>
 218                         <li class="list-group-item task-item">
 219                             <div class="col-xs-10"> seed </div>
 220                             <div class="col-xs-10">{{ task.md_seed}}</div>
 221                         </li>
 222                         <li class="list-group-item task-item">
 223                             <div class="col-xs-10"> pdbref </div>
 224                             <div class="col-xs-10">{{ task.md_pdbref}}</div>
 225                         </li>
 226                         <li class="list-group-item task-item">
 227                             <div class="col-xs-10"> respa </div>
 228                             <div class="col-xs-10">{{ task.md_respa}}</div>
 229                         </li>
 230                         <li class="list-group-item task-item">
 231                             <div class="col-xs-10"> nstep </div>
 232                             <div class="col-xs-10">{{ task.md_nstep}}</div>
 233                         </li>
 234                         <li class="list-group-item task-item">
 235                             <div class="col-xs-10"> ntwe </div>
 236                             <div class="col-xs-10">{{ task.md_ntwe}}</div>
 237                         </li>
 238                         <li class="list-group-item task-item">
 239                             <div class="col-xs-10"> nstex </div>
 240                             <div class="col-xs-10">{{ task.remd_nstex}}</div>
 241                         </li>
 242                         <li class="list-group-item task-item">
 243                             <div class="col-xs-10"> ntwx </div>
 244                             <div class="col-xs-10">{{ task.md_ntwx}}</div>
 245                         </li>
 246                         <li class="list-group-item task-item">
 247                             <div class="col-xs-10"> dt </div>
 248                             <div class="col-xs-10">{{ task.md_dt}}</div>
 249                         </li>
 250                         <li class="list-group-item task-item">
 251                             <div class="col-xs-10"> thermostat </div>
 252                             <div class="col-xs-10">{{ task.md_lang}}</div>
 253                         </li>
 254
 255                         {% if task.md_lang == "berendsen" %}
 256
 257                         <li class="list-group-item task-item">
 258                             <div class="col-xs-10"> tau </div>
 259                             <div class="col-xs-10">{{ task.md_tau}}</div>
 260                         </li>
 261
 262                         {% else %}
 263
 264                         <li class="list-group-item task-item">
 265                             <div class="col-xs-10"> scal_fric </div>
 266                             <div class="col-xs-10">{{ task.md_scal_fric}}</div>
 267                         </li>
 268
 269                         {% endif %}
 270
 271                         <li class="list-group-item task-item">
 272                             <div class="col-xs-10"> temperatures </div>
 273                             <div class="col-xs-10">{{ task.remd_multi_t}}</div>
 274                         </li>
 275                         <li class="list-group-item task-item">
 276                             <div class="col-xs-10"> multiplex </div>
 277                             <div class="col-xs-10">{{ task.remd_multi_m}}</div>
 278                         </li>
 279                         <li class="list-group-item task-item">
 280                             <div class="col-xs-10"> temperature for clustering</div>
 281                             <div class="col-xs-10">{{ task.remd_cluter_temp}}</div>
 282                         </li>
 283
 284
 285         {% endif %}
 286
 287                         <li class="list-group-item task-item">
 288                             <div class="col-xs-10"> Box X Y Z</div>
 289                             <div class="col-xs-3">{{ task.boxx}}</div>
 290                             <div class="col-xs-3">{{ task.boxy}}</div>
 291                             <div class="col-xs-3">{{ task.boxz}}</div>
 292                         </li>
 293
 294 </div>
 295         <p>
 296         <h3> Results </h3>
 297                         <li class="list-group-item task-item">
 298                             <div class="col-xs-10"> Directory </div>
 299                             <div class="col-xs-10">
 300                             <a href="/myfiles/list/{{task.jobdirname}}/">
 301                             {{ task.jobdirname }}
 302                             </a>
 303                             </div>
 304                         </li>
 305
 306
 307         {% if task.done %}
 308
 309                         {% if task.type == "min" %}
 310
 311                         <li class="list-group-item task-item">
 312                             <div class="col-xs-10"> Etot </div>
 313                             <div class="col-xs-10">{{ task.etot }}</div>
 314                         </li>
 315
 316                         <li class="list-group-item task-item">
 317                           <div class="col-xs-10"> UNRES model </div>
 318                           <div class="col-xs-10">
 319                           <a
 320                            href="/myfiles/download-file/{{task.jobdirname}}/unres.pse">
 321                           <img
 322                           src="/myfiles/download-file/{{task.jobdirname}}/unres.png"
 323                           width="500"></a> </div>
 324                         </li>
 325
 326
 327                         <li class="list-group-item task-item">
 328                           <div class="col-xs-10"> Structure overlap </div>
 329                           <div class="col-xs-10"> <img
 330                           src="/myfiles/download-file/{{task.jobdirname}}/unres_overlap.png"
 331                           width="500"> </div>
 332                         </li>
 333
 334
 335                         {% endif %}
 336
 337                         <li class="list-group-item task-item">
 338                             <div class="col-xs-10"> Results </div>
 339                             <div class="col-xs-10">{{ task.results_text|linebreaks }}</div>
 340                         </li>
 341
 342                         {% if task.type == "md" %}
 343
 344                         <li class="list-group-item task-item">
 345                           <div class="col-xs-10"> Temperature histogram </div>
 346                           <div class="col-xs-10"> <img
 347                           src="/myfiles/download-file/{{task.jobdirname}}/temp_hist.png"
 348                           width="500"> </div>
 349                         </li>
 350
 351                         <li class="list-group-item task-item">
 352                           <div class="col-xs-10"> Potential energy </div>
 353                           <div class="col-xs-10"> <img
 354                           src="/myfiles/download-file/{{task.jobdirname}}/md_ene.png"
 355                           width="500"> </div>
 356                         </li>
 357
 358                             <li class="list-group-item task-item">
 359                             <div class="col-xs-10"> Movie </div>
 360                             <div class="col-xs-10">
 361
 362                             <video width="500" height="400" preload controls>
 363                             <source
 364                             src="/myfiles/download-file/{{task.jobdirname}}/md.ogv"
 365                             type="video/ogg; codecs=theora"> </source>
 366                             </video>
 367
 368                             </div>
 369                             </li>
 370
 371                         <li class="list-group-item task-item">
 372                           <div class="col-xs-10"> Radius of gyration based
 373                           on C<sup>α</sup> coordinates </div>
 374                           <div class="col-xs-10"> <img
 375                           src="/myfiles/download-file/{{task.jobdirname}}/md_gyr.png"
 376                           width="500"> </div>
 377                         </li>
 378
 379
 380
 381                            {% if task.md_pdbref %}
 382                         <li class="list-group-item task-item">
 383                           <div class="col-xs-10"> RMSD </div>
 384                           <div class="col-xs-10"> <img
 385                           src="/myfiles/download-file/{{task.jobdirname}}/md_rms.png"
 386                           width="500"> </div>
 387                         </li>
 388
 389                         <li class="list-group-item task-item">
 390                           <div class="col-xs-10"> fraction of native
 391                           side-chain concacts </div>
 392                           <div class="col-xs-10"> <img
 393                           src="/myfiles/download-file/{{task.jobdirname}}/md_fracn.png"
 394                           width="500"> </div>
 395                         </li>
 396
 397                            {% endif %}
 398
 399                            {% if task.md_start == "pdbstart" %}
 400                         <li class="list-group-item task-item">
 401                           <div class="col-xs-10"> fluctuations </div>
 402                           <div class="col-xs-10"> <img
 403                           src="/myfiles/download-file/{{task.jobdirname}}/fluct_plot.png"
 404                           width="500"> </div>
 405                         </li>
 406
 407                         <li class="list-group-item task-item">
 408                           <div class="col-xs-10"> fluctuations putty on
 409                           starting structure</div>
 410                           <div class="col-xs-10">
 411                           <a
 412                           href="/myfiles/download-file/{{task.jobdirname}}/fluct.pse">
 413                           <img
 414                           src="/myfiles/download-file/{{task.jobdirname}}/fluct.png"
 415                           width="500"></a> </div>
 416                         </li>
 417
 418                            {% endif %}
 419
 420
 421
 422                         {% endif %}
 423
 424                         {% if task.type == "remd" %}
 425
 426                         <li class="list-group-item task-item">
 427                           <div class="col-xs-10"> Energy histogram </div>
 428                           <div class="col-xs-10"> <img
 429                           src="/myfiles/download-file/{{task.jobdirname}}/remd_ene_hist.png"
 430                           width="500"> </div>
 431                         </li>
 432
 433                         <li class="list-group-item task-item">
 434                           <div class="col-xs-10"> Energy vs. temperature </div>
 435                           <div class="col-xs-10"> <img
 436                           src="/myfiles/download-file/{{task.jobdirname}}/remd_Tene.png"
 437                           width="500"> </div>
 438                         </li>
 439
 440                         <li class="list-group-item task-item">
 441                           <div class="col-xs-10"> Cv vs. temperature </div>
 442                           <div class="col-xs-10"> <img
 443                           src="/myfiles/download-file/{{task.jobdirname}}/remd_cv.png"
 444                           width="500"> </div>
 445                         </li>
 446
 447                            {% if task.md_pdbref %}
 448
 449                         <li class="list-group-item task-item">
 450                           <div class="col-xs-10"> Average RMSD vs. temperature </div>
 451                           <div class="col-xs-10"> <img
 452                           src="/myfiles/download-file/{{task.jobdirname}}/remd_rmsd.png"
 453                           width="500"> </div>
 454                         </li>
 455
 456                         <li class="list-group-item task-item">
 457                           <div class="col-xs-10"> potential energy vs. RMSD</div>
 458                           <div class="col-xs-10"> <img
 459                           src="/myfiles/download-file/{{task.jobdirname}}/remd_ene_rms.png"
 460                           width="500"> </div>
 461                         </li>
 462
 463                         <li class="list-group-item task-item">
 464                           <div class="col-xs-10"> RMSD vs. step*replica
 465                           colored by bath temperature</div>
 466                           <div class="col-xs-10"> <img
 467                           src="/myfiles/download-file/{{task.jobdirname}}/remd_step_rms.png"
 468                           width="500"> </div>
 469                         </li>
 470
 471
 472                            {% endif %}
 473
 474                         <li class="list-group-item task-item">
 475                           <div class="col-xs-10"> exchanges (walk in T) </div>
 476                           <div class="col-xs-10"> <img
 477                           src="/myfiles/download-file/{{task.jobdirname}}/remd_ex.png"
 478                           width="500"> </div>
 479                         </li>
 480
 481                         <li class="list-group-item task-item">
 482                           <div class="col-xs-10"> model1 after conversion
 483                           to allatom
 484                           {{ task.remd_model1|linebreaks }}
 485                           </div>
 486                           <div class="col-xs-10">
 487                           <a
 488                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL1.pdb">
 489                           <img
 490                           src="/myfiles/download-file/{{task.jobdirname}}/model1.png" width="500">
 491                           </a></div>
 492                         </li>
 493                         <li class="list-group-item task-item">
 494                           <div class="col-xs-10"> model2 after conversion
 495                           to allatom
 496                           {{ task.remd_model2|linebreaks }}
 497                           </div>
 498                           <div class="col-xs-10">
 499                           <a
 500                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL2.pdb">
 501                           <img
 502                           src="/myfiles/download-file/{{task.jobdirname}}/model2.png" width="500">
 503                           </a></div>
 504                         </li>
 505                         <li class="list-group-item task-item">
 506                           <div class="col-xs-10"> model3 after conversion
 507                           to allatom
 508                           {{ task.remd_model3|linebreaks }}
 509                           </div>
 510                           <div class="col-xs-10">
 511                           <a
 512                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL3.pdb">
 513                           <img
 514                           src="/myfiles/download-file/{{task.jobdirname}}/model3.png" width="500">
 515                           </a></div>
 516                         </li>
 517                         <li class="list-group-item task-item">
 518                           <div class="col-xs-10"> model4 after conversion
 519                           to allatom
 520                           {{ task.remd_model4|linebreaks }}
 521                           </div>
 522                           <div class="col-xs-10">
 523                           <a
 524                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL4.pdb">
 525                           <img
 526                           src="/myfiles/download-file/{{task.jobdirname}}/model4.png" width="500">
 527                           </a></div>
 528                         </li>
 529                         <li class="list-group-item task-item">
 530                           <div class="col-xs-10"> model5 after conversion
 531                           to allatom
 532                           {{ task.remd_model5|linebreaks }}
 533                           </div>
 534                           <div class="col-xs-10">
 535                           <a
 536                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL5.pdb">
 537                           <img
 538                           src="/myfiles/download-file/{{task.jobdirname}}/model5.png" width="500">
 539                           </a></div>
 540                         </li>
 541
 542
 543                         {% endif %}
 544
 545         {% endif %}
 546
 547         </ul>
 548 {% else %}
 549 <h2>
 550 Regular user cannot use this link.
 551 </h2>
 552 {% endif %}
 553
 554 <script src="/static/jquery.min.js"></script>
 555
 556 <script>
 557 $('.majorpoints').click(function(){
 558     $(this).find('.hiders').toggle();
 559     if($(this).find('.majorpointslegend').text()=='Expand input parameters'){
 560         $(this).find('.majorpointslegend').text('Colapse input parameters');
 561     }else{
 562         $(this).find('.majorpointslegend').text('Expand input parameters');
 563     }
 564 });
 565 </script>
 566
 567 {% endblock %}