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:

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