tripal/theme_tripal/node-chado_stock.tpl.php

<?php
// Copyright 2010 University of Saskatchewan (Lacey-Anne Sanderson)
//
// Purpose: This template provides the layout of the stock node (page)
//   using the same templates used for the various stock content blocks.
//
// To Customize the Stock Node Page:
//   - This Template: customize basic layout and which elements are included
//   - Using Panels: Override the node page using Panels3 and place the blocks
//       of content as you please. This method requires no programming. See
//       the Tripal User Guide for more details
//   - Block Templates: customize the content/layout of each block of stock 
//       content. These templates are found in the tripal_stock subdirectory
//
// Variables Available:
//   - $node: a standard object which contains all the fields associated with
//       nodes including nid, type, title, taxonomy. It also includes stock
//       specific fields such as stock_name, uniquename, stock_type, synonyms,
//       properties, db_references, object_relationships, subject_relationships,
//       organism, etc.
//   NOTE: For a full listing of fields available in the node object the
//       print_r $node line below or install the Drupal Devel module which 
//       provides an extra tab at the top of the node page labelled Devel
?>

<?php
 //uncomment this line to see a full listing of the fields avail. to $node
 //print '<pre>'.print_r($node,TRUE).'</pre>';
drupal_add_css('./tripal-node-templates.css');
?>

<?php if ($teaser) { 
  include('tripal_stock/tripal_stock_teaser.tpl.php'); 
} else { ?>

<script type="text/javascript">
 if (Drupal.jsEnabled) {
   $(document).ready(function() {
      // hide all tripal info boxes at the start
      $(".tripal-info-box").hide();
 
      // iterate through all of the info boxes and add their titles
      // to the table of contents
      $(".tripal-info-box-title").each(function(){
        var parent = $(this).parent();
        var id = $(parent).attr('id');
        var title = $(this).text();
        $('#tripal_stock_toc_list').append('<li><a href="#'+id+'" class="tripal_stock_toc_item">'+title+'</a></li>');
      });

      // when a title in the table of contents is clicked, then
      // show the corresponding item in the details box
      $(".tripal_stock_toc_item").click(function(){
         $(".tripal-info-box").hide();
         href = $(this).attr('href');
         $(href).fadeIn('slow');
         // we want to make sure our table of contents and the details
         // box stay the same height
         $("#tripal_stock_toc").height($(href).parent().height());
         return false;
      }); 

      // we want the base details to show up when the page is first shown 
      // unless the user specified a specific block
      var block = window.location.href.match(/\?block=.*/);
      if(block != null){
         block_title = block.toString().replace(/\?block=/g,'');
         $("#tripal_stock-"+block_title+"-box").show();
      } else {
         $("#tripal_stock-base-box").show();
      }

      $("#tripal_stock_toc").height($("#tripal_stock-base-box").parent().height());
   });
}
</script>

<style type="text/css">
  /* these styles are specific for this template and is not included 
     in the main CSS files for the theme as it is anticipated that the
     elements on this page may not be used for other customizations */
  #tripal_stock_toc {
     float: left;
     width: 20%;
     background-color: #EEEEEE;
     -moz-border-radius: 15px;
     border-radius: 15px;
     -moz-box-shadow: 3px 3px 4px #888888;
	  -webkit-box-shadow: 3px 3px 4px #888888;
	  box-shadow: 3px 3px 4px #888888;
     padding: 20px;
     min-height: 500px;
     border-style:solid;
     border-width:1px;
  }
  #tripal_stock_toc ul {
    margin-left: 0px;
    margin-top: 5px;
    padding-left: 15px;
  }
  #tripal_stock_toc_title {
     font-size: 1.5em;
  }
  #tripal_stock_toc_desc {
    font-style: italic;
  }
  #tripal_stock_details {
     float: left;
     width: 70%;
     background-color: #FFFFFF;
     -moz-border-radius: 15px;
     border-radius: 15px;
     -moz-box-shadow: 3px 3px 4px #888888;
	  -webkit-box-shadow: 3px 3px 4px #888888;
	  box-shadow: 3px 3px 4px #888888;
     padding: 20px;
     min-height: 500px;
     margin-right: 10px;
     border-style:solid;
     border-width:1px;
  }
  #tripal_stock-base-box img {
    float: left;
    margin-bottom: 10px;
  }
  #tripal_stock-table-base {
    float: left;
    width: 400px;
    margin-left: 10px;
    margin-bottom: 10px;
  }
</style>

<div id="tripal_stock_details" class="tripal_details">

  <!-- Base Theme -->
  <?php include('tripal_stock/tripal_stock_base.tpl.php'); ?>

  <!-- Database References -->
  <?php include('tripal_stock/tripal_stock_references.tpl.php'); ?>

  <!-- Properties -->
  <?php include('tripal_stock/tripal_stock_properties.tpl.php'); ?>

  <!-- Synonyms -->
  <?php include('tripal_stock/tripal_stock_synonyms.tpl.php'); ?>

  <!-- Object Relationships -->
  <?php include('tripal_stock/tripal_stock_relationships_as_object.tpl.php'); ?>

  <!-- Subject Relationships -->
  <?php include('tripal_stock/tripal_stock_relationships_as_subject.tpl.php'); ?>
</div>

<!-- Table of contents -->
<div id="tripal_stock_toc" class="tripal_toc">
   <div id="tripal_stock_toc_title" class="tripal_toc_title"><?php print $node->stock_name ?></div>
   <span id="tripal_stock_toc_desc" class="tripal_toc_desc">Select a link below for more information</span>
   <ul id="tripal_stock_toc_list" class="tripal_toc_list">

   </ul>
</div>
<?php } ?>