view examples/main.html @ 14:a85d5f111592

examples added
author dwinter
date Fri, 13 Jan 2012 10:58:05 +0100
parents
children f9a65eaaa59c
line wrap: on
line source

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