Mercurial > hg > MPIWGThesaurus
comparison examples/main.html @ 14:a85d5f111592
examples added
author | dwinter |
---|---|
date | Fri, 13 Jan 2012 10:58:05 +0100 |
parents | |
children | f9a65eaaa59c |
comparison
equal
deleted
inserted
replaced
13:51ed6ad43383 | 14:a85d5f111592 |
---|---|
1 <!DOCTYPE html> | |
2 <html tal:define="projectID | |
3 python:here.REQUEST.get('project','') "> | |
4 <head> | |
5 <meta http-equiv="Content-Type" content="text/html; | |
6 charset=iso-8859-1" /> | |
7 <base tal:attributes="href python:here.MPIWGrootURL()+'/thesaurus/'"/> | |
8 <title>Project tagger</title> | |
9 <link type="text/css" href="./jquery-ui/css/ui-lightness/jquery-ui-1.8.11.custom.css" rel="stylesheet" /> | |
10 <script type="text/javascript" src="./jquery-ui/js/jquery-1.5.1.min.js"></script> | |
11 <script type="text/javascript" src="./jquery-ui/js/jquery-ui-1.8.11.custom.min.js"></script> | |
12 <script type="text/javascript" src="./thesaurus.js"></script> | |
13 <link type="text/css" href="./tagging.css" rel="stylesheet" /> | |
14 </head> | |
15 <body> | |
16 <h3> The MPIWG's tagger - BETA - Version </h3> | |
17 <form method="get" action="changeTags"> | |
18 <input type="hidden" name="projectID" id="projectID" tal:attributes="value python:projectID"/> | |
19 <h1>Tagging:<tal:x content="python:projectID"/></h1> | |
20 <div id="tagView"> You have selected <span id="numberOfTags">0</span> | |
21 of <span id="maximumNumberOfTags">8</span> | |
22 | |
23 <div id="tagText">You have selected toomany tags!</div> | |
24 <br/><br/> | |
25 <div>Selected Tags: <span id="showTags"></span></div> | |
26 <input id="saveTags" type="submit" value="save tags"/> | |
27 </div> | |
28 <!-- Accordion --> | |
29 <h2 class="demoHeaders">Project Categories</h2> | |
30 | |
31 <div id="accordion"> | |
32 <div> | |
33 <h3><a href="#">Approches</a></h3> | |
34 <div> | |
35 <p><a href="#" id="approachesHelp_link" class="helpLink ui-state-default | |
36 ui-corner-all"><span class="ui-icon | |
37 ui-icon-help"></span>Help</a></p> | |
38 <div class="level1" tal:repeat="level1 | |
39 python:here.getApproaches()"><input class="tags approache" type="checkbox" | |
40 tal:attributes="value | |
41 python:here.getTitle(level1)" name="approaches"/><tal:x tal:content="python:here.getTitle(level1)">Lorem</tal:x> | |
42 <tal:y condition="python:len(here.getEntries(level1))>0"> | |
43 <div class="level2" tal:repeat="level2 | |
44 python:here.getEntries(level1)"><input class="tags" type="checkbox" | |
45 tal:attributes="value | |
46 python:here.getTitle(level1)+'_'+here.getTitle(level2)" name="approaches"/><tal:x tal:content="python:here.getTitle(level2)">Lor</tal:x></div> | |
47 </tal:y> | |
48 </div> | |
49 <!-- Dialog approaches --> | |
50 <p><a href="#" id="dialog_link_approaches" class="ui-state-default | |
51 ui-corner-all dialog_link"><span class="ui-icon | |
52 ui-icon-newwin"></span>Suggest new tag</a></p> | |
53 </div> | |
54 </div> | |
55 <div> | |
56 <div> | |
57 <h3><a href="#">Disciplines</a></h3> | |
58 | |
59 <div> | |
60 <div class="level1" tal:repeat="level1 | |
61 python:here.getDisciplines()"><input class="tags" | |
62 type="checkbox" | |
63 tal:attributes="value | |
64 python:here.getTitle(level1)" name="disciplines"/><tal:x tal:content="python:here.getTitle(level1)">Lorem</tal:x> | |
65 <tal:y condition="python:len(here.getEntries(level1))>0"> | |
66 <div class="level2" tal:repeat="level2 | |
67 python:here.getEntries(level1)"><input type="checkbox" | |
68 tal:attributes="value | |
69 python:here.getTitle(level1)+'_'+here.getTitle(level2)" name="disciplines"/><tal:x tal:content="python:here.getTitle(level2)">Lor</tal:x></div> | |
70 </tal:y> | |
71 <!-- Dialog approaches --> | |
72 | |
73 </div> | |
74 <p><a href="#" id="dialog_link_disciplines" class="ui-state-default | |
75 ui-corner-all dialog_link"><span class="ui-icon | |
76 ui-icon-newwin"></span>Suggest new tag</a></p> | |
77 </div> | |
78 <div> | |
79 | |
80 <h3><a href="#">Periods</a></h3> | |
81 | |
82 <div> | |
83 | |
84 <div class="level1" tal:repeat="level1 | |
85 python:here.getPeriods()"><input type="checkbox" | |
86 tal:attributes="value | |
87 python:here.getTitle(level1)" name="periods"/><tal:x tal:content="python:here.getTitle(level1)">Lorem</tal:x> | |
88 <tal:y condition="python:len(here.getEntries(level1))>0"> | |
89 <div class="level2" tal:repeat="level2 | |
90 python:here.getEntries(level1)"><input class="tags" | |
91 type="checkbox" | |
92 tal:attributes="value | |
93 python:here.getTitle(level1)+'_'+here.getTitle(level2)" name="periods"/><tal:x tal:content="python:here.getTitle(level2)">Lor</tal:x></div> | |
94 </tal:y> | |
95 </div> | |
96 <p><a href="#" id="dialog_link_periods" class="ui-state-default | |
97 ui-corner-all dialog_link"><span class="ui-icon | |
98 ui-icon-newwin"></span>Suggest new tag</a></p> | |
99 </div> | |
100 <div> | |
101 <h3><a href="#">People</a></h3> | |
102 <div> | |
103 <p>Currently attached to the project</p> | |
104 <div id="persons">replace</div> | |
105 <div class="ui-widget"> | |
106 <label for="personAdd">Add person to the project: </label> | |
107 <input id="personAdd"/> | |
108 <input type="button" id="personSearchButton" value="search"> | |
109 <div id="personInfo"/> | |
110 </div> | |
111 </div> | |
112 </div> | |
113 <div> | |
114 | |
115 <h3><a href="#">Spaces</a></h3> | |
116 <div> | |
117 <p><a href="#" id="spacesHelp_link" class="helpLink ui-state-default | |
118 ui-corner-all"><span class="ui-icon | |
119 ui-icon-help"></span>Help</a></p> | |
120 | |
121 <div class="level1" tal:repeat="level1 | |
122 python:here.getSpaces()"><input type="checkbox" class="tags" | |
123 tal:attributes="value | |
124 python:here.getTitle(level1)" name="spaces"/><tal:x tal:content="python:here.getTitle(level1)">Lorem</tal:x> | |
125 <tal:y condition="python:len(here.getEntries(level1))>0"> | |
126 <div class="level2" tal:repeat="level2 | |
127 python:here.getEntries(level1)"><input type="checkbox" class="tags" | |
128 tal:attributes="value | |
129 python:here.getTitle(level1)+'_'+here.getTitle(level2)" name="spaces"/><tal:x tal:content="python:here.getTitle(level2)">Lor</tal:x></div> | |
130 </tal:y> | |
131 </div> | |
132 <p><a href="#" id="dialog_link_spaces" class="ui-state-default | |
133 ui-corner-all dialog_link"><span class="ui-icon | |
134 ui-icon-newwin"></span>Suggest | |
135 new | |
136 tag</a></p> | |
137 | |
138 <div> | |
139 <p>Free Text for <em>Historical places</em> (only | |
140 displayed if the tag <em>Historical terms</em> above | |
141 is set.</p> | |
142 <p>Currently attached to the project</p> | |
143 <div id="historicalPlaces">replace</div> | |
144 <div class="ui-widget"> | |
145 <label for="Add">Add place to the project: </label> | |
146 <input id="historicalPlaceAdd"/> | |
147 <input type="button" id="historicalPlaceAddButton" value="add"> | |
148 </div> | |
149 </div> | |
150 </div> | |
151 <div> | |
152 <h3><a href="#">Objects</a></h3> | |
153 <div> | |
154 <p><a href="#" id="objectsHelp_link" class="helpLink ui-state-default | |
155 ui-corner-all"><span class="ui-icon | |
156 ui-icon-help"></span>Help</a></p> | |
157 | |
158 <p>Currently attached to the project</p> | |
159 <div id="objects">replace</div> | |
160 <div class="ui-widget"> | |
161 <label for="objectAdd">Add object to the project: </label> | |
162 <input id="objectAdd"/> | |
163 <input type="button" id="objectAddButton" value="add"> | |
164 </div> | |
165 </div> | |
166 </div> | |
167 | |
168 <div> | |
169 | |
170 <h3><a href="#">Technologies</a></h3> | |
171 | |
172 <div> | |
173 <div class="level1" tal:repeat="level1 | |
174 python:here.getTechnologies()"><input type="checkbox" class="tags" | |
175 tal:attributes="value | |
176 python:here.getTitle(level1)" name="technologies"/><tal:x tal:content="python:here.getTitle(level1)">Lorem</tal:x> | |
177 <tal:y condition="python:len(here.getEntries(level1))>0"> | |
178 <div class="level2" tal:repeat="level2 | |
179 python:here.getEntries(level1)"><input type="checkbox" class="tags" | |
180 tal:attributes="value | |
181 python:here.getTitle(level1)+'_'+here.getTitle(level2)" name="technologies"/><tal:x tal:content="python:here.getTitle(level2)">Lor</tal:x></div> | |
182 </tal:y> | |
183 </div> | |
184 <p><a href="#" id="dialog_link_technologies" class="ui-state-default | |
185 ui-corner-all dialog_link"><span class="ui-icon | |
186 ui-icon-newwin"></span>Suggest new tag</a></p> | |
187 </div> | |
188 <div> | |
189 | |
190 <h3><a href="#">Knowledge Transfers</a></h3> | |
191 <div> | |
192 <p><a href="#" id="transfersHelp_link" class="helpLink ui-state-default | |
193 ui-corner-all"><span class="ui-icon | |
194 ui-icon-help"></span>Help</a></p> | |
195 | |
196 <div class="level1" tal:repeat="level1 | |
197 python:here.getKnowledgeTransfers()"><input type="checkbox" class="tags" | |
198 tal:attributes="value | |
199 python:here.getTitle(level1)" name="transfers"/><tal:x tal:content="python:here.getTitle(level1)">Lorem</tal:x> | |
200 <tal:y condition="python:len(here.getEntries(level1))>0"> | |
201 <div class="level2" tal:repeat="level2 | |
202 python:here.getEntries(level1)"><input type="checkbox" class="tags" | |
203 tal:attributes="value | |
204 python:here.getTitle(level1)+'_'+here.getTitle(level2)" name="transfers"/><tal:x tal:content="python:here.getTitle(level2)">Lor</tal:x></div> | |
205 </tal:y> | |
206 </div> | |
207 <p><a href="#" id="dialog_link_transfers" class="ui-state-default | |
208 ui-corner-all dialog_link"><span class="ui-icon | |
209 ui-icon-newwin"></span>Suggest new tag</a></p> | |
210 </div> | |
211 </div> | |
212 | |
213 <!-- ui-dialog tags--> | |
214 <div id="dialog" title="New Tag"> | |
215 <p>Suggest a new tag</p> | |
216 <input type="hidden" id="suggest_newTag_type"/> | |
217 <table> | |
218 <tr> | |
219 <td>TagName:</td><td> <input size="30" | |
220 id="suggest_newTag"/></td> | |
221 </tr> | |
222 <tr> | |
223 <td>Comment:</td><td> <textarea rows="10" cols="30" id="suggest_newTag_comment"></textarea></td> | |
224 </tr> | |
225 <tr> | |
226 <td>Entered by:</td><td><input type="text" id="suggest_newTag_userName" | |
227 tal:attributes="value | |
228 user/getUserName"/></td><td>Your MPIWG | |
229 username (will not be published | |
230 anywhere)</td> | |
231 </tr> | |
232 </table> | |
233 </div> | |
234 | |
235 <!-- ui-dialog persons--> | |
236 <div id="dialogPersons" title="New Person"> | |
237 <p>Create a new person</p> | |
238 <table> | |
239 <tr> | |
240 <td>Name of the Person:</td><td> <input size="30" | |
241 id="suggest_newPerson"/></td> | |
242 <td> Write the name in the way it | |
243 should be displayed</td> | |
244 <tr> | |
245 <td>Comment:</td><td> <textarea rows="10" | |
246 cols="30" | |
247 id="suggest_newPerson_comment"></textarea></td><td>Some | |
248 remarks to identify the person or a link to | |
249 a website describing the person.</td> | |
250 </tr> | |
251 <tr> | |
252 <td>Entered by:</td><td><input type="text" id="suggest_newPerson_userName" | |
253 tal:attributes="value | |
254 user/getUserName"/></td><td>Your MPIWG | |
255 username (will not be published | |
256 anywhere)</td> | |
257 </tr> | |
258 </table> | |
259 </div> | |
260 | |
261 <div id="approachesHelp" title="Help Approaches" class="helpWindow"> | |
262 <h5>Methodological approaches</h5> | |
263 <p>Others than History of Science</p> | |
264 <h5>Historical epistemology approaches</h5> | |
265 <p>This category reflects the main MPIWG-themes of the past and current research</p> | |
266 </div> | |
267 | |
268 <div id="spacesHelp" title="Help Space" class="helpWindow"> | |
269 <p>Is the geographical area important to your project, does it deal with specific sites, institutions or spaces of knowledge? </p> | |
270 </div> | |
271 | |
272 <div id="objectsHelp" title="Help Objects" class="helpWindow"> | |
273 <p>Are specific natural or artificial objects important to your research project? </p> | |
274 </div> | |
275 | |
276 <div id="transfersHelp" title="Help Objects" class="helpWindow"> | |
277 <p>How are scientific findings recorded, how is knowledge conveyed | |
278 how does it circulate? Are these aspects important to your | |
279 research topic? </p> | |
280 <h5>Modes of communication</h5> | |
281 <p>e.g. language, braille, etc.</p> | |
282 <h5>Science education </h5> | |
283 <p>e.g. academic and non-academic</p> | |
284 </div> | |
285 </form> | |
286 </body> | |
287 </html> |