mason/locus/ontology.mas

   1 <%args>
   2         $title       => "Ontology annotations"
   3         $subtitle    => ''
   4         $id          => "locus_ontology" ,
   5         $collapsible => 1,
   6         $collapsed   => 1
   7         $locus_id
   8 </%args>
   9
  10 <style>
  11   #locus_ontology .evidence {
  12     margin: 1em 0 0 4em;
  13     width: 50%;
  14     border: 1px dotted gray;
  15     padding: 10px;
  16   }
  17   #locus_ontology_show_details {
  18     text-align: right;
  19     margin-bottom: -2em;
  20   }
  21   #locus_ontology_show_details label {
  22     font-weight: bold;
  23   }
  24   .active#locus_ontology_show_details {
  25     background: white;
  26   }
  27 </style>
  28 <&| /page/info_section.mas,
  29         title       => $title,
  30         subtitle    => $subtitle,
  31         id          => "locus_ontology" ,
  32         collapsible => 1,
  33         collapsed   => 1
  34 &>
  35
  36   <& /locus/associate_ontology.mas, locus_id => $locus_id &>
  37
  38   <div id="locus_ontology_show_details" style="display: none">
  39      <form>
  40        <input type="checkbox" id="show_details" disabled="true" />
  41        <label for="show_details">Show complete details</label>
  42      </form>
  43   </div>
  44
  45   <div id="locus_ontology" >
  46     [loading...]
  47   </div>
  48
  49   <& /util/import_javascript.mas, classes => 'jquery' &>
  50   <script language="javascript" type="text/javascript">
  51   <!--
  52
  53       locusPage.printLocusOntology();
  54
  55
  56   -->
  57   </script>
  58
  59 </&>