Project

General

Profile

« Previous | Next » 

Revision 5672

-use a tab for search options
-search results are in their own container now
-jquery ui and semtools css share same corner radius
-removed form-based "link" in resultset xsl

View differences:

lib/style/skins/semtools/semtools.css
870 870
    min-width:                  800px;
871 871
    voice-family:               "\"}\""; /* begin ie5win hack */
872 872
    voice-family:               inherit;
873
    -moz-border-radius:         10px; /* end ie5win hack */
873
    -moz-border-radius:         4px; /* end ie5win hack */
874 874
    }
875 875
/* Children of the group get some padding */
876 876
.group * {
......
887 887
    color:                      #003366;
888 888
    voice-family:               "\"}\""; /* begin ie5win hack */
889 889
    voice-family:               inherit;
890
    -moz-border-radius:         10px; /* end ie5win hack */
890
    -moz-border-radius:         4px; /* end ie5win hack */
891 891
    }
892 892
 
893 893
.subGroup_border {
lib/style/skins/semtools/resultset.xsl
49 49
					src="/knb/style/skins/{$qformat}/{$qformat}.js" />
50 50
				<script language="Javascript" type="text/JavaScript"
51 51
					src="/knb/style/common/branding.js" />
52
				<script language="JavaScript">
53
					<![CDATA[
54
					function submitform(action,form_ref) {
55
						form_ref.action.value=action;
56
						form_ref.sessionid.value="]]><xsl:value-of select="$sessid" /><![CDATA[";
57
						form_ref.qformat.value="]]><xsl:value-of select="$qformat" /><![CDATA[";
58
						form_ref.submit();
59
					}
60
					]]>
61
				</script>
62 52
			</head>
63 53

  
64 54
			<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
......
140 130
					</xsl:attribute>
141 131
	
142 132
					<td class="text_plain">
143
						<form action="/knb/metacat"
144
							method="POST">
145
							<xsl:attribute name="name">
146
								<xsl:value-of select="translate(./docid, '()-.', '____')" />
133
						<a>
134
							<xsl:attribute name="href">
135
								<xsl:value-of select="$tripleURI"/><xsl:value-of select="./docid"/>
147 136
							</xsl:attribute>
148
	
149
							<input type="hidden"
150
								name="qformat" />
151
							<input type="hidden"
152
								name="sessionid" />
153
							<input type="hidden"
154
								name="action" value="read" />
155
							<input type="hidden"
156
								name="docid">
157
								<xsl:attribute name="value">
158
									<xsl:value-of select="./docid" />
159
								</xsl:attribute>
160
							</input>
161
							<a>
162
								<xsl:attribute name="href">javascript:submitform('read',document.<xsl:value-of	select="translate(./docid, '()-.', '____')" />)</xsl:attribute>
163
								<b>
164
									<xsl:text>&#187;&#160;</xsl:text>
165
									<xsl:value-of select="./param[@name='dataset/title']"/>
166
								</b>
167
							</a>
168
							
169
							<pre>ID: <xsl:value-of select="./docid" /></pre>
170
							
171
						</form>
137
							<b>
138
								<xsl:text>&#187;&#160;</xsl:text>
139
								<xsl:value-of select="./param[@name='dataset/title']"/>
140
							</b>
141
						</a>
172 142
						
143
						<pre>ID: <xsl:value-of select="./docid" /></pre>
144
					
173 145
						<!-- render the annotation -->
174
							<xsl:for-each select="./*[local-name()='annotation']">
175
								<xsl:call-template name="annotation">
176
									 <xsl:with-param name="showAll" select="false"/>
177
								</xsl:call-template>	
178
							</xsl:for-each>
179
	
180
							
146
						<xsl:for-each select="./*[local-name()='annotation']">
147
							<xsl:call-template name="annotation">
148
								 <xsl:with-param name="showAll" select="false"/>
149
							</xsl:call-template>	
150
						</xsl:for-each>
151

  
181 152
					</td>
182 153
					
183 154
					<td class="text_plain">
......
242 213

  
243 214
					<td class="text_plain">
244 215
						<a>
245
							<xsl:attribute name="href">javascript:submitform('read',document.<xsl:value-of select="translate(./docid, '()-.', '____')" />)</xsl:attribute>
216
							<xsl:attribute name="href">
217
								<xsl:value-of select="$tripleURI"/><xsl:value-of select="./docid"/>
218
							</xsl:attribute>
246 219
							<xsl:text>&#187;&#160;</xsl:text>
247 220
							<xsl:value-of select="./docid" />
248 221
						</a>
249
						<form action="{$contextURL}/metacat" method="POST">
250
							<xsl:attribute name="name">
251
								<xsl:value-of select="translate(./docid, '()-.', '____')" />
252
							</xsl:attribute>
253
							<input type="hidden" name="qformat" value="{$qformat}"/>
254
							<input type="hidden" name="sessionid" />
255
							<input type="hidden" name="action" value="read" />
256
							<input type="hidden" name="docid">
257
								<xsl:attribute name="value">
258
									<xsl:value-of select="./docid" />
259
								</xsl:attribute>
260
							</input>
261
						</form>	
262 222
					</td>
263 223
					
264 224
					<td class="text_plain">
265 225
						<a>
266
							<xsl:attribute name="href">javascript:submitform('read',document.<xsl:value-of select="concat(translate(./param[@name='@emlPackage'], '()-.', '____'), '_annotation')" />)</xsl:attribute>
226
							<xsl:attribute name="href">
227
								<xsl:value-of select="$tripleURI"/><xsl:value-of select="./param[@name='@emlPackage']"/>
228
							</xsl:attribute>
267 229
							<xsl:value-of select="./param[@name='@emlPackage']"/>
268 230
						</a>
269
						
270
						<form action="{$contextURL}/metacat" method="POST">
271
							<xsl:attribute name="name">
272
								<xsl:value-of select="concat(translate(./param[@name='@emlPackage'], '()-.', '____'), '_annotation')" />
273
							</xsl:attribute>
274
							<input type="hidden" name="qformat" value="{$qformat}"/>
275
							<input type="hidden" name="sessionid" />
276
							<input type="hidden" name="action" value="read" />
277
							<input type="hidden" name="docid">
278
								<xsl:attribute name="value">
279
									<xsl:value-of select="./param[@name='@emlPackage']"/>
280
								</xsl:attribute>
281
							</input>
282
						</form>
283
						
284 231
					</td>
285 232
					
286 233
					<td class="text_plain">
lib/style/skins/semtools/index.jsp
306 306
		$("#searchTabs").tabs();
307 307
		$("#searchTabs").tabs("add", "#ecpTab", "Entity, Characteristic, Protocol");
308 308
		$("#searchTabs").tabs("add", "#measurementTab", "Measurement");
309
		$("#searchTabs").tabs("add", "#optionsTab", "Options");
309 310
	});
310 311
</script>
311 312

  
......
320 321
	<input name="includeHeader" value="false" type="hidden" />
321 322
	<input name="action" value="semquery" type="hidden" />
322 323

  
323
	<table class="group group_border">
324
		<tr>
325
			<th colspan="3">
326
				<p>
327
					Locate <b>data packages</b> that have been semantically annotated within the observation model by
328
					selecting concepts from OBOE extension ontologies
329
				</p>
330
			</th>
331
		</tr>
332
		
333
		<tr>
334
			<td colspan="3">
335
			
336
				<div id="searchTabs">
337
					<!-- place holder for ui tabs -->
338
					<ul></ul>
339
				
340
					<!-- other criteria tabs -->
341
					<div id="ecpTab">
342
						<table>
324
	<!-- tabs for the search interface -->		
325
	<div id="searchTabs">
326
		<!-- place holder for ui tabs -->
327
		<ul></ul>
328
	
329
		<!-- other criteria tabs -->
330
		<div id="ecpTab">
331
			<table>
332
				<tr>
333
					<td>
334
						<table class="subGroup subGroup_border">
335
							
343 336
							<tr>
337
								<th><p>Find observations of</p></th>
338
							</tr>
339
							<tr>
344 340
								<td>
345
									<table class="subGroup subGroup_border">
346
										
347
										<tr>
348
											<th><p>Find observations of</p></th>
349
										</tr>
350
										<tr>
351
											<td>
352
												<input type="text" id="activeEntitiesSearch" />
353
												<input type="checkbox" id="activeEntitiesOnly" title="Show only active concepts" />
354
												<div class="select">
355
													<div id="activeEntities" class="activeTree">
356
														<p>loading...</p>
357
													</div>
358
													<input type="hidden" class="value" name="activeEntitiesValue" id="activeEntitiesValue"/>
359
													<input type="hidden" name="activeEntitiesClass" id="activeEntitiesClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Entity"/>
360
												</div>
361
											</td>
362
										</tr>
363
									</table>
341
									<input type="text" id="activeEntitiesSearch" />
342
									<input type="checkbox" id="activeEntitiesOnly" title="Show only active concepts" />
343
									<div class="select">
344
										<div id="activeEntities" class="activeTree">
345
											<p>loading...</p>
346
										</div>
347
										<input type="hidden" class="value" name="activeEntitiesValue" id="activeEntitiesValue"/>
348
										<input type="hidden" name="activeEntitiesClass" id="activeEntitiesClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Entity"/>
349
									</div>
364 350
								</td>
351
							</tr>
352
						</table>
353
					</td>
354
					<td>
355
						<table class="subGroup subGroup_border">
356
							<tr>
357
								<th><p>with measurements of</p></th>
358
							</tr>
359
							<tr>
365 360
								<td>
366
									<table class="subGroup subGroup_border">
367
										<tr>
368
											<th><p>with measurements of</p></th>
369
										</tr>
370
										<tr>
371
											<td>
372
												<input type="text" id="activeCharacteristicsSearch" />
373
												<input type="checkbox" id="activeCharacteristicsOnly" title="Show only active concepts" />
374
												<div class="select">
375
													<div id="activeCharacteristics" class="activeTree">
376
														<p>loading...</p>
377
													</div>
378
													<input type="hidden" class="value" name="activeCharacteristicsValue" id="activeCharacteristicsValue"/>
379
													<input type="hidden" name="activeCharacteristicsClass" id="activeCharacteristicsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Characteristic"/>
380
												</div>
381
											</td>
382
										</tr>
383
									</table>
361
									<input type="text" id="activeCharacteristicsSearch" />
362
									<input type="checkbox" id="activeCharacteristicsOnly" title="Show only active concepts" />
363
									<div class="select">
364
										<div id="activeCharacteristics" class="activeTree">
365
											<p>loading...</p>
366
										</div>
367
										<input type="hidden" class="value" name="activeCharacteristicsValue" id="activeCharacteristicsValue"/>
368
										<input type="hidden" name="activeCharacteristicsClass" id="activeCharacteristicsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Characteristic"/>
369
									</div>
384 370
								</td>
385
								<td>
386
									<table class="subGroup subGroup_border">
387
										<tr>
388
											<th><p>using procedures outlined by</p></th>
389
										</tr>
390
										<tr>
391
											<td>
392
												<input type="text" id="activeProtocolsSearch" />
393
												<input type="checkbox" id="activeProtocolsOnly" title="Show only active concepts" />
394
												<div class="select">
395
													<div id="activeProtocols" class="activeTree">
396
														<p>loading...</p>
397
													</div>
398
													<input type="hidden" class="value" name="activeProtocolsValue" id="activeProtocolsValue" />
399
													<input type="hidden" name="activeProtocolsClass" id="activeProtocolsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Protocol"/>
400
												</div>
401
											</td>
402
										</tr>
403
									</table>
404
								</td>
405 371
							</tr>
406 372
						</table>
407
					</div>
408
					
409
					<!-- measurement -->
410
					<div id="measurementTab">
411
						<table class="subGroup subGroup_border onehundred_percent">
412
							
373
					</td>
374
					<td>
375
						<table class="subGroup subGroup_border">
413 376
							<tr>
414
								<th><p>a template that defines Entity, Characteristic, Standard, and/or Protocol</p></th>
377
								<th><p>using procedures outlined by</p></th>
415 378
							</tr>
416
							
417 379
							<tr>
418 380
								<td>
419
									<input type="text" id="activeMeasurementsSearch" />
420
									Only active? <input type="checkbox" id="activeMeasurementsOnly" title="Show only active concepts"/>
381
									<input type="text" id="activeProtocolsSearch" />
382
									<input type="checkbox" id="activeProtocolsOnly" title="Show only active concepts" />
421 383
									<div class="select">
422
										<div id="activeMeasurements" class="activeTree" style="width: 100%">
384
										<div id="activeProtocols" class="activeTree">
423 385
											<p>loading...</p>
424 386
										</div>
425
										<input type="hidden" class="value" name="activeMeasurementsValue" id="activeMeasurementsValue"/>
426
										<input type="hidden" name="activeMeasurementsClass" id="activeMeasurementsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Measurement"/>
387
										<input type="hidden" class="value" name="activeProtocolsValue" id="activeProtocolsValue" />
388
										<input type="hidden" name="activeProtocolsClass" id="activeProtocolsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Protocol"/>
427 389
									</div>
428 390
								</td>
429 391
							</tr>
430 392
						</table>
431
					</div>
432
								
433
				</div>
393
					</td>
394
				</tr>
395
			</table>
396
		</div>
397
		
398
		<!-- measurement -->
399
		<div id="measurementTab">
400
			<table class="subGroup subGroup_border onehundred_percent">
434 401
				
435
			</td>
436
		</tr>
402
				<tr>
403
					<th><p>a template that defines Entity, Characteristic, Standard, and/or Protocol</p></th>
404
				</tr>
405
				
406
				<tr>
407
					<td>
408
						<input type="text" id="activeMeasurementsSearch" />
409
						Only active? <input type="checkbox" id="activeMeasurementsOnly" title="Show only active concepts"/>
410
						<div class="select">
411
							<div id="activeMeasurements" class="activeTree" style="width: 100%">
412
								<p>loading...</p>
413
							</div>
414
							<input type="hidden" class="value" name="activeMeasurementsValue" id="activeMeasurementsValue"/>
415
							<input type="hidden" name="activeMeasurementsClass" id="activeMeasurementsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Measurement"/>
416
						</div>
417
					</td>
418
				</tr>
419
			</table>
420
		</div>
437 421
		
422
		<!-- query options -->
423
		<div id="optionsTab">
424
			<table class="group group_border">
425
				<tr>
426
					<th colspan="2">
427
						<p>
428
							Locate <b>data packages</b> that have been semantically annotated within the observation model by
429
							selecting concepts from OBOE extension ontologies
430
						</p>
431
					</th>
432
				</tr>
433
				
434
				<tr>
435
					
436
					<td colspan="1">Match All? <input type="checkbox" name="matchAll" checked="checked"/></td>
437
				
438
					<td colspan="1">From same Observation? <input type="checkbox" name="strict"/></td>
439
				</tr>
440
				
441
			</table>
442
		</div>	
443
					
444
	</div>
445
	
446
	<br/>
447
	
448
	<!-- search results here -->	
449
	<table class="subGroup subGroup_border onehundred_percent">
438 450
		<tr>
439
			<td colspan="1">
440
				<!-- input type="submit" value="Search"/ -->
451
			<th>
452
				Search Results
441 453
				<input type="reset" value="Clear" onclick="clearForm()"/>
442
			</td>
443
			
444
			<td colspan="1">Match All? <input type="checkbox" name="matchAll" checked="checked"/></td>
445
		
446
			<td colspan="1">From same Observation? <input type="checkbox" name="strict"/></td>
454
			</th>
447 455
		</tr>
448
		
449
	</table>
450
		<!-- 
451 456
		<tr>
452
			<td>Entity: (SBC only)</td>
453
			<td><input type="text" name="entity" class="bp_form_complete-1523-uri" size="100" /></td>
457
			<td>
458
				<div id="searchResults">
459
				No query has been specified	
460
				</div>
461
			</td>
454 462
		</tr>
455
		 -->		
463
	</table>	
464

  
456 465
</form>
457 466

  
458
<div id="searchResults">
459
	Search Results
460
</div>
461 467

  
468

  
462 469
<!-- Included default search/login -->
463 470
<% if ( PropertyService.getProperty("spatial.runSpatialOption").equals("true") ) { %>
464 471
<script language="javascript">

Also available in: Unified diff