Mercurial > hg > MPIWGThesaurus

diff examples/show2.html @ 14:a85d5f111592
examples added
author: dwinter
date: Fri, 13 Jan 2012 10:58:05 +0100
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/examples/show2.html	Fri Jan 13 10:58:05 2012 +0100
@@ -0,0 +1,197 @@
+<!DOCTYPE html>
+<!--  display the tags -->
+<html metal:use-macro="here/pro_sec_template/macros/page">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+    <title>MPIWG Tags</title>
+    <tal:block metal:fill-slot="head">
+      <!--<link type="text/css"
+      href="./jquery-ui/css/ui-lightness/jquery-ui-1.8.11.custom.css"
+      rel="stylesheet" />	-->
+      <link type="text/css" href="./jquery-mpiwg.css" rel="stylesheet" />
+      <script type="text/javascript" src="./jquery-ui/js/jquery-1.5.1.min.js"></script>
+      <script type="text/javascript" src="./jquery-ui/js/jquery-ui-1.8.11.custom.min.js"></script>
+      <script type="text/javascript">
+
+	// open and close the tags 
+
+	jQuery(document).ready(function(){
+	$('#accordion h3').click(function() {
+		$(this).next().toggle('slow');
+		return false;
+	}).next().hide();
+	});
+
+	$(function(){
+	
+
+
+	// Accordion
+	//$("#accordion").accordion({ header: "h3" });
+	
+       
+       $('.projectsWindow').hide();
+    
+    
+	//open and close the projects
+   $('.showApproach').click(function(){
+
+	var tp = 	$(this).parent();
+	var wd=   $(tp).find('div.projectsWindow');
+	wd.toggle();
+	/*$(tp).find('span.ui-icon').toggleClass('ui-icon-triangle-1-s');*/
+
+	return false;
+    });
+ 
+	});
+
+
+      </script>
+      <style type="text/css">
+	/*demo page css*/
+	body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
+
+	.level1 {
+	margin-left: 6em;
+	}
+
+	.demoHeaders {
+	margin-top: 2em;
+	}
+	
+	#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
+	#dialog_link span.ui-icon {margin: 0 5px 0 0;position:
+	absolute;left: .2em;top: 50%;margin-top: -8px;}
+
+	.helpLink {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
+	.helpLink span.ui-icon {margin: 0 5px 0 0;position:
+	absolute;left: .2em;top: 50%;margin-top: -8px;}
+
+	.level2 {margin-left:10pt}
+	ul#icons {margin: 0; padding: 0;}
+	ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
+	ul#icons span.ui-icon {float: left; margin: 0 4px;}
+
+	.level1_projects {margin-left: 50pt;
+	background: url(../images/arr_right.gif) no-repeat #f5daaf;
+	padding: 6px 6px 6px 20px;
+	border-bottom: 1px solid #f3be7c;
+	width:500px;
+
+	.arrowC
+}
+
+
+
+	.level2_projects {margin-left:50pt;
+	background: url(../images/arr_right.gif) no-repeat #f5daaf;
+	padding: 6px 6px 6px 20px;
+	border-bottom: 1px solid #f3be7c;
+	width:500px;
+}
+
+		
+	.level1_projects a{
+	
+
+	}
+
+
+	.person_projects {
+	padding-left:5pt;
+	font-style:italic
+	}
+
+	.showApproach {
+	color:#EA8500;
+	cursor:pointer;
+	}
+
+	.showApproach:hover {
+	text-decoration: underline;
+	}
+      </style>
+    </tal:block>
+  </head>
+  <body>
+    <div class="main" metal:fill-slot="center">
+      <div class="center_wide dept">
+
+      <!-- Accordion -->
+      <h3>This overview is currently under construction!</h3>
+      <h2 class="demoHeaders">Project Categories</h2>
+    
+      <div id="accordion">
+	<div>
+	  <h3><a href="#">Approaches</a></h3>
+	    <div>
+	   <tal:x replace="structure python:here.getEntriesFormatted(here.getApproaches(),'approaches')"/>
+	  </div>
+
+	  <h3><a href="#">Disciplines</a></h3>
+	  <div>
+	   <tal:x replace="structure python:here.getEntriesFormatted(here.getDisciplines(),'disciplines')"/>
+	  </div>
+	  
+	  
+	  <h3><a href="#">Periods</a></h3>
+	  <div>
+	   <tal:x replace="structure python:here.getEntriesFormatted(here.getPeriods(),'periods')"/>
+	  </div>
+	  
+
+	  <h3><a href="#">People</a></h3>
+	  <div>
+	    <div class="level1"  tal:repeat="level1 python:here.getPersonsWithProjectIDs()[1]"><span class="showApproach" tal:content="python:here.getNamesFromID(level1)">Lorem</span>
+	      <div class="projectsWindow">
+		<div class="level1_projects" tal:repeat="proj python:here.getPersonsWithProjectIDs()[0][level1]">
+		  <a tal:attributes="href python:proj[0]" tal:content="python:proj[1]">my proj</a>
+		  <tal:x define="person
+				 python:proj[2]"><span class="person_projects"
+						       tal:content="person"/></tal:x>
+		</div>
+	      </div>
+	      
+	    </div>
+	  </div>
+	  
+	  <h3><a href="#">Spaces</a></h3>
+	  <div>
+	    <tal:x replace="structure python:here.getEntriesFormatted(here.getSpaces(),'spaces')"/>
+	  </div>
+	 
+	  
+	  <h3><a href="#">Objects</a></h3>
+	  <div>
+	    <div class="level1"  tal:repeat="level1 python:here.getObjectsWithProjectIDsSortedkeys()"><span class="showApproach" tal:content="python:level1">Lorem</span>
+	      <div title="Projects"  class="projectsWindow">   
+		
+		<div class="level1_projects" tal:repeat="proj python:here.getObjectsWithProjectIDs()[level1]">
+		  <a tal:attributes="href python:proj[0]" tal:content="python:proj[1]">my proj</a>
+		  <tal:x define="person
+				 python:proj[2]"><span class="person_projects"
+						       tal:content="person"/></tal:x>
+		</div>
+	      </div>
+	      
+	    </div>
+	  </div>
+	  
+	  <h3><a href="#">Technologies</a></h3>
+	  <div>
+	    <tal:x replace="structure python:here.getEntriesFormatted(here.getTechnologies(),'technologies')"/>
+	  </div>
+	 
+	  
+	  <h3><a href="#">Knowledge Transfers</a></h3>
+	  <div>
+	    <tal:x replace="structure python:here.getEntriesFormatted(here.getKnowledgeTransfers(),'transfers')"/>
+	  </div>
+	
+	</div>
+      </div>
+      </div>
+    </div>
+  </body>
+</html>
\ No newline at end of file
author	dwinter
date	Fri, 13 Jan 2012 10:58:05 +0100
parents
children