django_simple/todo/templates/details.html

   1 {% extends "base.html" %}
   2
   3 {% load i18n lazysignup_tags %}
   4 {% block content %}
   5
   6 {% if user|is_lazy_user %}
   7 <ul class="list-group">
   8
   9 <li class="list-group-item new-task-item task-item">
  10
  11 <div class="col-xs-3 form-group">
  12 <form action="/refresh_done/" method="post">
  13 {% csrf_token %}
  14 <input type="submit" class="btn" value="Refresh" name="refreshbtn">
  15 </form>
  16 </div>
  17
  18 <div class="col-xs-10 form-group">
  19 <h5 style="text-align:right;float:right;">
  20 {% if not task.done %}
  21  {% if task.running > 0  %}
  22   {% if task.running == 100  %}
  23   postprocessing
  24   {% else %}
  25   running
  26   {% endif %}
  27  {% else %}
  28   waiting in the queue to start
  29  {% endif %}
  30 {% endif %}
  31 </h5>
  32 </div>
  33 </li>
  34 </ul>
  35 {% endif %}
  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 <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-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 </div>
 296         <p>
 297         <h3> Results </h3>
 298                         <li class="list-group-item task-item">
 299                             <div class="col-xs-10"> Directory </div>
 300                             <div class="col-xs-10">
 301                             <a href="/myfiles/list/{{task.jobdirname}}/">
 302                             {{ task.jobdirname }}
 303                             </a>
 304                             </div>
 305                         </li>
 306
 307
 308         {% if task.done %}
 309
 310                         {% if task.type == "min" %}
 311
 312                         <li class="list-group-item task-item">
 313                             <div class="col-xs-10"> Etot </div>
 314                             <div class="col-xs-10">{{ task.etot }}</div>
 315                         </li>
 316
 317                         <li class="list-group-item task-item">
 318                           <div class="col-xs-10"> UNRES model </div>
 319                           <div class="col-xs-10">
 320                           <a
 321                            href="/myfiles/download-file/{{task.jobdirname}}/unres.pse">
 322                           <img
 323                           src="/myfiles/download-file/{{task.jobdirname}}/unres.png"
 324                           width="500"></a> </div>
 325                         </li>
 326
 327
 328                         <li class="list-group-item task-item">
 329                           <div class="col-xs-10"> Structure overlap </div>
 330                           <div class="col-xs-10"> <img
 331                           src="/myfiles/download-file/{{task.jobdirname}}/unres_overlap.png"
 332                           width="500"> </div>
 333                         </li>
 334
 335
 336                         {% endif %}
 337
 338                         <li class="list-group-item task-item">
 339                             <div class="col-xs-10"> Results </div>
 340                             <div class="col-xs-10">{{ task.results_text|linebreaks }}</div>
 341                         </li>
 342
 343                         {% if task.type == "md" %}
 344
 345                         <li class="list-group-item task-item">
 346                           <div class="col-xs-10"> Temperature histogram </div>
 347                           <div class="col-xs-10"> <img
 348                           src="/myfiles/download-file/{{task.jobdirname}}/temp_hist.png"
 349                           width="500"> </div>
 350                         </li>
 351
 352                         <li class="list-group-item task-item">
 353                           <div class="col-xs-10"> Potential energy </div>
 354                           <div class="col-xs-10"> <img
 355                           src="/myfiles/download-file/{{task.jobdirname}}/md_ene.png"
 356                           width="500"> </div>
 357                         </li>
 358
 359                             <li class="list-group-item task-item">
 360                             <div class="col-xs-10"> Movie </div>
 361                             <div class="col-xs-10">
 362
 363                             <video width="500" height="400" preload controls>
 364                             <source
 365                             src="/myfiles/download-file/{{task.jobdirname}}/md.ogv"
 366                             type="video/ogg; codecs=theora"> </source>
 367                             </video>
 368
 369                             </div>
 370                             </li>
 371
 372                         <li class="list-group-item task-item">
 373                           <div class="col-xs-10"> Radius of gyration based
 374                           on C<sup>α</sup> coordinates </div>
 375                           <div class="col-xs-10"> <img
 376                           src="/myfiles/download-file/{{task.jobdirname}}/md_gyr.png"
 377                           width="500"> </div>
 378                         </li>
 379
 380
 381
 382                            {% if task.md_pdbref %}
 383                         <li class="list-group-item task-item">
 384                           <div class="col-xs-10"> RMSD </div>
 385                           <div class="col-xs-10"> <img
 386                           src="/myfiles/download-file/{{task.jobdirname}}/md_rms.png"
 387                           width="500"> </div>
 388                         </li>
 389
 390                         <li class="list-group-item task-item">
 391                           <div class="col-xs-10"> fraction of native
 392                           side-chain concacts </div>
 393                           <div class="col-xs-10"> <img
 394                           src="/myfiles/download-file/{{task.jobdirname}}/md_fracn.png"
 395                           width="500"> </div>
 396                         </li>
 397
 398                            {% endif %}
 399
 400                            {% if task.md_start == "pdbstart" %}
 401                         <li class="list-group-item task-item">
 402                           <div class="col-xs-10"> fluctuations </div>
 403                           <div class="col-xs-10"> <img
 404                           src="/myfiles/download-file/{{task.jobdirname}}/fluct_plot.png"
 405                           width="500"> </div>
 406                         </li>
 407
 408                         <li class="list-group-item task-item">
 409                           <div class="col-xs-10"> fluctuations putty on
 410                           starting structure</div>
 411                           <div class="col-xs-10">
 412                           <a
 413                           href="/myfiles/download-file/{{task.jobdirname}}/fluct.pse">
 414                           <img
 415                           src="/myfiles/download-file/{{task.jobdirname}}/fluct.png"
 416                           width="500"></a> </div>
 417                         </li>
 418
 419                            {% endif %}
 420
 421
 422
 423                         {% endif %}
 424
 425                         {% if task.type == "remd" %}
 426
 427                         <li class="list-group-item task-item">
 428                           <div class="col-xs-10"> Energy histogram </div>
 429                           <div class="col-xs-10"> <img
 430                           src="/myfiles/download-file/{{task.jobdirname}}/remd_ene_hist.png"
 431                           width="500"> </div>
 432                         </li>
 433
 434                         <li class="list-group-item task-item">
 435                           <div class="col-xs-10"> Energy vs. temperature </div>
 436                           <div class="col-xs-10"> <img
 437                           src="/myfiles/download-file/{{task.jobdirname}}/remd_Tene.png"
 438                           width="500"> </div>
 439                         </li>
 440
 441                         <li class="list-group-item task-item">
 442                           <div class="col-xs-10"> Cv vs. temperature </div>
 443                           <div class="col-xs-10"> <img
 444                           src="/myfiles/download-file/{{task.jobdirname}}/remd_cv.png"
 445                           width="500"> </div>
 446                         </li>
 447
 448                            {% if task.md_pdbref %}
 449
 450                         <li class="list-group-item task-item">
 451                           <div class="col-xs-10"> Average RMSD vs. temperature </div>
 452                           <div class="col-xs-10"> <img
 453                           src="/myfiles/download-file/{{task.jobdirname}}/remd_rmsd.png"
 454                           width="500"> </div>
 455                         </li>
 456
 457                         <li class="list-group-item task-item">
 458                           <div class="col-xs-10"> potential energy vs. RMSD</div>
 459                           <div class="col-xs-10"> <img
 460                           src="/myfiles/download-file/{{task.jobdirname}}/remd_ene_rms.png"
 461                           width="500"> </div>
 462                         </li>
 463
 464                         <li class="list-group-item task-item">
 465                           <div class="col-xs-10"> RMSD vs. step*replica
 466                           colored by bath temperature</div>
 467                           <div class="col-xs-10"> <img
 468                           src="/myfiles/download-file/{{task.jobdirname}}/remd_step_rms.png"
 469                           width="500"> </div>
 470                         </li>
 471
 472
 473                            {% endif %}
 474
 475                         <li class="list-group-item task-item">
 476                           <div class="col-xs-10"> exchanges (walk in T) </div>
 477                           <div class="col-xs-10"> <img
 478                           src="/myfiles/download-file/{{task.jobdirname}}/remd_ex.png"
 479                           width="500"> </div>
 480                         </li>
 481
 482         <li class="list-group-item task-item">
 483         <div class="col-xs-10">
 484         <button onclick="plusDivs(-1)">&#10094;</button>
 485         </div>
 486         <div class="col-xs-10">
 487         select model
 488         </div>
 489         <div class="col-xs-10">
 490         <button onclick="plusDivs(1)">&#10095;</button>
 491         </div>
 492         </li>
 493
 494                         <div class="model">
 495                         <li class="list-group-item task-item">
 496                           <div class="col-xs-10"> model1 after conversion
 497                           to allatom
 498                           {{ task.remd_model1|linebreaks }}
 499                           </div>
 500                           <div class="col-xs-10">
 501                           <a
 502                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL1.pdb">
 503                           <img
 504                           src="/myfiles/download-file/{{task.jobdirname}}/model1.png" width="500">
 505                           </a></div>
 506                         </li>
 507                         </div>
 508                         <div class="model">
 509                         <li class="list-group-item task-item">
 510                           <div class="col-xs-10"> model2 after conversion
 511                           to allatom
 512                           {{ task.remd_model2|linebreaks }}
 513                           </div>
 514                           <div class="col-xs-10">
 515                           <a
 516                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL2.pdb">
 517                           <img
 518                           src="/myfiles/download-file/{{task.jobdirname}}/model2.png" width="500">
 519                           </a></div>
 520                         </li>
 521                         </div>
 522                         <div class="model">
 523                         <li class="list-group-item task-item">
 524                           <div class="col-xs-10"> model3 after conversion
 525                           to allatom
 526                           {{ task.remd_model3|linebreaks }}
 527                           </div>
 528                           <div class="col-xs-10">
 529                           <a
 530                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL3.pdb">
 531                           <img
 532                           src="/myfiles/download-file/{{task.jobdirname}}/model3.png" width="500">
 533                           </a></div>
 534                         </li>
 535                         </div>
 536                         <div class="model">
 537                         <li class="list-group-item task-item">
 538                           <div class="col-xs-10"> model4 after conversion
 539                           to allatom
 540                           {{ task.remd_model4|linebreaks }}
 541                           </div>
 542                           <div class="col-xs-10">
 543                           <a
 544                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL4.pdb">
 545                           <img
 546                           src="/myfiles/download-file/{{task.jobdirname}}/model4.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-xs-10"> model5 after conversion
 553                           to allatom
 554                           {{ task.remd_model5|linebreaks }}
 555                           </div>
 556                           <div class="col-xs-10">
 557                           <a
 558                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL5.pdb">
 559                           <img
 560                           src="/myfiles/download-file/{{task.jobdirname}}/model5.png" width="500">
 561                           </a></div>
 562                         </li>
 563                         </div>
 564                         {% endif %}
 565
 566         {% endif %}
 567
 568         </ul>
 569
 570 <script src="/static/jquery.min.js"></script>
 571
 572 <script>
 573 $('.majorpoints').click(function(){
 574     $(this).find('.hiders').toggle();
 575     if($(this).find('.majorpointslegend').text()=='Show input parameters'){
 576         $(this).find('.majorpointslegend').text('Hide input parameters');
 577     }else{
 578         $(this).find('.majorpointslegend').text('Show input parameters');
 579     }
 580 });
 581 </script>
 582
 583 <script>
 584 var slideIndex = 1;
 585 showDivs(slideIndex);
 586
 587 function plusDivs(n) {
 588   showDivs(slideIndex += n);
 589 }
 590
 591 function showDivs(n) {
 592   var i;
 593   var x = document.getElementsByClassName("model");
 594   if (n > x.length) {slideIndex = 1}
 595   if (n < 1) {slideIndex = x.length}
 596   for (i = 0; i < x.length; i++) {
 597      x[i].style.display = "none";
 598   }
 599   x[slideIndex-1].style.display = "block";
 600 }
 601 </script>
 602
 603
 604 {% endblock %}