[MOBY-guts] biomoby commit

Thu Jun 26 20:22:52 UTC 2008

kawas
Thu Jun 26 16:22:52 EDT 2008
Update of /home/repository/moby/moby-live/Perl/templates
In directory dev.open-bio.org:/tmp/cvs-serv22161/Perl/templates

Modified Files:
	index.tt 
Added Files:
	jquery.treeview.css jquery.treeview.js jquery.js 
Log Message:
changed the layout of the documentation page
we use jquery now
we use a jquery plugin tree view
instead of a dump of modules, the modules are in a nice little tree that the user can manipulate and view the perldoc
moby-live/Perl/templates jquery.treeview.css,NONE,1.1 jquery.treeview.js,NONE,1.1 jquery.js,NONE,1.1 index.tt,1.2,1.3
===================================================================
RCS file: /home/repository/moby/moby-live/Perl/templates/index.tt,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -r1.2 -r1.3

--- /home/repository/moby/moby-live/Perl/templates/index.tt	2008/02/25 19:27:01	1.2
+++ /home/repository/moby/moby-live/Perl/templates/index.tt	2008/06/26 20:22:52	1.3
@@ -3,21 +3,72 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title>Documentation for BioMOBY Perl Libraries</title>
-<link type="text/css" href="http://biomoby.open-bio.org/CVS_CONTENT/moby-live/Java/docs/images/perlstyle.css" 
-rel="stylesheet"/>
+<script src="./templates/jquery.js"></script>
+<link rel="stylesheet" href="./templates/jquery.treeview.css" type="text/css" media="screen" />
+<script type="text/javascript" src="./templates/jquery.treeview.js"></script>
+<style type="text/css">
+#browser  {
+	font-family: Verdana, helvetica, arial, sans-serif;
+	font-size: 68.75%;
+}
+body {
+	background:#FFFFCD url(./templates/images/moby-perl.gif) no-repeat scroll left top;
+	color:#000000;
+	font-family:Arial,Helvetica,sans-serif;
+	font-size:12pt;
+	font-weight:normal;
+	margin:110px 1em 1em;
+}
+h1 {
+	background-color:yellow;
+	border:medium solid;
+	color:navy;
+	text-align:center;
+}
+h2 {
+	background-color:yellow;
+	border:medium ridge;
+	color:navy;
+	padding:5px;
+}
+</style>
+<script>
+  $(document).ready(function(){
+    $("#browser").treeview({
+      unique: true,collapsed: false
+    });
+    $('#iframe_row').hide();
+	$('a').click(
+		function() {
+			$('#doc_loader').attr('src', $(this).attr('href'));
+			$('#iframe_row').show();
+			return false;
+		}
+	);
+  });
+</script>
 <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
 </head>
 <body>
 <h1>Perl Documentation for MOBY</h1>
-<p></p>
-<h2>Modules</h2>
-<p>
-<ul>
-[% FOREACH file IN worklist %]
-[% f = replace(file) %]
-<li><a href="./docs/html/MOBY-Server/lib/[% file  %].html"> [% f %]  </a></li>
-[% END %]
-</ul>
+<p>Here you can find the most recent BioMOBY perldoc for code contained in the CVS. You can browse the modules in the tree below and then view the ones that you select in the frame below.
+<br/>
+If you are looking for documentation on how to set up a registry or install the Biomoby client software please click on the node <strong>MOBY-&gt;MOBY</strong> in the tree below.
 </p>
+<h2>Modules</h2>
+<table width="100%" border="2" cellpadding="2">
+  <tr id="tree_row" style="height:250px;">
+    <td align="left" valign="top" style="height:100%;">
+    	<div id="tree_id" style="height:250px;width: 100%; overflow-y: scroll;">
+			<p>
+[% tree %]
+			</p>
+		</div>
+	</td>
+  </tr>
+  <tr id="iframe_row" style="height:700px;">
+    <td align="left" valign="top" style="height:100%;"><iframe id="doc_loader" style="height:100%;width:100%;"></iframe></td>
+  </tr>
+</table>
 </body>
 </html>


