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>