Mercurial > hg > MPIWGThesaurus

view examples/show2.html @ 22:d97e5e989c43

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
name change of methods new names now: getProjectsAndTagsAsCSV und getAllProjectsAndTagsAsCSV
author dwinter
date Wed, 29 Feb 2012 14:58:18 +0100
parents a85d5f111592
children
line wrap: on
line source

<!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>