|
@@ -0,0 +1,177 @@
|
|
|
|
+<?php
|
|
|
|
+// Developed by: Chad N.A Krilow at The University of Saskatchewan
|
|
|
|
+//
|
|
|
|
+// Purpose: This template provides the layout of the Tripal GBrowse Instances node (page)
|
|
|
|
+// using the same templates used for the various Tripal GBrowse blocks. An I-Frame is
|
|
|
|
+// included to show the representation of the GBrowse instance(including tracks). Along with
|
|
|
|
+// the I-Frame, a link to open a external I-Frame in a new window is supplied
|
|
|
|
+//
|
|
|
|
+// 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
|
|
|
|
+//
|
|
|
|
+// Variables Available:
|
|
|
|
+// - $node: a standard object which contains all the fields associated with
|
|
|
|
+// nodes and it also includes Tripal GBrowse specific fields.
|
|
|
|
+//
|
|
|
|
+// 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_gbrowse/tripal_gbrowse_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_gbrowse_toc_list').append('<li><a href="#'+id+'" class="tripal_gbrowse_toc_item">'+title+'</a></li>');
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ // when a title in the table of contents is clicked, then
|
|
|
|
+ // show corresponding item in details box
|
|
|
|
+ $(".tripal_gbrowse_toc_item").click(function(){
|
|
|
|
+ $(".tripal-info-box").hide();
|
|
|
|
+ href = $(this).attr('href');
|
|
|
|
+ $(href).fadeIn('slow');
|
|
|
|
+ // make sure table of contents and the details
|
|
|
|
+ // box stay the same height
|
|
|
|
+ $("#tripal_gbrowse_toc").height($(href).parent().height());
|
|
|
|
+ return false;
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ // base details 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_gbrowse-"+block_title+"-box").show();
|
|
|
|
+ } else {
|
|
|
|
+ $("#tripal_gbrowse-base-box").show();
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ $("#tripal_gbrowse_toc").height($("#tripal_gbrowse-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_gbrowse_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: 200px;
|
|
|
|
+ border-style:solid;
|
|
|
|
+ border-width:1px;
|
|
|
|
+ }
|
|
|
|
+ #tripal_gbrowse_toc ul {
|
|
|
|
+ margin-left: 0px;
|
|
|
|
+ margin-top: 5px;
|
|
|
|
+ padding-left: 15px;
|
|
|
|
+ }
|
|
|
|
+ #tripal_gbrowse_toc_title {
|
|
|
|
+ font-size: 1.5em;
|
|
|
|
+ }
|
|
|
|
+ #tripal_gbrowse_toc_desc {
|
|
|
|
+ font-style: italic;
|
|
|
|
+ }
|
|
|
|
+ #tripal_gbrowse_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: 200px;
|
|
|
|
+ margin-right: 10px;
|
|
|
|
+ border-style:solid;
|
|
|
|
+ border-width:1px;
|
|
|
|
+ }
|
|
|
|
+ #tripal_gbrowse-base-box img {
|
|
|
|
+ float: left;
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
+ }
|
|
|
|
+ #tripal_gbrowse-table-base {
|
|
|
|
+ float: left;
|
|
|
|
+ width: 400px;
|
|
|
|
+ margin-left: 10px;
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
+ }
|
|
|
|
+ #tripal_gbrowse_addtional_content {
|
|
|
|
+ clear:both;
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
|
|
+</style>
|
|
|
|
+
|
|
|
|
+<div id ="tripal_gbrowse_content">
|
|
|
|
+<div id="tripal_gbrowse_details" class="tripal_details"><h2>
|
|
|
|
+
|
|
|
|
+ <!-- Basic Details Theme -->
|
|
|
|
+ <?php include('tripal_gbrowse/tripal_gbrowse_details.tpl.php'); ?>
|
|
|
|
+
|
|
|
|
+ <!-- GBrowse Details -->
|
|
|
|
+ <?php
|
|
|
|
+ global $account;
|
|
|
|
+ if(user_access('access database-related details',$account)){
|
|
|
|
+ include('tripal_gbrowse/tripal_gbrowse_database_details.tpl.php');
|
|
|
|
+ }?>
|
|
|
|
+ <?php print $content ?>
|
|
|
|
+
|
|
|
|
+ <!-- GBrowse Loaded Sources -->
|
|
|
|
+ <?php
|
|
|
|
+ include('tripal_gbrowse/tripal_gbrowse_loaded_sources.tpl.php');
|
|
|
|
+ ?>
|
|
|
|
+ <?php print $content ?>
|
|
|
|
+
|
|
|
|
+</div>
|
|
|
|
+
|
|
|
|
+<!-- Table of contents -->
|
|
|
|
+<div id="tripal_gbrowse_toc" class="tripal_toc">
|
|
|
|
+ <div id="tripal_gbrowse_toc_title" class="tripal_toc_title">Resources</div>
|
|
|
|
+ <span id="tripal_gbrowse_toc_desc" class="tripal_toc_desc"></span>
|
|
|
|
+ <ul id="tripal_gbrowse_toc_list" class="tripal_toc_list">
|
|
|
|
+
|
|
|
|
+ </ul>
|
|
|
|
+</div>
|
|
|
|
+</div>
|
|
|
|
+
|
|
|
|
+<!--- I-Frame Code Section --->
|
|
|
|
+<div id="tripal_gbrowse_addtional_content">
|
|
|
|
+
|
|
|
|
+ <!--- Include for file that makes the I-Frame and external window possible --->
|
|
|
|
+ <?php include('tripal_gbrowse/tripal_gbrowse_gbrowse_instance.tpl.php'); ?>
|
|
|
|
+
|
|
|
|
+</div>
|
|
|
|
+<?php } ?>
|