X-Git-Url: http://jsfdemo.indexdata.com/?a=blobdiff_plain;f=www%2Fiphone%2Fexample_client.js;h=9761e831996dcb6ebcedc53d1438c9d6941e5e9a;hb=09e752194178c47e62eb2cc45bdf58728a87ea54;hp=783a1d7ed9180c5f4eea21dcc7c36358f7f18ad1;hpb=d55ccbd64dd2f0f0ec921c915a399c183df82d47;p=pazpar2-moved-to-github.git

diff --git a/www/iphone/example_client.js b/www/iphone/example_client.js
index 783a1d7..9761e83 100644
--- a/www/iphone/example_client.js
+++ b/www/iphone/example_client.js
@@ -9,12 +9,13 @@ var pazpar2path = '/pazpar2/search.pz2';
 var showResponseType = '';
 var querys = {'su': '', 'au': '', 'xt': ''};
 
-if (document.location.hash == '#useproxy') {
+if (document.location.hash == '#useproxy' || document.location.search.match("useproxy=true")) {
     usesessions = false;
     pazpar2path = '/service-proxy/';
     showResponseType = 'json';
 }
 
+
 my_paz = new pz2( { "onshow": my_onshow,
                     "showtime": 500,            //each timer (show, stat, term, bytarget) can be specified this way
                     "pazpar2path": pazpar2path,
@@ -23,7 +24,7 @@ my_paz = new pz2( { "onshow": my_onshow,
                     "onterm": my_onterm_iphone,
                     "termlist": "xtargets,subject,author",
                     "onbytarget": my_onbytarget,
-	 	            "usesessions" : usesessions,
+		    "usesessions" : usesessions,
                     "showResponseType": showResponseType,
                     "onrecord": my_onrecord } );
 // some state vars
@@ -33,16 +34,76 @@ var totalRec = 0;
 var curDetRecId = '';
 var curDetRecData = null;
 var curSort = 'relevance';
-var curFilter = null;
+var curFilter = 'ALL';
 var submitted = false;
 var SourceMax = 16;
 var SubjectMax = 10;
 var AuthorMax = 10;
 var tab = "recordview"; 
 
+var triedPass = "";
+var triedUser = "";
+
+function loginFormSubmit() {
+    triedUser = document.loginForm.username.value;
+    triedPass = document.loginForm.password.value;
+    auth.login( {"username": triedUser,
+		"password": triedPass},
+	authCb, authCb);
+}
+
+function authCb(authData) {
+    if (!authData.loginFailed) {
+	triedUser = "";
+	triedPass = "";
+    }
+
+    if (authData.loggedIn == true) {        
+	showhide("recordview");
+    }
+}
+
+function logOutClick() {
+    auth.logOut(authCb, authCb);
+}
+
+function loggedOut() {
+    var login = document.getElementById("login");
+    login.innerHTML = 'Login';
+}
+
+function loggingOutFailed() {
+    alert("Logging out failed");
+}
+
+function login() {
+    showhide("login");
+}
+
+function logout() {
+    auth.logOut(loggedOut, loggingOutFailed, true);
+}
+
+function logInOrOut() {
+    var loginElement = document.getElementById("login");
+    if (loginElement.innerHTML == 'Login')
+    	login();
+    else
+    	logout();
+}
+function loggedIn() {
+    var login = document.getElementById("login");
+    login.innerHTML = 'Logout(' + auth.displayName + ')';
+    document.getElementById("log").innerHTML = login.innerHTML;
+}
+
+function auth_check() {
+    auth.check(loggedIn, login, true);
+    domReady();
+}
 
 //
-// pz2.js event handlers:
+// Pz2.js event handlers:
 //
 function my_oninit() {
     my_paz.stat();
@@ -59,7 +120,7 @@ function my_onshow(data) {
                      ' of ' + data.merged + ' (found: ' 
                      + data.total + ')</div>';
     drawPager(pager);
-    // navi
+
     var results = document.getElementById("results");
   
     var html = [];
@@ -77,7 +138,7 @@ function my_onshow(data) {
   	      }
       	}
         if (hit.recid == curDetRecId) {
-            html.push(renderDetails(curDetRecData));
+            html.push(renderDetails_iphone(curDetRecData));
         }
       	html.push('</div>');
     }
@@ -97,41 +158,49 @@ function my_onstat(data) {
 }
 
 function showhide(newtab) {
-	var showtermlist = false;
-	if (newtab != null)
-		tab = newtab;
+    var showtermlist = false;
+    if (newtab != null)
+	tab = newtab;
+    
+    if (tab == "recordview") {
+	document.getElementById("recordview").style.display = '';
+    }
+    else 
+	document.getElementById("recordview").style.display = 'none';
 
-	if (tab == "recordview") {
-		document.getElementById("recordview").style.display = '';
-	}
-	else 
-		document.getElementById("recordview").style.display = 'none';
+    if (tab == "xtargets") {
+	document.getElementById("term_xtargets").style.display = '';
+	showtermlist = true;
+    }
+    else
+	document.getElementById("term_xtargets").style.display = 'none';
 
-	if (tab == "xtargets") {
-		document.getElementById("term_xtargets").style.display = '';
-		showtermlist = true;
-	}
-	else
-		document.getElementById("term_xtargets").style.display = 'none';
+    if (tab == "subjects") {
+	document.getElementById("term_subjects").style.display = '';
+	showtermlist = true;
+    }
+    else
+	document.getElementById("term_subjects").style.display = 'none';
 
-	if (tab == "subjects") {
-		document.getElementById("term_subjects").style.display = '';
-		showtermlist = true;
-	}
-	else
-		document.getElementById("term_subjects").style.display = 'none';
+    if (tab == "authors") {
+	document.getElementById("term_authors").style.display = '';
+	showtermlist = true;
+    }
+    else
+	document.getElementById("term_authors").style.display = 'none';
 
-	if (tab == "authors") {
-		document.getElementById("term_authors").style.display = '';
-		showtermlist = true;
-	}
-	else
-		document.getElementById("term_authors").style.display = 'none';
+    if (showtermlist == false) 
+	document.getElementById("termlist").style.display = 'none';
+    else 
+	document.getElementById("termlist").style.display = '';
 
-	if (showtermlist == false) 
-		document.getElementById("termlist").style.display = 'none';
-	else 
-		document.getElementById("termlist").style.display = '';
+    var tabDiv = document.getElementById("loginDiv");
+    if (tab == "login") {
+	tabDiv.style.display = '';
+    }
+    else {
+	tabDiv.style.display = 'none';
+    }
 }
 
 function my_onterm(data) {
@@ -178,27 +247,6 @@ function my_onterm(data) {
     showhide();
 }
 
-function serialize(array) {
-	var t = typeof (obj);
-	if (t != "object" || obj === null) {
-		// simple data type
-		return String(obj);
-	} else {
-		// recurse array or object
-		var n, v, json = [], arr = (obj && obj.constructor == Array);
-		for (n in obj) {
-			v = obj[n];
-			t = typeof (v);
-			if (t == "string")
-				v = '"' + v + '"';
-			else if (t == "object" && v !== null)
-				v = JSON.stringify(v);
-			json.push((arr ? "" : '"' + n + '":') + String(v));
-		}
-		return (arr ? "" : "") + String(json) + (arr ? "]" : "}");
-	}
-}
-
 var termlist = {};
 function my_onterm_iphone(data) {
     my_onterm(data);
@@ -219,7 +267,6 @@ function my_onterm_iphone(data) {
         authors = authors + "au" + "|" + data.author[i].name + "|" + data.author[i].freq + "\n";
     }
     termlist["authors"] = authors;
-    //document.getElementById("log").innerHTML = targets + "\n" + subjects + "\n" + authors;
     callback.send("termlist", "refresh");
 }
 
@@ -243,7 +290,7 @@ function my_onrecord(data) {
     if (detRecordDiv) return;
     curDetRecData = data;
     var recordDiv = document.getElementById('recdiv_'+curDetRecData.recid);
-    var html = renderDetails(curDetRecData);
+    var html = renderDetails_iphone(curDetRecData);
     recordDiv.innerHTML += html;
 }
 
@@ -282,20 +329,21 @@ function domReady ()
     document.select.perpage.onchange = onSelectDdChange;
     if (document.location.search.match("inApp=true")) 
     	applicationMode(true);
+    else
+    	applicationMode(false);
 }
  
 function applicationMode(newmode) 
 {
 	var searchdiv = document.getElementById("searchForm");
-	var navi = document.getElementById("navi");
 	if (newmode)
 		inApp = newmode;
 	if (inApp) {
     	document.getElementById("heading").style.display="none";
        	searchdiv.style.display = 'none';
-       	navi.style.display = 'none';
 	}
 	else { 
+	    document.getElementById("nav").style.display="";
 		searchdiv.style.display = '';
 		document.search.onsubmit = onFormSubmit;
 	}
@@ -305,10 +353,11 @@ function applicationMode(newmode)
 function onFormSubmitEventHandler() 
 {
     resetPage();
+    document.getElementById("logo").style.display = 'none';
     loadSelect();
     triggerSearch();
     submitted = true;
-    return false;
+    return true;
 }
 
 function onSelectDdChange()
@@ -371,11 +420,6 @@ function limitOrResetQuery (field, value, selected) {
 // limit by target functions
 function limitTarget (id, name)
 {
-    var navi = document.getElementById('navi');
-    navi.innerHTML = 
-        'Source: <a class="crossout" href="#" onclick="delimitTarget();return false;">'
-        + name + '</a>';
-    navi.innerHTML += '<hr/>';
     curFilter = 'pz:id=' + id;
     resetPage();
     loadSelect();
@@ -386,9 +430,7 @@ function limitTarget (id, name)
 
 function delimitTarget ()
 {
-    var navi = document.getElementById('navi');
-    navi.innerHTML = '';
-    curFilter = null; 
+    curFilter = 'ALL'; 
     resetPage();
     loadSelect();
     triggerSearch();
@@ -446,7 +488,7 @@ function drawPager (pagerDiv)
     if (lastClkbl < pages)
         postdots = '...';
 
-    pagerDiv.innerHTML += '<div style="float: clear">' 
+    pagerDiv.innerHTML += '<div style="float: none">' 
         + prev + predots + middle + postdots + next + '</div><hr/>';
 }
 
@@ -499,6 +541,7 @@ function showDetails (prefixRecId) {
     
     // remove current detailed view if any
     var detRecordDiv = document.getElementById('det_'+oldRecId);
+    //alert("oldRecId: " + oldRecId + " " + detRecordDiv != null); 
     // lovin DOM!
     if (detRecordDiv)
       detRecordDiv.parentNode.removeChild(detRecordDiv);
@@ -554,4 +597,62 @@ function renderDetails(data, marker)
     details += '</table></div>';
     return details;
 }
- //EOF
+
+function renderLine(title, value) {
+    if (value != undefined)
+        return '<li><h3>' + title + '</h3> <big>' + value + '</big></li>';
+    return '';
+}
+
+function renderLineURL(title, URL, display) {
+    if (URL != undefined)
+    	return '<li><h3>' + title + '</h3> <a href="' + URL + '" target="_blank">' + display + '</a></li>';
+    return '';
+}
+
+function renderLineEmail(dtitle, email, display) {
+    if (email != undefined)
+        return '<li><h3>' + title + '</h3> <a href="mailto:' + email + '" target="_blank">' + display + '</a></li>';
+    return '';
+}
+
+function renderDetails_iphone(data, marker)
+{
+	//return renderDetails(data,marker);
+
+    if (!data) 
+	return ""; 
+    var details = '<div class="details" id="det_'+data.recid+'" >'
+/*
+    details = '<div id="header" id="det_'+data.recid+'">' 
+    	+ '<h1>Detailed Info</h1>' 
+    	+ '<a id="backbutton" href="hidedetail(\'det_' + data.recid + '\')">Back</a>' 
+    	+ '</div>';
+*/
+    if (marker) 
+    	details += '<h4>'+ marker + '</h4>'; 
+    details += '<ul class="field">';
+    if (data["md-title"] != undefined) {
+    	details += '<li><h3>Title</h3> <big> ' + data["md-title"];
+        if (data["md-title-remainder"] !== undefined) {
+	      details += ' ' + data["md-title-remainder"] + ' ';
+        }
+        if (data["md-title-responsibility"] !== undefined) {
+	      details += '<i>'+ data["md-title-responsibility"] +'</i>';
+        }
+        details += '</big>'
+        details += '</li>'
+    }
+    details 
+    	+=renderLine('Date', 	data["md-date"])
+    	+ renderLine('Author', 	data["md-author"])
+    	+ renderLineURL('URL', 	data["md-electronic-url"], data["md-electronic-url"])
+    	+ renderLine('Subject', data["location"][0]["md-subject"]);
+    
+    if (data["location"][0]["@name"] != undefined)
+    	details += renderLine('Location', data["location"][0]["@name"] + " (" +data["location"][0]["@id"] + ")");
+    details += '</ul></div>';
+    return details;
+}
+
+//EOF