Mercurial > hg > MPIWGThesaurus

diff examples/main.html @ 14:a85d5f111592

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
examples added
author dwinter
date Fri, 13 Jan 2012 10:58:05 +0100
parents
children f9a65eaaa59c
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/examples/main.html	Fri Jan 13 10:58:05 2012 +0100
@@ -0,0 +1,287 @@
+<!DOCTYPE html>
+<html  tal:define="projectID
+		   python:here.REQUEST.get('project','') ">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html;
+charset=iso-8859-1" />
+<base tal:attributes="href python:here.MPIWGrootURL()+'/thesaurus/'"/>
+<title>Project tagger</title>
+    <link type="text/css" href="./jquery-ui/css/ui-lightness/jquery-ui-1.8.11.custom.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"  src="./thesaurus.js"></script>
+    <link type="text/css" href="./tagging.css" rel="stylesheet" />	
+  </head>
+  <body>
+    <h3> The MPIWG's tagger - BETA - Version </h3>
+    <form method="get" action="changeTags">
+      <input type="hidden" name="projectID" id="projectID" tal:attributes="value python:projectID"/>
+      <h1>Tagging:<tal:x content="python:projectID"/></h1>
+      <div id="tagView"> You have selected <span id="numberOfTags">0</span>
+	of <span id="maximumNumberOfTags">8</span>
+	
+	<div id="tagText">You have selected toomany tags!</div>
+	<br/><br/>
+	<div>Selected Tags: <span id="showTags"></span></div>
+	<input id="saveTags" type="submit" value="save tags"/>
+      </div>
+      <!-- Accordion -->
+      <h2 class="demoHeaders">Project Categories</h2>
+      
+      <div id="accordion">
+	<div>
+	  <h3><a href="#">Approches</a></h3>
+	  <div>
+	    <p><a href="#" id="approachesHelp_link" class="helpLink ui-state-default
+							   ui-corner-all"><span class="ui-icon
+										       ui-icon-help"></span>Help</a></p>
+	    <div class="level1"  tal:repeat="level1
+					     python:here.getApproaches()"><input class="tags approache" type="checkbox"
+										 tal:attributes="value
+												 python:here.getTitle(level1)" name="approaches"/><tal:x tal:content="python:here.getTitle(level1)">Lorem</tal:x>
+	      <tal:y condition="python:len(here.getEntries(level1))>0">
+		<div class="level2" tal:repeat="level2
+						python:here.getEntries(level1)"><input class="tags" type="checkbox"
+										       tal:attributes="value
+												       python:here.getTitle(level1)+'_'+here.getTitle(level2)" name="approaches"/><tal:x tal:content="python:here.getTitle(level2)">Lor</tal:x></div>
+	      </tal:y>
+	    </div>
+	    <!-- Dialog approaches -->
+	    <p><a href="#" id="dialog_link_approaches" class="ui-state-default
+							      ui-corner-all dialog_link"><span class="ui-icon
+												      ui-icon-newwin"></span>Suggest new tag</a></p>	
+	  </div>
+	</div>
+	<div>
+	  <div>
+	    <h3><a href="#">Disciplines</a></h3>
+
+	    <div>
+	      <div class="level1"  tal:repeat="level1
+					       python:here.getDisciplines()"><input  class="tags"
+										     type="checkbox"
+										     tal:attributes="value
+												     python:here.getTitle(level1)" name="disciplines"/><tal:x tal:content="python:here.getTitle(level1)">Lorem</tal:x>
+		<tal:y condition="python:len(here.getEntries(level1))>0">
+		  <div class="level2" tal:repeat="level2
+						  python:here.getEntries(level1)"><input type="checkbox"
+											 tal:attributes="value
+													 python:here.getTitle(level1)+'_'+here.getTitle(level2)" name="disciplines"/><tal:x tal:content="python:here.getTitle(level2)">Lor</tal:x></div>
+		</tal:y>
+		<!-- Dialog approaches -->
+		
+	      </div>
+	      <p><a href="#" id="dialog_link_disciplines" class="ui-state-default
+								 ui-corner-all dialog_link"><span class="ui-icon
+													 ui-icon-newwin"></span>Suggest new tag</a></p>	   
+	    </div>
+	    <div>
+	      
+	      <h3><a href="#">Periods</a></h3>
+
+	      <div>
+
+		<div class="level1"  tal:repeat="level1
+						 python:here.getPeriods()"><input type="checkbox"
+										  tal:attributes="value
+												  python:here.getTitle(level1)" name="periods"/><tal:x tal:content="python:here.getTitle(level1)">Lorem</tal:x>
+		  <tal:y condition="python:len(here.getEntries(level1))>0">
+		    <div class="level2" tal:repeat="level2
+						    python:here.getEntries(level1)"><input  class="tags"
+											    type="checkbox"
+											    tal:attributes="value
+													    python:here.getTitle(level1)+'_'+here.getTitle(level2)" name="periods"/><tal:x tal:content="python:here.getTitle(level2)">Lor</tal:x></div>
+		  </tal:y>
+		</div>
+		<p><a href="#" id="dialog_link_periods" class="ui-state-default
+							       ui-corner-all dialog_link"><span class="ui-icon
+												       ui-icon-newwin"></span>Suggest new tag</a></p>	
+	      </div>
+	      <div>
+		<h3><a href="#">People</a></h3>
+		<div>
+		  <p>Currently attached to the project</p>
+		  <div id="persons">replace</div>
+		  <div class="ui-widget">
+		    <label for="personAdd">Add person to the project: </label>
+		    <input id="personAdd"/>
+		    <input type="button" id="personSearchButton" value="search">
+		    <div  id="personInfo"/>
+		  </div>
+		</div>
+	      </div>
+	      <div>
+		
+		<h3><a href="#">Spaces</a></h3>
+		<div>   
+		  <p><a href="#" id="spacesHelp_link" class="helpLink ui-state-default
+							     ui-corner-all"><span class="ui-icon
+											 ui-icon-help"></span>Help</a></p>
+		  
+		  <div class="level1"  tal:repeat="level1
+						   python:here.getSpaces()"><input type="checkbox"  class="tags"
+										   tal:attributes="value
+												   python:here.getTitle(level1)" name="spaces"/><tal:x tal:content="python:here.getTitle(level1)">Lorem</tal:x>
+		    <tal:y condition="python:len(here.getEntries(level1))>0">
+		      <div class="level2" tal:repeat="level2
+						      python:here.getEntries(level1)"><input type="checkbox"  class="tags"
+											     tal:attributes="value
+													     python:here.getTitle(level1)+'_'+here.getTitle(level2)" name="spaces"/><tal:x tal:content="python:here.getTitle(level2)">Lor</tal:x></div>
+		    </tal:y>
+		  </div>
+		  <p><a href="#" id="dialog_link_spaces" class="ui-state-default
+								ui-corner-all dialog_link"><span class="ui-icon
+													ui-icon-newwin"></span>Suggest
+								new
+								tag</a></p>	
+
+		  <div>
+		    <p>Free Text for <em>Historical places</em> (only
+		  displayed if the tag <em>Historical terms</em> above
+		  is set.</p>
+		    <p>Currently attached to the project</p>
+		    <div id="historicalPlaces">replace</div>
+		    <div class="ui-widget">
+		      <label for="Add">Add place to the project: </label>
+		      <input id="historicalPlaceAdd"/>
+		      <input type="button" id="historicalPlaceAddButton" value="add">
+		    </div>
+		  </div>		    
+		</div>
+		<div>
+		  <h3><a href="#">Objects</a></h3>
+		  <div>
+		    <p><a href="#" id="objectsHelp_link" class="helpLink ui-state-default
+								ui-corner-all"><span class="ui-icon
+											    ui-icon-help"></span>Help</a></p>
+		    
+		    <p>Currently attached to the project</p>
+		    <div id="objects">replace</div>
+		    <div class="ui-widget">
+		      <label for="objectAdd">Add object to the project: </label>
+		      <input id="objectAdd"/>
+		      <input type="button" id="objectAddButton" value="add">
+		    </div>
+		  </div>
+		</div>
+
+		<div>
+		  
+		  <h3><a href="#">Technologies</a></h3>
+
+		  <div>
+		    <div class="level1"  tal:repeat="level1
+						     python:here.getTechnologies()"><input type="checkbox"  class="tags"
+											   tal:attributes="value
+													   python:here.getTitle(level1)" name="technologies"/><tal:x tal:content="python:here.getTitle(level1)">Lorem</tal:x>
+		      <tal:y condition="python:len(here.getEntries(level1))>0">
+			<div class="level2" tal:repeat="level2
+							python:here.getEntries(level1)"><input type="checkbox"  class="tags"
+											       tal:attributes="value
+													       python:here.getTitle(level1)+'_'+here.getTitle(level2)" name="technologies"/><tal:x tal:content="python:here.getTitle(level2)">Lor</tal:x></div>
+		      </tal:y>
+		    </div>
+		    <p><a href="#" id="dialog_link_technologies" class="ui-state-default
+									ui-corner-all dialog_link"><span class="ui-icon
+														ui-icon-newwin"></span>Suggest new tag</a></p>	
+		  </div>
+		  <div>
+		    
+		    <h3><a href="#">Knowledge Transfers</a></h3>
+		    <div>
+		      <p><a href="#" id="transfersHelp_link" class="helpLink ui-state-default
+								    ui-corner-all"><span class="ui-icon
+												ui-icon-help"></span>Help</a></p>
+		      
+		      <div class="level1"  tal:repeat="level1
+						       python:here.getKnowledgeTransfers()"><input type="checkbox"  class="tags"
+												   tal:attributes="value
+														   python:here.getTitle(level1)" name="transfers"/><tal:x tal:content="python:here.getTitle(level1)">Lorem</tal:x>
+			<tal:y condition="python:len(here.getEntries(level1))>0">
+			  <div class="level2" tal:repeat="level2
+							  python:here.getEntries(level1)"><input type="checkbox"  class="tags"
+												 tal:attributes="value
+														 python:here.getTitle(level1)+'_'+here.getTitle(level2)" name="transfers"/><tal:x tal:content="python:here.getTitle(level2)">Lor</tal:x></div>
+			</tal:y>
+		      </div>
+		      <p><a href="#" id="dialog_link_transfers" class="ui-state-default
+								       ui-corner-all dialog_link"><span class="ui-icon
+													       ui-icon-newwin"></span>Suggest new tag</a></p>	
+		    </div>
+		  </div>
+
+		  <!-- ui-dialog tags-->
+		  <div id="dialog" title="New Tag">
+		    <p>Suggest a new tag</p>
+		    <input type="hidden" id="suggest_newTag_type"/>
+		    <table>
+		      <tr>
+			<td>TagName:</td><td> <input size="30"
+						     id="suggest_newTag"/></td>
+		      </tr>
+		      <tr>
+			<td>Comment:</td><td> <textarea rows="10" cols="30" id="suggest_newTag_comment"></textarea></td>
+		      </tr>
+		      <tr>
+			<td>Entered by:</td><td><input type="text" id="suggest_newTag_userName"
+			   tal:attributes="value
+			   user/getUserName"/></td><td>Your MPIWG
+			   username (will not be published
+			   anywhere)</td>
+		      </tr>
+		    </table>
+		  </div>
+
+		  	  <!-- ui-dialog persons-->
+		  <div id="dialogPersons" title="New Person">
+		    <p>Create a new person</p>
+		    <table>
+		      <tr>
+			<td>Name of the Person:</td><td> <input size="30"
+						     id="suggest_newPerson"/></td>
+			<td> Write the name in the way it
+			should be displayed</td>
+		      <tr>
+			<td>Comment:</td><td> <textarea rows="10"
+			cols="30"
+			id="suggest_newPerson_comment"></textarea></td><td>Some
+			remarks to identify the person or a link to
+			a website describing the person.</td>
+		      </tr>
+		      <tr>
+			<td>Entered by:</td><td><input type="text" id="suggest_newPerson_userName"
+			   tal:attributes="value
+			   user/getUserName"/></td><td>Your MPIWG
+			   username (will not be published
+			   anywhere)</td>
+		      </tr>
+		    </table>
+		  </div>
+
+		  <div id="approachesHelp" title="Help Approaches" class="helpWindow">
+		    <h5>Methodological approaches</h5>
+		    <p>Others than History of Science</p>
+		    <h5>Historical epistemology approaches</h5>
+		    <p>This category reflects the main MPIWG-themes of the past and current research</p>
+		  </div>
+
+		  <div id="spacesHelp" title="Help Space"  class="helpWindow">
+		    <p>Is the geographical area important to your project, does it deal with specific sites, institutions or spaces of knowledge? </p>
+		  </div>
+
+		  <div id="objectsHelp" title="Help Objects"  class="helpWindow">
+		    <p>Are specific natural or artificial objects important to your research project? </p>
+		  </div>
+
+		  <div id="transfersHelp" title="Help Objects"  class="helpWindow">
+		    <p>How are scientific findings recorded, how is knowledge conveyed
+		      how does it circulate? Are these aspects important to your
+		      research topic? </p>
+		    <h5>Modes of communication</h5>
+		    <p>e.g. language, braille, etc.</p>
+		    <h5>Science education </h5>
+		    <p>e.g. academic and non-academic</p>
+		  </div>
+    </form>
+  </body>
+</html>
\ No newline at end of file