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                         {% if task.saxs_data != "" %}
 284                         <li class="list-group-item task-item">
 285                             <div class="col-xs-10"> wsaxs </div>
 286                             <div class="col-xs-10">{{ task.wsaxs }}</div>
 287                         </li>
 288                         <li class="list-group-item task-item">
 289                             <div class="col-xs-10"> scal_rad (saxs) </div>
 290                             <div class="col-xs-10">{{ task.scal_rad }}</div>
 291                         </li>
 292                         <li class="list-group-item task-item">
 293                             <div class="col-xs-10"> saxs distribution </div>
 294                             <div class="col-xs-10"><pre> {{ task.saxs_data }}</pre></div>
 295                         </li>
 296                         {% endif %}
 297
 298         {% endif %}
 299
 300                         <li class="list-group-item task-item">
 301                             <div class="col-xs-10"> Box X Y Z</div>
 302                             <div class="col-xs-3">{{ task.boxx}}</div>
 303                             <div class="col-xs-3">{{ task.boxy}}</div>
 304                             <div class="col-xs-3">{{ task.boxz}}</div>
 305                         </li>
 306
 307 </div>
 308 </div>
 309         <p>
 310         <h3> Results </h3>
 311                         <li class="list-group-item task-item">
 312                             <div class="col-xs-10"> Directory </div>
 313                             <div class="col-xs-10">
 314                             <a href="/myfiles/list/{{task.jobdirname}}/">
 315                             {{ task.jobdirname }}
 316                             </a>
 317                             </div>
 318                         </li>
 319
 320
 321         {% if task.done %}
 322
 323                         {% if task.type == "min" %}
 324
 325                         <li class="list-group-item task-item">
 326                             <div class="col-xs-10"> Etot </div>
 327                             <div class="col-xs-10">{{ task.etot }}</div>
 328                         </li>
 329
 330                         <li class="list-group-item task-item">
 331                           <div class="col-xs-10"> UNRES model </div>
 332                           <div class="col-xs-10">
 333                           <a
 334                            href="/myfiles/download-file/{{task.jobdirname}}/unres.pse">
 335                           <img
 336                           src="/myfiles/download-file/{{task.jobdirname}}/unres.png"
 337                           width="500"></a> </div>
 338                         </li>
 339
 340
 341                         <li class="list-group-item task-item">
 342                           <div class="col-xs-10"> Structure overlap </div>
 343                           <div class="col-xs-10"> <img
 344                           src="/myfiles/download-file/{{task.jobdirname}}/unres_overlap.png"
 345                           width="500"> </div>
 346                         </li>
 347
 348
 349                         {% endif %}
 350
 351                         <li class="list-group-item task-item">
 352                             <div class="col-xs-10"> Results </div>
 353                             <div class="col-xs-10">{{ task.results_text|linebreaks }}</div>
 354                         </li>
 355
 356                         {% if task.type == "md" %}
 357
 358                         <li class="list-group-item task-item">
 359                           <div class="col-xs-10"> Temperature histogram </div>
 360                           <div class="col-xs-10"> <img
 361                           src="/myfiles/download-file/{{task.jobdirname}}/temp_hist.png"
 362                           width="500"> </div>
 363                         </li>
 364
 365                         <li class="list-group-item task-item">
 366                           <div class="col-xs-10"> Potential energy </div>
 367                           <div class="col-xs-10"> <img
 368                           src="/myfiles/download-file/{{task.jobdirname}}/md_ene.png"
 369                           width="500"> </div>
 370                         </li>
 371
 372                             <li class="list-group-item task-item">
 373                             <div class="col-xs-10"> Movie </div>
 374                             <div class="col-xs-10">
 375
 376                             <video width="500" height="400" preload controls>
 377                             <source
 378                             src="/myfiles/download-file/{{task.jobdirname}}/md.ogv"
 379                             type="video/ogg; codecs=theora"> </source>
 380                             </video>
 381
 382                             </div>
 383                             </li>
 384
 385                         <li class="list-group-item task-item">
 386                           <div class="col-xs-10"> Radius of gyration based
 387                           on C<sup>α</sup> coordinates </div>
 388                           <div class="col-xs-10"> <img
 389                           src="/myfiles/download-file/{{task.jobdirname}}/md_gyr.png"
 390                           width="500"> </div>
 391                         </li>
 392
 393
 394
 395                            {% if task.md_pdbref %}
 396                         <li class="list-group-item task-item">
 397                           <div class="col-xs-10"> RMSD </div>
 398                           <div class="col-xs-10"> <img
 399                           src="/myfiles/download-file/{{task.jobdirname}}/md_rms.png"
 400                           width="500"> </div>
 401                         </li>
 402
 403                         <li class="list-group-item task-item">
 404                           <div class="col-xs-10"> fraction of native
 405                           side-chain concacts </div>
 406                           <div class="col-xs-10"> <img
 407                           src="/myfiles/download-file/{{task.jobdirname}}/md_fracn.png"
 408                           width="500"> </div>
 409                         </li>
 410
 411                            {% endif %}
 412
 413                            {% if task.md_start == "pdbstart" %}
 414                         <li class="list-group-item task-item">
 415                           <div class="col-xs-10"> fluctuations </div>
 416                           <div class="col-xs-10"> <img
 417                           src="/myfiles/download-file/{{task.jobdirname}}/fluct_plot.png"
 418                           width="500"> </div>
 419                         </li>
 420
 421                         <li class="list-group-item task-item">
 422                           <div class="col-xs-10"> fluctuations putty on
 423                           starting structure</div>
 424                           <div class="col-xs-10">
 425                           <a
 426                           href="/myfiles/download-file/{{task.jobdirname}}/fluct.pse">
 427                           <img
 428                           src="/myfiles/download-file/{{task.jobdirname}}/fluct.png"
 429                           width="500"></a> </div>
 430                         </li>
 431
 432                            {% endif %}
 433
 434
 435
 436                         {% endif %}
 437
 438                         {% if task.type == "remd" %}
 439
 440                         <li class="list-group-item task-item">
 441                           <div class="col-xs-10"> Energy histogram </div>
 442                           <div class="col-xs-10"> <img
 443                           src="/myfiles/download-file/{{task.jobdirname}}/remd_ene_hist.png"
 444                           width="500"> </div>
 445                         </li>
 446
 447                         <li class="list-group-item task-item">
 448                           <div class="col-xs-10"> Energy vs. temperature </div>
 449                           <div class="col-xs-10"> <img
 450                           src="/myfiles/download-file/{{task.jobdirname}}/remd_Tene.png"
 451                           width="500"> </div>
 452                         </li>
 453
 454                         <li class="list-group-item task-item">
 455                           <div class="col-xs-10"> Cv vs. temperature </div>
 456                           <div class="col-xs-10"> <img
 457                           src="/myfiles/download-file/{{task.jobdirname}}/remd_cv.png"
 458                           width="500"> </div>
 459                         </li>
 460
 461                            {% if task.md_pdbref %}
 462
 463                         <li class="list-group-item task-item">
 464                           <div class="col-xs-10"> Average RMSD vs. temperature </div>
 465                           <div class="col-xs-10"> <img
 466                           src="/myfiles/download-file/{{task.jobdirname}}/remd_rmsd.png"
 467                           width="500"> </div>
 468                         </li>
 469
 470                         <li class="list-group-item task-item">
 471                           <div class="col-xs-10"> potential energy vs. RMSD</div>
 472                           <div class="col-xs-10"> <img
 473                           src="/myfiles/download-file/{{task.jobdirname}}/remd_ene_rms.png"
 474                           width="500"> </div>
 475                         </li>
 476
 477                         <li class="list-group-item task-item">
 478                           <div class="col-xs-10"> RMSD vs. step*replica
 479                           colored by bath temperature</div>
 480                           <div class="col-xs-10"> <img
 481                           src="/myfiles/download-file/{{task.jobdirname}}/remd_step_rms.png"
 482                           width="500"> </div>
 483                         </li>
 484
 485
 486                            {% endif %}
 487
 488                         <li class="list-group-item task-item">
 489                           <div class="col-xs-10"> exchanges (walk in T) </div>
 490                           <div class="col-xs-10"> <img
 491                           src="/myfiles/download-file/{{task.jobdirname}}/remd_ex.png"
 492                           width="500"> </div>
 493                         </li>
 494
 495                            {% if task.saxs_data != "" %}
 496                         <li class="list-group-item task-item">
 497                           <div class="col-xs-10"> P(r) of input SAXS data and
 498                           calculated for 5 models </div>
 499                           <div class="col-xs-10"> <img
 500                           src="/myfiles/download-file/{{task.jobdirname}}/saxs.png"
 501                           width="500"> </div>
 502                         </li>
 503                            {% endif %}
 504
 505         <li class="list-group-item task-item">
 506         <div class="col-xs-10">
 507         <button onclick="plusDivs(-1)">&#10094;</button>
 508         </div>
 509         <div class="col-xs-10">
 510         select model
 511         </div>
 512         <div class="col-xs-10">
 513         <button onclick="plusDivs(1)">&#10095;</button>
 514         </div>
 515         </li>
 516
 517                         <div class="model">
 518                         <li class="list-group-item task-item">
 519                           <div class="col-xs-10"> model1 after conversion
 520                           to allatom
 521                           {{ task.remd_model1|linebreaks }}
 522                           </div>
 523                           <div class="col-xs-10">
 524                           <a
 525                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL1.pdb">
 526                           <img
 527                           src="/myfiles/download-file/{{task.jobdirname}}/model1.png" width="500">
 528                           </a></div>
 529                         </li>
 530                         </div>
 531                         <div class="model">
 532                         <li class="list-group-item task-item">
 533                           <div class="col-xs-10"> model2 after conversion
 534                           to allatom
 535                           {{ task.remd_model2|linebreaks }}
 536                           </div>
 537                           <div class="col-xs-10">
 538                           <a
 539                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL2.pdb">
 540                           <img
 541                           src="/myfiles/download-file/{{task.jobdirname}}/model2.png" width="500">
 542                           </a></div>
 543                         </li>
 544                         </div>
 545                         <div class="model">
 546                         <li class="list-group-item task-item">
 547                           <div class="col-xs-10"> model3 after conversion
 548                           to allatom
 549                           {{ task.remd_model3|linebreaks }}
 550                           </div>
 551                           <div class="col-xs-10">
 552                           <a
 553                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL3.pdb">
 554                           <img
 555                           src="/myfiles/download-file/{{task.jobdirname}}/model3.png" width="500">
 556                           </a></div>
 557                         </li>
 558                         </div>
 559                         <div class="model">
 560                         <li class="list-group-item task-item">
 561                           <div class="col-xs-10"> model4 after conversion
 562                           to allatom
 563                           {{ task.remd_model4|linebreaks }}
 564                           </div>
 565                           <div class="col-xs-10">
 566                           <a
 567                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL4.pdb">
 568                           <img
 569                           src="/myfiles/download-file/{{task.jobdirname}}/model4.png" width="500">
 570                           </a></div>
 571                         </li>
 572                         </div>
 573                         <div class="model">
 574                         <li class="list-group-item task-item">
 575                           <div class="col-xs-10"> model5 after conversion
 576                           to allatom
 577                           {{ task.remd_model5|linebreaks }}
 578                           </div>
 579                           <div class="col-xs-10">
 580                           <a
 581                           href="/myfiles/download-file/{{task.jobdirname}}/MODEL5.pdb">
 582                           <img
 583                           src="/myfiles/download-file/{{task.jobdirname}}/model5.png" width="500">
 584                           </a></div>
 585                         </li>
 586                         </div>
 587                         {% endif %}
 588
 589         {% endif %}
 590
 591         </ul>
 592
 593 <script src="/static/jquery.min.js"></script>
 594
 595 <script>
 596 $('.majorpoints').click(function(){
 597     $(this).find('.hiders').toggle();
 598     if($(this).find('.majorpointslegend').text()=='Show input parameters'){
 599         $(this).find('.majorpointslegend').text('Hide input parameters');
 600     }else{
 601         $(this).find('.majorpointslegend').text('Show input parameters');
 602     }
 603 });
 604 </script>
 605
 606 <script>
 607 var slideIndex = 1;
 608 showDivs(slideIndex);
 609
 610 function plusDivs(n) {
 611   showDivs(slideIndex += n);
 612 }
 613
 614 function showDivs(n) {
 615   var i;
 616   var x = document.getElementsByClassName("model");
 617   if (n > x.length) {slideIndex = 1}
 618   if (n < 1) {slideIndex = x.length}
 619   for (i = 0; i < x.length; i++) {
 620      x[i].style.display = "none";
 621   }
 622   x[slideIndex-1].style.display = "block";
 623 }
 624 </script>
 625
 626
 627 {% endblock %}