Thread: [Archive-access-cvs] SF.net SVN: archive-access: [1937] trunk/archive-access/projects/wayback/ wayb

SourceForge Headquarters 225 Broadway Suite 1600 San Diego, CA 92101 +1 (858) 422-6466

Revision: 1937
          http://archive-access.svn.sourceforge.net/archive-access/?rev=1937&view=rev
Author:   bradtofel
Date:     2007-08-23 16:52:07 -0700 (Thu, 23 Aug 2007)

Log Message:
-----------
INITIAL-REV: .jsp which renders HTML for a timeline suitable for insertion in replayed HTML pages.

Added Paths:
-----------
    trunk/archive-access/projects/wayback/wayback-webapp/src/main/webapp/replay/
    trunk/archive-access/projects/wayback/wayback-webapp/src/main/webapp/replay/Timeline.jsp

Added: trunk/archive-access/projects/wayback/wayback-webapp/src/main/webapp/replay/Timeline.jsp
===================================================================

--- trunk/archive-access/projects/wayback/wayback-webapp/src/main/webapp/replay/Timeline.jsp	                        (rev 0)
+++ trunk/archive-access/projects/wayback/wayback-webapp/src/main/webapp/replay/Timeline.jsp	2007-08-23 23:52:07 UTC (rev 1937)
@@ -0,0 +1,327 @@
+<%@ page import="java.util.Iterator" %>
+<%@ page import="java.util.ArrayList" %>
+<%@ page import="java.util.Date" %>
+<%@ page import="java.text.ParseException" %>
+<%@ page import="org.archive.wayback.WaybackConstants" %>
+<%@ page import="org.archive.wayback.core.SearchResult" %>
+<%@ page import="org.archive.wayback.core.Timestamp" %>
+<%@ page import="org.archive.wayback.core.UIResults" %>
+<%@ page import="org.archive.wayback.core.WaybackRequest" %>
+<%@ page import="org.archive.wayback.query.UIQueryResults" %>
+<%@ page import="org.archive.wayback.query.resultspartitioner.ResultsTimelinePartitionsFactory" %>
+<%@ page import="org.archive.wayback.query.resultspartitioner.ResultsPartition" %>
+<%@ page import="org.archive.wayback.util.StringFormatter" %>
+<%
+
+String contextRoot = request.getScheme() + "://" + request.getServerName() + ":" 
+	+ request.getServerPort() + request.getContextPath();
+
+UIQueryResults results = (UIQueryResults) UIResults.getFromRequest(request);
+StringFormatter fmt = results.getFormatter();
+
+Timestamp searchStartTs = results.getStartTimestamp();
+Timestamp searchEndTs = results.getEndTimestamp();
+Timestamp exactTs = results.getExactRequestedTimestamp();
+String searchUrl = results.getSearchUrl();
+Date exactDate = exactTs.getDate();
+
+String exactDateStr = exactTs.getDateStr();
+WaybackRequest wbRequest = results.getWbRequest();
+String resolution = wbRequest.get(WaybackConstants.REQUEST_RESOLUTION);
+if(resolution == null) {
+	resolution = WaybackConstants.REQUEST_RESOLUTION_AUTO;
+}
+String metaMode = wbRequest.get(WaybackConstants.REQUEST_META_MODE);
+String metaChecked = "";
+if(metaMode != null && metaMode.equals("yes")) {
+	metaChecked = "checked";
+}
+
+String searchString = results.getSearchUrl();
+
+SearchResult first = null;
+SearchResult prev = null;
+SearchResult next = null;
+SearchResult last = null;
+
+int resultCount = results.getResultsReturned();
+int resultIndex = 1;
+Iterator it = results.resultsIterator();
+while(it.hasNext()) {
+	SearchResult res = (SearchResult) it.next();
+	String resDateStr = res.get(WaybackConstants.RESULT_CAPTURE_DATE);
+	int compared = resDateStr.compareTo(exactDateStr.substring(0,resDateStr.length()));
+	if(compared < 0) {
+		resultIndex++;
+		prev = res;
+		if(first == null) {
+			first = res;
+		}
+	} else if(compared > 0) {
+		last = res;
+		if(next == null) {
+			next = res;
+		}
+	}
+}
+// string to indicate which select option is currently active
+String yearsOptSelected = "";
+String monthsOptSelected = "";
+String daysOptSelected = "";
+String hoursOptSelected = "";
+String autoOptSelected = "";
+
+String minResolution = ResultsTimelinePartitionsFactory.getMinResolution(
+							results.getResults());
+
+String optimal = "";
+if(minResolution.equals(WaybackConstants.REQUEST_RESOLUTION_HOURS)) {
+	optimal = fmt.format("TimelineView.timeRange.hours");
+} else if(minResolution.equals(WaybackConstants.REQUEST_RESOLUTION_DAYS)) {
+	optimal = fmt.format("TimelineView.timeRange.days");
+} else if(minResolution.equals(WaybackConstants.REQUEST_RESOLUTION_MONTHS)) {
+	optimal = fmt.format("TimelineView.timeRange.months");
+} else if(minResolution.equals(WaybackConstants.REQUEST_RESOLUTION_YEARS)) {
+	optimal = fmt.format("TimelineView.timeRange.years");
+} else {
+	optimal = fmt.format("TimelineView.timeRange.unknown");
+}
+String autoOptString = fmt.format("TimelineView.timeRange.auto",optimal);
+
+ArrayList partitions;
+if(resolution.equals(WaybackConstants.REQUEST_RESOLUTION_HOURS)) {
+	hoursOptSelected = "selected";
+	partitions = ResultsTimelinePartitionsFactory.getHour(results.getResults(),
+		wbRequest);
+} else if(resolution.equals(WaybackConstants.REQUEST_RESOLUTION_DAYS)) {
+	daysOptSelected = "selected";
+	partitions = ResultsTimelinePartitionsFactory.getDay(results.getResults(),
+		wbRequest);
+} else if(resolution.equals(WaybackConstants.REQUEST_RESOLUTION_MONTHS)) {
+	monthsOptSelected = "selected";
+	partitions = ResultsTimelinePartitionsFactory.getMonth(results.getResults(),
+		wbRequest);
+} else if(resolution.equals(WaybackConstants.REQUEST_RESOLUTION_YEARS)) {
+	yearsOptSelected = "selected";
+	partitions = ResultsTimelinePartitionsFactory.getYear(results.getResults(),
+		wbRequest);
+} else {
+	autoOptSelected = "selected";
+	partitions = ResultsTimelinePartitionsFactory.getAuto(results.getResults(),
+		wbRequest);
+}
+int numPartitions = partitions.size();
+ResultsPartition firstP = (ResultsPartition) partitions.get(0);
+ResultsPartition lastP = (ResultsPartition) partitions.get(numPartitions -1);
+
+String firstDate = firstP.getTitle();
+String lastDate = lastP.getTitle();
+String titleString = "";
+%>
+<link rel="stylesheet" href="<%= contextRoot %>/css/timeline.css" type="text/css">
+<script type="text/javascript">
+  function changeResolution() {
+    document.timeline.submit();
+  }
+  function changeMeta() {
+    document.timeline.submit();
+  }
+
+var open = true;
+  
+function handleDragClick() {
+	var daDiv = document.getElementById("wm-ipp");
+	var daDraggerDiv = document.getElementById("wm-dragger");
+	while(daDraggerDiv.hasChildNodes()) {
+		daDraggerDiv.removeChild(daDraggerDiv.firstChild);
+	}
+	var newText;
+	if(open) {
+		open = false;
+		daDiv.style.width = "100px";
+		newText = "<";
+	} else {
+		open = true;
+		daDiv.style.width = "100%";
+		newText = ">";
+	}
+	daDraggerDiv.appendChild(document.createTextNode(newText));
+}
+
+
+</script>
+<!-- 
+overflow:hidden; border-width:1; border-style:outset; width:100%; height:80px; right:0; top:0; background-color:#dddddd;
+ -->
+<div id="wm-ipp" style="position:relative;z-index:99999;border:1px solid;color:black;background-color:lightYellow;font-size:10px;font-family:sans-serif;padding:5px" >
+<!-- 
+<div onclick="handleDragClick()" id="wm-dragger" style="height:25px; width:100%; border-width:1; border-style:outset; background-color:#cccccc; text-align:right;">
+&lt;
+</div>
+ -->
+<table cellspacing="0" border="0" cellpadding="0"  width="100%">
+	<tr>
+		<td width="1" nowrap></td>
+		<td>
+			<!-- Viewing -->
+			<table cellspacing="0" border="0" cellpadding="0" width="100%">
+				<tr>
+					<td>
+						<span class="smallboldfont"><%= fmt.format("TimelineView.viewingVersion",resultIndex,resultCount) %>&nbsp;</span>
+					</td>
+				</tr>
+				<tr>
+					<td nowrap><span class="title"> <%= fmt.format("TimelineView.viewingVersionDate",exactDate) %> </span>&nbsp;&nbsp;</td>
+				</tr>
+			</table>
+		</td>
+		<td width="400">
+			<table>
+				<tr>
+					<td width="50%"></td>
+					<td>
+						<table cellspacing="0" border="0" cellpadding="0"  width="100%">
+							<tr>
+								<td width="48%" nowrap><span class="smallfont"><%= firstDate %></span></td>
+								<td align="center" valign="bottom" nowrap><img wmSpecial="1" src="<%= contextRoot %>/images/mark.jpg"></td>
+								<td width="48%" nowrap align="right"><span class="smallfont"><%= lastDate %></span></td>
+							</tr>
+						</table>
+					</td>
+					<td width="50%"></td>
+				</tr>
+				<tr>
+					<td nowrap align="right"><%
+						titleString = "";
+						if(first != null) {
+							titleString = "title=\"" + 
+								fmt.format("TimelineView.firstVersionTitle",
+									results.resultToDate(first)) + "\"";
+							%><a wmSpecial="1" href="<%= results.resultToReplayUrl(first) %>"><%
+						}
+						%><img <%= titleString %> wmSpecial="1" border=0 width=19 height=20 src="<%= contextRoot %>/images/first.jpg"><%
+						if(first != null) {
+							%></a><%
+						}
+						titleString = "";
+						if(prev != null) {
+							titleString = "title=\"" + 
+								fmt.format("TimelineView.prevVersionTitle",
+									results.resultToDate(prev)) + "\"";
+							%><a wmSpecial="1" href="<%= results.resultToReplayUrl(prev) %>"><%
+						}
+						%><img <%= titleString %> wmSpecial="1" border=0 width=13 height=20 src="<%= contextRoot %>/images/prev.jpg"><%
+						if(first != null) {
+							%></a><%
+						}
+					%></td>
+					<td nowrap><%
+			
+	for(int i = 0; i < numPartitions; i++) {
+		ResultsPartition partition = (ResultsPartition) partitions.get(i);
+		ArrayList partitionResults = partition.getMatches();
+		int numResults = partitionResults.size();
+		String imageUrl = contextRoot + "/images/line.jpg";
+		String replayUrl = null;
+		String prettyDateTime = null;
+		if(numResults == 1) {
+			imageUrl = contextRoot + "/images/mark_one.jpg";
+		  	SearchResult result = (SearchResult) partitionResults.get(0);
+			replayUrl = results.resultToReplayUrl(result);
+			prettyDateTime = fmt.format("TimelineView.markDateTitle",results.resultToDate(result));
+			
+		} else if (numResults > 1) {
+			imageUrl = contextRoot + "/images/mark_several.jpg";
+		  	SearchResult result = (SearchResult) partitionResults.get(numResults - 1);
+			replayUrl = results.resultToReplayUrl(result);
+			prettyDateTime = fmt.format("TimelineView.markDateTitle",results.resultToDate(result));
+
+		}
+		if((i > 0) && (i < numPartitions)) {
+
+%><img wmSpecial="1" border=0 width=1 height=16 src="<%= contextRoot %>/images/linemark.jpg"><%
+		
+		}
+
+		if(replayUrl == null) {
+
+%><img wmSpecial="1" border=0 width=7 height=16 src="<%= imageUrl %>"><%
+		
+		} else {
+
+%><a wmSpecial="1" href="<%= replayUrl %>"><img wmSpecial="1" border=0 width=7 height=16 title="<%= prettyDateTime %>" src="<%= imageUrl %>"></a><%
+
+		}
+	}
+
+%></td>
+					<td nowrap><%
+						titleString = "";
+						if(next != null) {
+							titleString = "title=\"" + 
+								fmt.format("TimelineView.nextVersionTitle",
+									results.resultToDate(next)) + "\"";
+							%><a wmSpecial="1" href="<%= results.resultToReplayUrl(next) %>"><%
+						}
+						%><img wmSpecial="1" <%= titleString %> border=0 width=13 height=20 src="<%= contextRoot %>/images/next.jpg"><%
+						if(first != null) {
+							%></a><%
+						}
+						titleString = "";
+						if(last != null) {
+							titleString = "title=\"" + 
+								fmt.format("TimelineView.lastVersionTitle",
+									results.resultToDate(last)) + "\"";
+							%><a wmSpecial="1" href="<%= results.resultToReplayUrl(last) %>"><%
+						}
+						%><img wmSpecial="1" <%= titleString %> border=0 width=19 height=20 src="<%= contextRoot %>/images/last.jpg"><%
+						if(first != null) {
+							%></a><%
+						}
+					%></td>
+				</tr>
+			</table>
+		</td>
+		<td align="right">
+			<!-- Resolution -->
+			<form wmSpecial="1" name="timeline" method="GET" target="_top" action="<%= contextRoot + "/frameset" %>">
+				<input type="hidden" name="url" value="<%= searchUrl %>">
+				<input type="hidden" name="exactdate" value="<%= exactDateStr %>">
+				<input type="hidden" name="type" value="urlclosestquery">
+				<%= fmt.format("TimelineView.timeRange") %>
+				<select NAME="resolution" SIZE="1" onChange="changeResolution()">
+					<option <%= yearsOptSelected %> value="years">
+						<%= fmt.format("TimelineView.timeRange.years") %>
+					</option>
+					<option <%= monthsOptSelected %> value="months">
+						<%= fmt.format("TimelineView.timeRange.months") %>
+					</option>
+					<option <%= daysOptSelected %>  value="days">
+						<%= fmt.format("TimelineView.timeRange.days") %>
+					</option>
+					<option <%= hoursOptSelected %> value="hours">
+						<%= fmt.format("TimelineView.timeRange.hours") %>
+					</option>
+					<option <%= autoOptSelected %> value="auto"><%= autoOptString %></option>
+				</select>&nbsp;<%= 
+					fmt.format("TimelineView.metaDataCheck") 
+				%><input type="checkbox" name="metamode" value="yes" <%=
+					metaChecked 
+				%> onClick="changeMeta()">&nbsp<a href="help.php" target="_top"><%=
+					fmt.format("UIGlobal.helpLink")
+				%></a>
+			</form>
+		</td>
+		<td>
+			<img wmSpecial="1" alt='' height='1' src='images/1px.gif' width='5'>
+		</td>
+	</tr>
+</table>
+</div>
+<script type="text/javascript">
+	var daDiv = document.getElementById("wm-ipp");
+	var daParentNode = daDiv.parentNode;
+	var daBody = document.body;
+	daParentNode.removeChild(daDiv);
+	daBody.insertBefore(daDiv,daBody.firstChild);
+</script>


This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.




Thread: [Archive-access-cvs] SF.net SVN: archive-access: [1937] trunk/archive-access/projects/wayback/ wayb

archive-access-cvs