From 6401dfd6401f3575c56219b42c2f4828a4f75e46 Mon Sep 17 00:00:00 2001
From: miker <miker@dcc99617-32d9-48b4-a31d-7c20da2025e4>
Date: Sun, 12 Jun 2005 14:54:03 +0000
Subject: [PATCH] added a9 style column output to the portal... bleh

git-svn-id: svn://svn.open-ils.org/ILS/trunk@801 dcc99617-32d9-48b4-a31d-7c20da2025e4
---
 Open-ILS/src/extras/opensearchportal.html | 74 +++++++++++++++++++----
 1 file changed, 62 insertions(+), 12 deletions(-)

diff --git a/Open-ILS/src/extras/opensearchportal.html b/Open-ILS/src/extras/opensearchportal.html
index 066563fd4c..e9a7ced6d4 100644
--- a/Open-ILS/src/extras/opensearchportal.html
+++ b/Open-ILS/src/extras/opensearchportal.html
@@ -3,6 +3,17 @@
 		<title>mikers experimental opensearch portal</title>
 		<style>
 
+#result_sources a {
+	font-size: 8px;
+	color: grey;
+	text-decoration: none;
+}
+
+.col_tab {
+	border-collapse: collapse;
+	border: solid gray 1px;
+}
+
 .res_table {
 	border-collapse: collapse;
 }
@@ -49,6 +60,7 @@ var search_templates = [];
 var search_urls = [];
 var rel_scales = [];
 
+var display_mode = 'int';
 var current_startPage = 1;
 var current_startIndex = 1;
 var current_count = 5;
@@ -59,6 +71,10 @@ function opensearch ( term, reset ) {
 	while (tot.lastChild)
 			tot.removeChild(tot.lastChild);
 
+	var src = document.getElementById('result_sources');
+	while (src.lastChild)
+			src.removeChild(src.lastChild);
+
 	var tab = document.getElementById('results');
 	while (tab.lastChild)
 			tab.removeChild(tab.lastChild);
@@ -96,6 +112,8 @@ function opensearch ( term, reset ) {
 		url = url.replace(/\{count\}/,current_count);
 		url = url.replace(/\{relevanceScale}/,rel_scales[i]);
 		search_urls[i] = proxy + encodeURIComponent(url);
+
+		src.innerHTML += '<a href="' + url + '">' + url + '</a><br>';
 	}
 
 	for (var i in search_urls) {
@@ -106,10 +124,8 @@ function opensearch ( term, reset ) {
 	}
 }
 
-function perform_search ( index ) {
+function perform_search ( source ) {
 	var req = create_requestor();
-	var img = images[index];
-	var source = index;
 
 	req.onreadystatechange = function () {
 		if (req.readyState != 4)
@@ -118,7 +134,7 @@ function perform_search ( index ) {
 		var xml = req.responseXML;
 
 		var total  = getElementFloatNS('openSearch','totalResults',xml,0);
-		rel_scales[index]  = getElementFloatNS('openIll','relevanceScale',xml,0);
+		rel_scales[source]  = getElementFloatNS('openIll','relevanceScale',xml,0);
 		var current_tot = getElementFloatNS('','span',document.getElementById('total').parentNode,0);
 		var tot = document.getElementById('total');
 
@@ -134,9 +150,33 @@ function perform_search ( index ) {
 					continue;
 
 			var tab = document.getElementById('results');
+			if (display_mode == 'col') {
+				var col = document.getElementById(source);
+				if (!col) {
+					var row = tab.rows[0];
+					if (!row)
+						row = tab.insertRow(0);
+
+					col = document.createElement('td');
+					col.setAttribute('id',source);
+					row.appendChild(col);
+
+					tab = document.createElement('table');
+					tab.setAttribute('valign','top');
+					tab.setAttribute('class','col_tab');
+					col.appendChild(tab);
+
+					var per = parseInt(100 / search_urls.length);
+					col.setAttribute('valign','top');
+					col.setAttribute('width', + per + '%');
+
+				} else {
+					tab = col.firstChild;
+				}
+			}
 
 			if (!tab.rows.length) {
-				add_result_row(0, list[i], img);
+				add_result_row(tab, 0, list[i], source);
 			} else {
 				for (var j = 0; j < tab.rows.length; j++) {
 					if ( typeof tab.rows[j] != 'object')
@@ -152,19 +192,19 @@ function perform_search ( index ) {
 
 					if ( rank < parseFloat(tab.rows[j].firstChild.firstChild.textContent) ) {
 						if ( (j + 1) == tab.rows.length) {
-							add_result_row(tab.rows.length, list[i], img);
+							add_result_row(tab, tab.rows.length, list[i], source);
 							break
 						}
 						continue;
 					}
-					add_result_row(j, list[i], img);
+					add_result_row(tab, j, list[i], source);
 					break;
 				}
 			}
 		}
 	};
 
-	req.open('GET', proxy + encodeURIComponent(search_urls[index]), true);
+	req.open('GET', proxy + encodeURIComponent(search_urls[source]), true);
 	req.send(null);
 }
 
@@ -198,8 +238,8 @@ function getElementFloatNS(prefix, local, parentElem, index) {
     }
 }
 
-function add_result_row (index, xml, img) {
-	var tab = document.getElementById('results');
+function add_result_row (tab, index, xml, source) {
+	var img = images[source];
 	var rank,title,tlink,desc;
 
 	try {
@@ -282,20 +322,30 @@ function create_search ( s ) {
 						<option value="25">25</option>
 					</select>
 			</tr>
+			<tr valign="top">
+				<td>Display mode: </td>
+				<td>
+					<select onchange="display_mode=this.options[this.selectedIndex].value;">
+						<option value="int" selected>Integrated</option>
+						<option value="col">Columns</option>
+					</select> (Use "Columns" when searching unranked sources)
+			</tr>
 			<tr valign="top">
 				<td colspan="2"><input type="submit" value="Go!"/></td>
 			</tr>
 		</table>
 		</form>
 
-		<h1>Integrated search results</h1>
+		<div id="result_sources"></div>
+		<br/>
 		<div>Total results: <span id="total"/></div>
+		<h1>Search Results</h1>
 		<hr/>
 		<button onclick="current_startPage -= 1; opensearch(document.getElementById('term').value);">Previous Page</button>
 		...
 		<button onclick="current_startPage += 1; opensearch(document.getElementById('term').value);">Next Page</button>
 		<br/>
 		<br/>
-		<table class="res_table" width="100%" id="results"/>
+		<table class="res_table" id="results"/>
 	</body>
 </html>
-- 
2.43.2