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