Mercurial > repos > jankanis > blast2html

comparison blast2html.html.jinja @ 111:7aa28753d7b3

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
create document-wide h1 header, put other headers one size down
author Jan Kanis <jan.code@jankanis.nl>
date Wed, 09 Jul 2014 15:17:14 +0200
parents e17aae23cc1c
children 4c154760deba
comparison
equal deleted inserted replaced
110:e17aae23cc1c 111:7aa28753d7b3
39 letter-spacing: -1px; 39 letter-spacing: -1px;
40 margin: 1.2em 0 0.3em; 40 margin: 1.2em 0 0.3em;
41 } 41 }
42 42
43 h1 { 43 h1 {
44 font-size: 200%;
45 }
46
47 h2 {
48 font-size: 150%;
49 }
50
51 h1, h2 {
44 border-bottom: 1px solid #CCCCCC; 52 border-bottom: 1px solid #CCCCCC;
45 font-size: 150%;
46 padding-bottom: 0.1em; 53 padding-bottom: 0.1em;
47 } 54 }
48 55
49 h2 { 56 h3 {
50 font-size: 120%; 57 font-size: 120%;
51 font-weight: bold; 58 font-weight: bold;
52 } 59 }
53 60
54 h4.darkHeader { 61 h5.darkHeader {
55 color: #4D4D4D; 62 color: #4D4D4D;
56 letter-spacing: 0; 63 letter-spacing: 0;
57 font-weight: bold; 64 font-weight: bold;
58 } 65 }
59 66
384 </b></font></td></tr></table> 391 </b></font></td></tr></table>
385 </div> 392 </div>
386 393
387 <div id=content> 394 <div id=content>
388 395
389 {% if not blast.BlastOutput_iterations.findall('Iteration') %}
390 <section class=nodata>
391 <h1>No data</h1>
392 <div class=grey>
393 No matches
394 </div>
395 </section>
396
397 {% else %}
398
399 <section class=header> 396 <section class=header>
400 397
401 <h1>Nucleotide Blast results</h1> 398 <h1>Nucleotide Blast results</h1>
402 399
403 <table class=headerdata> 400 <table class=headerdata>
406 {% endfor %} 403 {% endfor %}
407 </table> 404 </table>
408 405
409 </section> 406 </section>
410 407
408 {% if not blast.BlastOutput_iterations.findall('Iteration') %}
409 <section class=nodata>
410 <h2>No data</h2>
411 <div class=grey>
412 No matches
413 </div>
414 </section>
415
416 {% else %}
417
411 {% if blast.BlastOutput_iterations.findall('Iteration') | length > 1 %} 418 {% if blast.BlastOutput_iterations.findall('Iteration') | length > 1 %}
412 <section class=index> 419 <section class=index>
413 <h1>Queries</h1> 420 <h2>Queries</h2>
414 421
415 {% for result in blast.BlastOutput_iterations.Iteration %} 422 {% for result in blast.BlastOutput_iterations.Iteration %}
416 <div class=indexentry><a href="#match{{result|nodeid}}"> 423 <div class=indexentry><a href="#match{{result|nodeid}}">
417 {% set hits = result|hits %} 424 {% set hits = result|hits %}
418 {{result['Iteration_query-ID']}}: {{result['Iteration_query-def']}} 425 {{result['Iteration_query-ID']}}: {{result['Iteration_query-def']}}
425 432
426 {% for result in blast.BlastOutput_iterations.Iteration %} 433 {% for result in blast.BlastOutput_iterations.Iteration %}
427 434
428 <section class=match id=match{{result|nodeid}}> 435 <section class=match id=match{{result|nodeid}}>
429 436
430 <h1>Nucleotide Sequence ({{result|len}} letters)</h1> 437 <h2>Nucleotide Sequence ({{result|len}} letters)</h2>
431 438
432 <section class=header> 439 <section class=header>
433 440
434 <table class=headerdata> 441 <table class=headerdata>
435 {% for param, value in result|params %} 442 {% for param, value in result|params %}
440 </section> 447 </section>
441 448
442 {% set hits = result|hits %} 449 {% set hits = result|hits %}
443 {% if not hits %} 450 {% if not hits %}
444 <section> 451 <section>
445 <h2>No Hits</h2> 452 <h3>No Hits</h3>
446 <div class=grey> 453 <div class=grey>
447 <table class=headerdata> 454 <table class=headerdata>
448 <tr><td class=param>Message:</td><td>{{result.Iteration_message}}</td></tr> 455 <tr><td class=param>Message:</td><td>{{result.Iteration_message}}</td></tr>
449 </table> 456 </table>
450 </div> 457 </div>
451 </section> 458 </section>
452 {% else %} 459 {% else %}
453 460
454 <section class=graphics> 461 <section class=graphics>
455 <h2>Graphic Summary</h2> 462 <h3>Graphic Summary</h3>
456 463
457 <div class=grey> 464 <div class=grey>
458 <h3 class=centered>Distribution of {{result|length}} Blast Hits on the Query Sequence</h3> 465 <h4 class=centered>Distribution of {{result|length}} Blast Hits on the Query Sequence</h4>
459 466
460 <div class=defline id=defline{{result|nodeid}}> 467 <div class=defline id=defline{{result|nodeid}}>
461 Mouse-over to show defline and scores, click to show alignments 468 Mouse-over to show defline and scores, click to show alignments
462 </div> 469 </div>
463 470
464 <div class=graphic> 471 <div class=graphic>
465 <h4 class=darkHeader>Color key for alignment scores</h4> 472 <h5 class=darkHeader>Color key for alignment scores</h5>
466 <div class=legend><div class=graphicrow> 473 <div class=legend><div class=graphicrow>
467 <div class=graphicitem style="background-color: {{colors[0]}}">&lt;40</div> 474 <div class=graphicitem style="background-color: {{colors[0]}}">&lt;40</div>
468 <div class=graphicitem style="background-color: {{colors[1]}}">40–50</div> 475 <div class=graphicitem style="background-color: {{colors[1]}}">40–50</div>
469 <div class=graphicitem style="background-color: {{colors[2]}}">50–80</div> 476 <div class=graphicitem style="background-color: {{colors[2]}}">50–80</div>
470 <div class=graphicitem style="background-color: {{colors[3]}}">80–200</div> 477 <div class=graphicitem style="background-color: {{colors[3]}}">80–200</div>
514 </section> 521 </section>
515 522
516 523
517 524
518 <section class=descriptions> 525 <section class=descriptions>
519 <h2>Descriptions</h2> 526 <h3>Descriptions</h3>
520 527
521 <div class=grey><div class=white> 528 <div class=grey><div class=white>
522 <h4 class=darkHeader>Sequences producing significant alignments:</h4> 529 <h5 class=darkHeader>Sequences producing significant alignments:</h5>
523 530
524 <table class=descriptiontable> 531 <table class=descriptiontable>
525 <col/><col/><col/><col/><col/><col/><col/> 532 <col/><col/><col/><col/><col/><col/><col/>
526 <tr> 533 <tr>
527 <th>Description</th> 534 <th>Description</th>
553 </section> 560 </section>
554 561
555 562
556 563
557 <section class=alignments> 564 <section class=alignments>
558 <h2>Alignments</h2> 565 <h3>Alignments</h3>
559 566
560 <div class=grey><div class=white> 567 <div class=grey><div class=white>
561 {% for hit in hits %} 568 {% for hit in hits %}
562 <div class=alignment id=hit{{hit|nodeid}}> 569 <div class=alignment id=hit{{hit|nodeid}}>
563 570