D-Net

{"type_source": "SVN", "goal": "package -U -T 4C source:jar", "url": "http://svn-public.driver.research-infrastructures.eu/driver/dnet45/modules/dnet-modular-oai-explorer-ui/trunk/", "deploy_repository": "dnet45-snapshots", "version": "4", "mail": "sandro.labruzzo@isti.cnr.it,michele.artini@isti.cnr.it, claudio.atzori@isti.cnr.it, alessia.bardi@isti.cnr.it", "deploy_repository_url": "http://maven.research-infrastructures.eu/nexus/content/repositories/dnet45-snapshots", "name": "dnet-modular-oai-explorer-ui"}

package eu.dnetlib.functionality.modular.ui.oai;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.springframework.ui.ModelMap;

import eu.dnetlib.functionality.modular.ui.ModuleEntryPoint;

public class OaiExplorerEntryPointController extends ModuleEntryPoint {

	@Override

	protected void initialize(final ModelMap map, final HttpServletRequest request,

			final HttpServletResponse response) throws Exception {

		if (request.getParameterMap().containsKey("oaiBaseUrl")) {

			map.addAttribute("oaiBaseUrl", request.getParameter("oaiBaseUrl"));

		}

	}

}

package eu.dnetlib.functionality.modular.ui.oai.objects;

import com.google.common.collect.Lists;

import org.apache.http.message.BasicNameValuePair;

import java.util.List;

public class OaiRequest {

	private String baseUrl; 

	private String verb;

	private String mdf;

	private String set;

	private String id;

	private String token;

	public String getBaseUrl() {

		return baseUrl;

	}

	public void setBaseUrl(String baseUrl) {

		this.baseUrl = baseUrl;

	}

	public String getVerb() {

		return verb;

	}

	public void setVerb(String verb) {

		this.verb = verb;

	}

	public String getMdf() {

		return mdf;

	}

	public void setMdf(String mdf) {

		this.mdf = mdf;

	}

	public String getSet() {

		return set;

	}

	public void setSet(String set) {

		this.set = set;

	}

	public String getId() {

		return id;

	}

	public void setId(String id) {

		this.id = id;

	}

	public String getToken() {

		return token;

	}

	public void setToken(String token) {

		this.token = token;

	}

	public List<BasicNameValuePair> toQueryParams() {

		final List<BasicNameValuePair> params = Lists.newArrayList();

		if (verb != null && !verb.isEmpty()) {

			params.add(new BasicNameValuePair("verb", verb));

		}

		if (mdf != null && !mdf.isEmpty()) {

			params.add(new BasicNameValuePair("metadataPrefix", mdf));

		}

		if (set != null && !set.isEmpty()) {

			params.add(new BasicNameValuePair("set", set));

		}

		if (id != null && !id.isEmpty()) {

			params.add(new BasicNameValuePair("identifier", id));

		}

		if (token != null && !token.isEmpty()) {

			params.add(new BasicNameValuePair("resumptionToken", token));

		}

		return params;

	}

}

package eu.dnetlib.functionality.modular.ui.oai.objects;

public class ResponseDetails {

	private String verb;

	private long time;

	private int httpCode;

	private boolean valid;

	private String error;

	private int size;

	private int cursor;

	private int total;

	private OaiRequest nextCall;

	public String getVerb() {

		return verb;

	}

	public void setVerb(String verb) {

		this.verb = verb;

	}

	public long getTime() {

		return time;

	}

	public void setTime(long time) {

		this.time = time;

	}

	public int getHttpCode() {

		return httpCode;

	}

	public void setHttpCode(int httpCode) {

		this.httpCode = httpCode;

	}

	public boolean isValid() {

		return valid;

	}

	public void setValid(boolean valid) {

		this.valid = valid;

	}

	public String getError() {

		return error;

	}

	public void setError(String error) {

		this.error = error;

	}

	public int getTotal() {

		return total;

	}

	public void setTotal(int total) {

		this.total = total;

	}

	public OaiRequest getNextCall() {

		return nextCall;

	}

	public void setNextCall(OaiRequest nextCall) {

		this.nextCall = nextCall;

	}

	public int getCursor() {

		return cursor;

	}

	public void setCursor(int cursor) {

		this.cursor = cursor;

	}

	public int getSize() {

		return size;

	}

	public void setSize(int size) {

		this.size = size;

	}

}

package eu.dnetlib.functionality.modular.ui.oai;

import com.google.common.base.Joiner;

import eu.dnetlib.functionality.modular.ui.oai.objects.OaiRequest;

import eu.dnetlib.functionality.modular.ui.oai.objects.ResponseDetails;

import eu.dnetlib.miscutils.datetime.DateUtils;

import org.apache.commons.lang.math.NumberUtils;

import org.apache.commons.logging.Log;

import org.apache.commons.logging.LogFactory;

import org.apache.http.HttpStatus;

import org.apache.http.client.methods.CloseableHttpResponse;

import org.apache.http.client.methods.HttpGet;

import org.apache.http.impl.client.HttpClients;

import org.dom4j.Document;

import org.dom4j.Node;

import org.dom4j.io.SAXReader;

import org.springframework.core.io.ClassPathResource;

import org.springframework.core.io.Resource;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestBody;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.ResponseBody;

import javax.xml.transform.Transformer;

import javax.xml.transform.TransformerFactory;

import javax.xml.transform.stream.StreamResult;

import javax.xml.transform.stream.StreamSource;

import java.io.ByteArrayOutputStream;

import java.io.OutputStream;

import java.io.StringWriter;

@Controller

public class OaiExplorerInternalController {

	private final static Resource oaiXslt = new ClassPathResource("/eu/dnetlib/functionality/modular/ui/xslt/oai.xslt");

	private static final Log log = LogFactory.getLog(OaiExplorerInternalController.class);

	@RequestMapping("/ui/oai_verb")

	public @ResponseBody String oaiVerb(@RequestBody(required=true) OaiRequest req) throws Exception {

		return callOaiVerb(req);

	}

	@RequestMapping("/ui/test_oai_verb")

	public @ResponseBody ResponseDetails testOaiVerb(@RequestBody final OaiRequest req) throws Exception {

		final ResponseDetails response = new ResponseDetails();

		final Document doc = callOaiVerb(req, response);

		if (response.isValid() && doc != null) {

			final OaiRequest nextCall = new OaiRequest();

			nextCall.setBaseUrl(req.getBaseUrl());

			if ("Identify".equals(req.getVerb())) {

				nextCall.setVerb("ListSets");

			} else if ("ListSets".equals(req.getVerb())) {

				nextCall.setVerb("ListMetadataFormats");

			} else if ("ListMetadataFormats".equals(req.getVerb())) {

				nextCall.setVerb("ListRecords");

				if (doc.selectSingleNode("//*[local-name()='metadataPrefix' and text()='oai_dc']") != null) {

					nextCall.setMdf("oai_dc");

				} else {

					nextCall.setMdf(doc.selectSingleNode("//*[local-name()='metadataPrefix']").getText());

				}

			} else if ("ListRecords".equals(req.getVerb())) {

				nextCall.setVerb("ListIdentifiers");

				nextCall.setMdf(req.getMdf());

			} else if ("ListIdentifiers".equals(req.getVerb())) {

				nextCall.setVerb("GetRecord");

				nextCall.setMdf(req.getMdf());

				nextCall.setId(doc.selectSingleNode("//*[local-name()='identifier']").getText());

			} else if ("GetRecord".equals(req.getVerb())) {

				// NOTHING

			}

			response.setNextCall(nextCall);

		}

		return response;

	}

	@RequestMapping("/ui/test_harvesting")

	public @ResponseBody ResponseDetails testHarvesting(@RequestBody final OaiRequest req) throws Exception {

		final ResponseDetails response = new ResponseDetails();

		final Document doc = callOaiVerb(req, response);

		if (response.isValid() && doc != null) {

			final Node node = doc.selectSingleNode("//*[local-name() = 'resumptionToken']");

			if (node != null) {

				response.setSize(doc.selectNodes("//*[local-name()='" + req.getVerb() + "']/*[local-name() != 'resumptionToken']").size());

				response.setCursor(NumberUtils.toInt(node.valueOf("@cursor"), -1));

				response.setTotal(NumberUtils.toInt(node.valueOf("@completeListSize"), -1));

				final OaiRequest nextCall = new OaiRequest();

				nextCall.setBaseUrl(req.getBaseUrl());

				nextCall.setVerb(req.getVerb());

				nextCall.setToken(node.getText());

				response.setNextCall(nextCall);

			}

		}

		return response;

	}

	private String callOaiVerb(final OaiRequest req) throws Exception {

		final HttpGet method = new HttpGet(!req.toQueryParams().isEmpty() ? req.getBaseUrl() + "?" + Joiner.on("&").join(req.toQueryParams()) : req.getBaseUrl());

		method.addHeader("Content-type", "text/xml; charset=UTF-8");

		try(CloseableHttpResponse response = HttpClients.createDefault().execute(method)) {

			int responseCode = response.getStatusLine().getStatusCode();

			if (HttpStatus.SC_OK != responseCode) {

				log.error("Error downloading from baseUrl: " + req.getBaseUrl());

				throw new RuntimeException("Error: " + responseCode);

			}

			OutputStream o = new ByteArrayOutputStream();

			response.getEntity().writeTo(o);

			final TransformerFactory tfactory = TransformerFactory.newInstance();

			final Transformer transformer = tfactory.newTransformer(new StreamSource(oaiXslt.getInputStream()));

			final StringWriter output = new StringWriter();

			transformer.transform(new StreamSource(response.getEntity().getContent()), new StreamResult(output));

			return output.toString();

		}

	}

	private Document callOaiVerb(final OaiRequest req, final ResponseDetails details) {

		final HttpGet method = new HttpGet(!req.toQueryParams().isEmpty() ? req.getBaseUrl() + "?" + Joiner.on("&").join(req.toQueryParams()) : req.getBaseUrl());

		method.addHeader("Content-type", "text/xml; charset=UTF-8");

		Document doc = null;

		final long start = DateUtils.now();

		try(CloseableHttpResponse response = HttpClients.createDefault().execute(method)) {

			int responseCode = response.getStatusLine().getStatusCode();

			details.setHttpCode(responseCode);

			details.setValid(HttpStatus.SC_OK == responseCode);

			if (HttpStatus.SC_OK == responseCode) {

				try {

					doc = new SAXReader().read(response.getEntity().getContent());

				} catch (Exception e) {

					details.setValid(false);

					details.setError(e.getMessage());

				}

			}

		} catch (Exception e) {

			details.setValid(false);

			details.setError(e.getMessage());

		}

		details.setTime(DateUtils.now() - start);

		details.setVerb(req.getVerb());

		return doc;

	}

}

<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://www.springframework.org/schema/beans"

	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"

	xmlns:util="http://www.springframework.org/schema/util"

	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd

                        http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util.xsd">

</beans>

<beans xmlns="http://www.springframework.org/schema/beans"

	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"

	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd">

	<bean name="/ui/oaiExplorer.do"

		class="eu.dnetlib.functionality.modular.ui.oai.OaiExplorerEntryPointController"

		p:menu="Oai explorer" p:title="Oai explorer"

		p:description="It is used to test the an OAI repository" p:group="DataSource Management"

		p:order="30"

		p:groupOrder="10">

		<property name="permissionLevels">

			<set>

				<value>DS_ADMIN</value>

			</set>

		</property>

	</bean>

</beans>

<?xml version="1.0" encoding="utf-8"?>

<xsl:stylesheet version="1.0"

	xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:oai="http://www.openarchives.org/OAI/2.0/"

	xmlns:oai_dc="http://www.openarchives.org/OAI/2.0/oai_dc/"

	xmlns:dc="http://purl.org/dc/doc:elements/1.1/"

	exclude-result-prefixes="oai oai_dc dc">

	<xsl:output method="html" omit-xml-declaration="yes" encoding="UTF-8" standalone="no" />

	<xsl:template match="/">

		<xsl:apply-templates select="oai:OAI-PMH/oai:error" />

		<xsl:apply-templates select="oai:OAI-PMH/oai:Identify" />

		<xsl:apply-templates select="oai:OAI-PMH/oai:ListSets" />

		<xsl:apply-templates select="oai:OAI-PMH/oai:ListRecords" />

		<xsl:apply-templates select="oai:OAI-PMH/oai:ListIdentifiers" />

		<xsl:apply-templates select="oai:OAI-PMH/oai:ListMetadataFormats" />

		<xsl:apply-templates select="oai:OAI-PMH/oai:GetRecord" />

	</xsl:template>

	<xsl:template match="oai:OAI-PMH/oai:error">

		<div class="alert alert-danger">

			<h4>Error</h4>

			<p>

				<xsl:value-of select="text()"></xsl:value-of>

			</p>

		</div>

	</xsl:template>

	<xsl:template match="oai:OAI-PMH/oai:Identify">

		<xsl:call-template name="verbTitle">

			<xsl:with-param name="title" select="string('Repository Information')"/>

		</xsl:call-template>

		<table class="table table-striped table-bordered">

			<tr>

				<td>

					<b>Repository Name</b>

				</td>

				<td>

					<xsl:value-of select="oai:repositoryName/text()" />

				</td>

			</tr>

			<xsl:for-each select="oai:adminEmail">

				<tr>

					<td>

						<b>E-Mail Contact</b>

					</td>

					<td>

						<a href="{concat('mailto:', text())}">

							<xsl:value-of select="text()" />

						</a>

					</td>

				</tr>

			</xsl:for-each>

			<tr>

				<td>

					<b>Description</b>

				</td>

				<td>

					<xsl:value-of select="oai:description/node()/text()" />

				</td>

			</tr>

			<tr>

				<td>

					<b>Protocol Version</b>

				</td>

				<td>

					<xsl:value-of select="oai:protocolVersion/text()" />

				</td>

			</tr>

			<tr>

				<td>

					<b>Earliest Registered Date</b>

				</td>

				<td>

					<xsl:value-of select="translate(oai:earliestDatestamp/text(), 'TZ' ,' ')" />

				</td>

			</tr>

			<tr>

				<td>

					<b>Date Granularity</b>

				</td>

				<td>

					<xsl:value-of select="translate(oai:granularity/text(), 'TZ', ' ')" />

				</td>

			</tr>

			<tr>

				<td>

					<b>Deletion Mode</b>

				</td>

				<td>

					<xsl:value-of select="oai:deletedRecord/text()" />

				</td>

			</tr>

		</table>

	</xsl:template>

	<xsl:template match="oai:OAI-PMH/oai:ListSets">

		<xsl:call-template name="verbTitle">

			<xsl:with-param name="title" select="string('Available Sets')"/>

			<xsl:with-param name="countPath" select="oai:set" />

		</xsl:call-template>

		<div class="list-group">

			<xsl:for-each select="oai:set">

				<div class="list-group-item">

					<h5 class="list-group-item-heading">

						<xsl:choose>

							<xsl:when test="string-length(oai:setName/text()) &gt; 83">

								<xsl:value-of select="substring(oai:setName/text(),0, 80 )" />

								...

							</xsl:when>

							<xsl:otherwise>

								<xsl:value-of select="oai:setName/text()" />

							</xsl:otherwise>

						</xsl:choose>

						<small>

							[

							<xsl:value-of select="oai:setSpec/text()" />

							]

						</small>

					</h5>

					<div class="spec">

						<div class="btn-group">

							<button type="button" class="btn btn-default btn-sm" ng-click="listRecords('oai_dc', '{oai:setSpec/text()}')">Records</button>

							<button type="button" class="btn btn-default btn-sm" ng-click="listIdentifiers('oai_dc', '{oai:setSpec/text()}')">Identifiers</button>

						</div>

					</div>

				</div>

			</xsl:for-each>

		</div>

		<xsl:apply-templates select="oai:resumptionToken" />

	</xsl:template>

	<xsl:template match="oai:OAI-PMH/oai:ListRecords|oai:OAI-PMH/oai:GetRecord">

		<xsl:choose>

			<xsl:when test="local-name() = 'GetRecord'">

				<xsl:call-template name="verbTitle">

					<xsl:with-param name="title" select="string('Record Details')"/>

					<xsl:with-param name="countPath" select="oai:record" />

				</xsl:call-template>

			</xsl:when>

			<xsl:otherwise>

				<xsl:call-template name="verbTitle">

					<xsl:with-param name="title" select="string('List of Records')"/>

					<xsl:with-param name="countPath" select="oai:record" />

				</xsl:call-template>

			</xsl:otherwise>

		</xsl:choose>

		<xsl:apply-templates select="oai:resumptionToken" />

		<xsl:for-each select="oai:record">

			<div class="panel panel-default">

				<div class="panel-body">

					<table class="table">

						<tr>

							<th>Identifier</th>

							<td><xsl:value-of select="oai:header/oai:identifier/text()" /></td>

						</tr>

						<tr>

							<th>Last Modfied</th>

							<td><xsl:value-of select="translate(oai:header/oai:datestamp/text(), 'TZ', ' ')"></xsl:value-of></td>

						</tr>

						<tr>

							<th>Sets</th>

							<td>

								<xsl:for-each select="oai:header/oai:setSpec">

									<xsl:if test="position() &gt; 1">, </xsl:if>

									<a href="javascript:void(0)" ng-click="listRecords('oai_dc', '{text()}')">

										<xsl:value-of select="text()" />

									</a>

								</xsl:for-each>

							</td>

						</tr>

						<tr>

							<th>Record</th>

							<td>

								<xsl:choose>

									<xsl:when test="count(oai:metadata/*) &gt; 0">

										<xsl:for-each select="oai:metadata/*">

											<xsl:call-template name="showRecord" />

										</xsl:for-each>

									</xsl:when>

									<xsl:otherwise>

										<span class="label label-warning">Missing Metadata</span>										

									</xsl:otherwise>

								</xsl:choose>

							</td>

						</tr>

					</table>

					<!-- <button class="btn btn-default btn-sm pull-right" ng-click="getRecord('{oai:header/oai:identifier/text()}', 'oai_dc')">View Details</button> -->

				</div>

			</div>

		</xsl:for-each>

		<xsl:apply-templates select="oai:resumptionToken" />

	</xsl:template>

	<xsl:template name="showRecord">

		<xsl:param name="indent" select="string('')" />

		<xsl:value-of select="$indent" />

		<strong><xsl:value-of select="local-name()"/>:	</strong><xsl:value-of select="text()"/>

		<xsl:if test="count(@*) &gt; 0">

			[<xsl:for-each select="@*">

				<xsl:if test="position() &gt; 1">, </xsl:if>

				<xsl:value-of select="local-name()" />: <xsl:value-of select="." />

			</xsl:for-each>]

		</xsl:if>

		<br />

		<xsl:for-each select="*">

			<xsl:call-template name="showRecord">

				<xsl:with-param name="indent" select="concat('&#160;&#160;&#160;&#160;', $indent)" />

			</xsl:call-template>

		</xsl:for-each>

	</xsl:template>

	<xsl:template match="oai:OAI-PMH/oai:ListIdentifiers">

		<xsl:call-template name="verbTitle">

			<xsl:with-param name="title" select="string('List of Identifiers')"/>

			<xsl:with-param name="countPath" select="oai:header" />

		</xsl:call-template>

		<xsl:apply-templates select="oai:resumptionToken" />

		<xsl:for-each select="oai:header">

			<div class="panel panel-default">

				<div class="panel-body">

					<table class="table">

						<tr>

							<th>Identifier</th>

							<td><xsl:value-of select="oai:identifier/text()" /></td>

						</tr>

						<tr>

							<th>Last Modfied</th>

							<td><xsl:value-of select="translate(oai:datestamp/text(), 'TZ', ' ')"></xsl:value-of></td>

						</tr>

						<tr>

							<th>Sets</th>

							<td>

								<xsl:for-each select="oai:setSpec">

									<xsl:if test="position() &gt; 1">, </xsl:if>

									<a href="javascript:void(0)" ng-click="listRecords('oai_dc', '{text()}')">

										<xsl:value-of select="text()" />

									</a>

								</xsl:for-each>

							</td>

						</tr>

					</table>

					<button class="btn btn-default btn-sm pull-right" ng-click="getRecord('{oai:identifier/text()}', 'oai_dc')">View Details</button>

				</div>

			</div>

		</xsl:for-each>

		<xsl:apply-templates select="oai:resumptionToken" />

	</xsl:template>

	<xsl:template match="oai:OAI-PMH/oai:ListMetadataFormats">

		<xsl:call-template name="verbTitle">

			<xsl:with-param name="title" select="string('List of Metadata Formats')"/>

			<xsl:with-param name="countPath" select="oai:metadataFormat" />

		</xsl:call-template>

		<xsl:for-each select="oai:metadataFormat">

			<div class="panel panel-default">

				<div class="panel-heading">

					<div class="row">

						<div class="col-lg-9">

							<h5>

								<xsl:value-of select="oai:metadataPrefix/text()"></xsl:value-of>

							</h5>

						</div>

						<div class="col-lg-3">

							<button class="btn btn-default btn-sm pull-right" ng-click="listRecords('{oai:metadataPrefix/text()}', null)">

								List Records

							</button>

						</div>

					</div>

				</div>

				<div class="panel-body">

					<div class="row">

						<div class="col-lg-9">

							<h5>

								<strong>Namespace: </strong><xsl:value-of select="oai:metadataNamespace/text()" />

							</h5>

							<h5>

								<strong>Schema: </strong><xsl:value-of select="oai:schema/text()"/>

							</h5>

						</div>

					</div>

				</div>

			</div>

		</xsl:for-each>

	</xsl:template>

	<xsl:template match="oai:resumptionToken">

		<xsl:if test="text() != ''">

			<div class="text-center">

				<button class="btn btn-primary btn-sm" ng-click="nextPage('{text()}')">Show More</button>

			</div>

			<br />

		</xsl:if>

	</xsl:template>

	<xsl:template name="result-count">

		<xsl:param name="path" />

		<xsl:variable name="cursor" select="$path/../oai:resumptionToken/@cursor" />

		<xsl:variable name="total" select="$path/../oai:resumptionToken/@completeListSize" />

		<xsl:variable name="count" select="count($path)" />

		<xsl:choose>

			<xsl:when test="$cursor">

				<xsl:choose>

					<xsl:when test="normalize-space($path/../oai:resumptionToken/text()) = ''">

						<xsl:value-of select="$total - $count" />

						-

						<xsl:value-of select="$total" />

					</xsl:when>

					<xsl:otherwise>

						<xsl:value-of select="$cursor+1" />

						-

						<xsl:value-of select="$cursor + $count" />

					</xsl:otherwise>

				</xsl:choose>

			</xsl:when>

			<xsl:otherwise>

				<xsl:value-of select="$count" />

			</xsl:otherwise>

		</xsl:choose>

		<xsl:if test="$total">

			of

			<xsl:value-of select="$total" />

		</xsl:if>

	</xsl:template>

	<xsl:template name="verbTitle">

		<xsl:param name="title" />

		<xsl:param name="count" select="string('')"/>

		<xsl:param name="countPath" select="string('')"/>

		<h2><xsl:value-of select="$title"></xsl:value-of></h2>

		<h5><strong>Response Date: </strong><xsl:value-of select="translate(/oai:OAI-PMH/oai:responseDate/text(), 'TZ', ' ')" /></h5>

		<xsl:if test="$count">

			<h5><strong>Number of results: </strong><xsl:value-of select="$count" /></h5>

		</xsl:if>	

		<xsl:if test="$countPath">

			<h5>

				<strong>Number of entries: </strong>

				<xsl:call-template name="result-count">

					<xsl:with-param name="path" select="$countPath" />

				</xsl:call-template>

			</h5>

		</xsl:if>	

		<br />	

	</xsl:template>

</xsl:stylesheet>

$common/master( header={

	<script type="text/javascript" src="../resources/js/angular.min.js" ></script>

	<script type="text/javascript" src="../resources/js/ng-grid-2.0.7.min.js"></script>

	<script type="text/javascript" src="../resources/js/dnet_oai_explorer.js"></script>

	<script type="text/javascript" src="../resources/js/jquery.flot.js"></script>

	<link rel="stylesheet" type="text/css" href="../resources/css/ng-grid.min.css" />

	<script type="text/javascript">

		function getInitialBaseUrl() {

			return $if(oaiBaseUrl)$'$oaiBaseUrl$'$else$''$endif$;

		}

	</script>

}, body={

	<div ng-app="oaiExplorerUI" ng-controller="oaiExplorerCtrl">

		<div class="row">

			<div class="form-inline col-xs-12 col-md-6">

				<form role="form">

					<div class="form-group has-feedback" ng-class="{ 'has-error' : !isValidUrl(tmpBaseUrl), 'has-success' : isValidUrl(tmpBaseUrl) }">

						<label for="inputBaseUrl" class="control-label">Base URL</label>

   						<input type="text" style="width: 400px" class="form-control" id="inputBaseUrl" placeholder="Enter base url" ng-model="tmpBaseUrl" />

						<span class="glyphicon form-control-feedback" ng-class="{ 'glyphicon-warning-sign' : !isValidUrl(tmpBaseUrl),  'glyphicon-ok' : isValidUrl(tmpBaseUrl) }"></span>

					</div>

					<button type="button" class="btn btn-primary" ng-click="verifyBaseUrl(tmpBaseUrl)" ng-disabled="!isValidUrl(tmpBaseUrl)">update</button>

				</form>

			</div>

			<div class="col-xs-12 col-md-6">

				<div class="well well-sm pull-right" style="top: 4px"><a href="{{oaiUrl}}" target="_blank">{{oaiUrl}}</a></div>

			</div>

		</div>

		<div class="row" ng-show="baseUrl.length > 0">

			<div class="col-xs-12 col-sm-12 col-md-4 col-lg-3">

				<div class="panel panel-default">

					<div class="panel-heading">Oai verbs</div>

					<div class="panel-body">

						<ul class="nav nav-pills nav-stacked">

							<li ng-class="{'active' : currentAction == 'Identify' }"><a href="javascript:void(0)" ng-click="identify()">Identify</a></li>

							<li ng-class="{'active' : currentAction == 'ListMetadataFormats' }"><a href="javascript:void(0)" ng-click="listMetadataFormats()">ListMetadataFormats</a></li>

							<li ng-class="{'active' : currentAction == 'ListSets' }"><a href="javascript:void(0)" ng-click="listSets()">ListSets</a></li>

							<li ng-class="{'active' : currentAction == 'ListRecords' }"><a href="javascript:void(0)" ng-click="listRecords('oai_dc')">ListRecords</a></li>

							<li ng-class="{'active' : currentAction == 'ListIdentifiers' }"><a href="javascript:void(0)" ng-click="listIdentifiers('oai_dc')">ListIdentifiers</a></li>

							<li ng-class="{'active' : currentAction == 'GetRecord' }"><a href="javascript:void(0)" ng-click="getRecord()">GetRecord</a></li>

						</ul>

					</div>

				</div>

				<div class="panel panel-default">

					<div class="panel-heading">Oai Tests</div>

					<div class="panel-body">

						<ul class="nav nav-pills nav-stacked">

							<li ng-class="{'active' : currentAction == 'testAllVerbs' }"><a href="javascript:void(0)" ng-click="testAllVerbs()">Test all verbs</a></li>

							<li ng-class="{'active' : currentAction == 'testHarvesting' }"><a href="javascript:void(0)" ng-click="testHarvesting()">Test harvesting</a></li>

						</ul>

					</div>

				</div>

			</div>

			<div class="col-xs-12 col-sm-12 col-md-8 col-lg-9">

				<div class="well">

					<div ng-show="oaiDataHTML" ng-bind-html="oaiDataHTML" compile-template></div>

					<div ng-show="currentAction == 'testAllVerbs'">

						<h2>Test of all OAI verbs</h2>

						<table class="table">

							<thead>

								<tr>

									<th>verb</th>

									<th class="text-center col-xs-2">http code</th>

									<th class="text-center col-xs-2">is valid</th>

									<th class="text-right col-xs-2">time</th>

								</tr>

							</thead>

							<tbody>

								<tr ng-repeat="r in testAllVerbsData" ng-class="{'success' : r.valid, 'danger' : !r.valid}">

									<th>{{r.verb}}</th>

									<td class="text-center">{{r.httpCode}}</td>

									<td class="text-center">

										<span ng-show="r.valid" class="glyphicon glyphicon-ok" title="Good"></span>

										<span ng-hide="r.valid" class="glyphicon glyphicon-warning-sign" title="{{r.error}}"></span>

									</td>

									<td class="text-right">{{r.time / 1000}} sec.</td>

								</tr>

							</tbody>						

						</table>

						<p ng-show="continueIteration">Running...</p>

						<p ng-hide="continueIteration">Completed !</p>

					</div>

					<div ng-show="currentAction == 'testHarvesting'">

						<h2>Test Harvesting</h2>

						<p>

							<form class="form-inline">

								<button ng-hide="continueIteration" class="btn btn-primary btn-sm" ng-click="startTestHarvesting()">start harvesting</button>

								<button ng-show="continueIteration" class="btn btn-primary btn-sm" ng-click="stopTestHarvesting()">stop harvesting</button>

								<button ng-hide="continueIteration || testHarvestingData.length == 0" class="btn btn-primary btn-sm" ng-click="updateGraph(testHarvestingData, 'time')" data-toggle="modal" data-target="#harvestingGraphModal">show time graph</button>

								<span ng-show="continueIteration">still running...</span>

							</form>

						</p>

						<div style="height: 400px; overflow-y:scroll">

							<table class="table" ng-show="testHarvestingData.length > 0">

								<thead>

									<tr>

										<th></th>

										<th class="text-right col-xs-1">size</th>

										<th class="text-right col-xs-1">cursor</th>

										<th class="text-right col-xs-1">total</th>

										<th class="text-center col-xs-1">http code</th>

										<th class="text-center col-xs-1">is valid</th>

										<th class="text-right col-xs-1">time</th>

									</tr>

								</thead>

								<tbody>

									<tr ng-repeat="r in testHarvestingData" ng-class="{'success' : r.valid, 'danger' : !r.valid}">

										<th>{{r.verb}} - call {{\$index + 1}}</th>

										<td class="text-right">{{r.size   >= 0 ? r.size : '-'}}</td>

										<td class="text-right">{{r.cursor >= 0 ? r.cursor : '-'}}</td>

										<td class="text-right">{{r.total  >= 0 ? r.total : '-'}}</td>

										<td class="text-center">{{r.httpCode}}</td>

										<td class="text-center">

											<span ng-show="r.valid" class="glyphicon glyphicon-ok" title="Good"></span>

											<span ng-hide="r.valid" class="glyphicon glyphicon-warning-sign" title="{{r.error}}"></span>

										</td>

										<td class="text-right">{{r.time / 1000}} sec.</td>

									</tr>

								</tbody>						

							</table>

							<br />

							<div id="endPage"></div>

						</div>

						<table class="table table condensed">

							<tr>

								<th class="col-xs-1">Min</th>

								<td class="col-xs-1">{{time_min.toFixed(3)}} sec.</td>

								<th class="col-xs-1">Max</th>

								<td class="col-xs-1">{{time_max.toFixed(3)}} sec.</td>

								<th class="col-xs-1">Avg</th>

								<td class="col-xs-1">{{time_avg.toFixed(3)}} sec.</td>

								<th class="col-xs-1">Std Dev</th>

								<td class="col-xs-1">{{time_stddev.toFixed(3)}} sec.</td>

							</tr>

						</table>

					</div>

				</div>

			</div>

		</div>

		<div class="modal fade" id="harvestingGraphModal" tabindex="-1" role="dialog">

			<div class="modal-dialog modal-lg">

				<div class="modal-content">

					<div class="modal-header">

						<button type="button" class="close" data-dismiss="modal">&times;</button>

						<h4 class="modal-title">Harvesting Graph</h4>

					</div>

					<div class="modal-body">

						<div class="row">

							<div id="harvestingGraph" class="col-xs-12" style="height: 400px; width: 800px"></div>	

						</div>

					</div>

					<div class="modal-footer">

						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

					</div>

				</div>

			</div>

		</div>

	</div>

} )$

var module = angular.module('oaiExplorerUI', ['ngGrid']);

module.directive('compileTemplate', function($compile, $parse){

	return {

		link: function(scope, element, attr){

			var parsed = $parse(attr.ngBindHtml);

			function getStringValue() { return (parsed(scope) || '').toString(); }

			//Recompile if the template changes

			scope.$watch(getStringValue, function() {

                $compile(element, null, -9999)(scope);  //The -9999 makes it skip directives so that we do not recompile ourselves

			});

		}         

	}

});

function oaiExplorerCtrl($scope, $http, $sce) {

	$scope.tmpBaseUrl = getInitialBaseUrl();

	$scope.baseUrl = "";

	$scope.currentAction = "";

	$scope.oaiUrl = "";

	$scope.testAllVerbsData = [];

	$scope.testHarvestingData = [];

	$scope.continueIteration = false;

	$scope.identifyData = "";

	$scope.isValidUrl = function(url) {

		return (/^http/).test(url);

	}

	$scope.verifyBaseUrl = function(url) {

		$scope.baseUrl = "";

		$scope.currentAction = "";

		if ($scope.isValidUrl(url)) {

			$scope.baseUrl = url;

			$scope.identify();

		}

	}

	initSpinner();

	$scope.showError        = function(error)   { show_notification("error", error); }

	$scope.showNotification = function(message) { show_notification("info", message); }

	$scope.showSpinner      = function()        { showSpinner(); }

	$scope.hideSpinner      = function()        { hideSpinner(); }

	$scope.identify = function() {

		$scope.oaiUrl = $scope.baseUrl + "?verb=Identify";

		$scope.callRemoteMethod('Identify', {

			'baseUrl' : $scope.baseUrl,

			'verb'    : 'Identify' 

        });

	}

	$scope.listMetadataFormats = function() {

		$scope.oaiUrl = $scope.baseUrl + "?verb=ListMetadataFormats";

		$scope.callRemoteMethod('ListMetadataFormats', {

			'baseUrl' : $scope.baseUrl,

			'verb'    : 'ListMetadataFormats' 

        });

	}

	$scope.listSets = function() {

		$scope.oaiUrl = $scope.baseUrl + "?verb=ListSets";

		$scope.callRemoteMethod('ListSets', {

			'baseUrl' : $scope.baseUrl,

			'verb'    : 'ListSets'

        });

	}

	$scope.listRecords = function(mdf, set) {

		$scope.oaiUrl = $scope.baseUrl + "?verb=ListRecords&metadataPrefix=" + mdf;

		if (set) {

			$scope.oaiUrl += "&set=" + set; 

		}

		$scope.callRemoteMethod('ListRecords', {

			'baseUrl' : $scope.baseUrl,

			'verb'    : 'ListRecords',

			'mdf'     : mdf,

			'set'     : set

        });

	}

	$scope.listIdentifiers = function(mdf, set) {

		$scope.oaiUrl = $scope.baseUrl + "?verb=ListIdentifier&metadataPrefix=" + mdf;

		if (set) {

			$scope.oaiUrl += "&set=" + set; 

		}

		$scope.callRemoteMethod('ListIdentifiers', {

			'baseUrl' : $scope.baseUrl,

			'verb'    : 'ListIdentifiers',

			'mdf'     : mdf,

			'set'     : set

        });

	}

	$scope.getRecord = function(id, mdf) {

		$scope.currentAction = "GetRecord";

		$scope.oaiUrl = $scope.baseUrl + "?verb=GetRecord&metadataPrefix=" + mdf + "&identifier=" + id;

		$scope.callRemoteMethod('GetRecord', {

			'baseUrl' : $scope.baseUrl,

			'verb'    : 'GetRecord',

			'mdf'     : mdf,

			'id'      : id

        });

	}

	$scope.nextPage = function(token) {

		$scope.oaiUrl = $scope.baseUrl + "?verb=" + $scope.currentAction + "&resumptionToken=" + token;

		$scope.callRemoteMethod($scope.currentAction, {

			'baseUrl': $scope.baseUrl,

			'verb': $scope.currentAction,

			'token' : token

        });

	}

	$scope.testAllVerbs = function() {

		$scope.currentAction = "testAllVerbs";

		$scope.oaiDataHTML = "";

		$scope.oaiUrl = $scope.baseUrl + "?verb=Identify";

		$scope.testAllVerbsData = [];

		$scope.testHarvestingData = [];

		$scope.continueIteration = true;		

		$scope.time_min = 9999999;

		$scope.time_max = 0;

		$scope.time_total = 0;

		$scope.time_sqrTotal = 0;

		$scope.time_avg = 0;

		$scope.time_stddev = 0;

		$scope.testVerb($scope.testAllVerbsData, "test_oai_verb", {

			'baseUrl' : $scope.baseUrl,

			'verb'    : 'Identify',

        });

	}

	$scope.testHarvesting = function() {

		$scope.currentAction = "testHarvesting";

		$scope.oaiUrl = $scope.baseUrl + "?verb=ListRecords&metadataPrefix=oai_dc";

		$scope.oaiDataHTML = "";

		$scope.testAllVerbsData = [];

		$scope.testHarvestingData = [];

		$scope.continueIteration = false;

		$scope.time_min = 9999999;

		$scope.time_max = 0;

		$scope.time_total = 0;

		$scope.time_sqrTotal = 0;

		$scope.time_avg = 0;

		$scope.time_stddev = 0;

	}

	$scope.startTestHarvesting = function() {

		$scope.continueIteration = true;

		$scope.time_min = 9999999;

		$scope.time_max = 0;

		$scope.time_total = 0;

		$scope.time_sqrTotal = 0;

		$scope.time_avg = 0;

		$scope.time_stddev = 0;

		$scope.testHarvestingData = [];

		$scope.testVerb($scope.testHarvestingData, "test_harvesting", {

			'baseUrl' : $scope.baseUrl,

			'verb'    : 'ListRecords',

			'mdf'     : 'oai_dc'

        });

	}

	$scope.stopTestHarvesting = function() {

		$scope.continueIteration = false;

	}

	$scope.testVerb = function(list, method, params) {

		//$scope.showSpinner();

		$http.post(method, params).success(function(data) {

        	list.push(data);

        	if (data.time) {

        		var curr = data.time / 1000;

        		$scope.time_min = Math.min($scope.time_min, curr);

        		$scope.time_max = Math.max($scope.time_max, curr);

        		$scope.time_total += curr;

        		$scope.time_sqrTotal += curr*curr;

        		$scope.time_avg = ($scope.time_total/list.length);

        		$scope.time_stddev = Math.sqrt((list.length * $scope.time_sqrTotal) - ($scope.time_total * $scope.time_total)) / list.length;

        	}

        	location.href="#endPage";

        	//$scope.hideSpinner();

        	if ($scope.continueIteration && data.nextCall && data.nextCall.verb) {

        		$scope.testVerb(list, method, data.nextCall);

        	} else {

        		$scope.continueIteration = false;

        	}

        }).error(

            function() {

            	$scope.showError('Something really bad must have happened to our fellow hamster..');

            	//$scope.hideSpinner();

            }

        );

	}

	$scope.callRemoteMethod = function(name, params) {

		$scope.currentAction = name;

		$scope.oaiDataHTML = "";

		$scope.testAllVerbsData = [];

		$scope.testHarvestingData = [];

		$scope.showSpinner();

		$http.post('oai_verb', params).success(function(data) {

        	$scope.oaiDataHTML = $sce.trustAsHtml(data);

        	$scope.hideSpinner();

        }).error(

            function() {

            	$scope.showError('Something really bad must have happened to our fellow hamster..');

            	$scope.hideSpinner();

            }

        );

	}

	$scope.updateGraph = function(list, field) {

		var i = 1;

		var d = [];

		angular.forEach(list, function(obj) {

			if (obj[field]) {

				d[i] = [i, obj[field]];

			}

			i++;

		});

		jQuery.plot("#harvestingGraph", [ d ]);

	}

	if ($scope.tmpBaseUrl && $scope.isValidUrl($scope.tmpBaseUrl)) {

		$scope.verifyBaseUrl($scope.tmpBaseUrl);

	}

}

/* Javascript plotting library for jQuery, version 0.8.3.

Copyright (c) 2007-2014 IOLA and Ole Laursen.

Licensed under the MIT license.

*/

// first an inline dependency, jquery.colorhelpers.js, we inline it here

// for convenience

/* Plugin for jQuery for working with colors.

 *

 * Version 1.1.

 *

 * Inspiration from jQuery color animation plugin by John Resig.

 *

 * Released under the MIT license by Ole Laursen, October 2009.

 *

 * Examples:

 *

 *   $.color.parse("#fff").scale('rgb', 0.25).add('a', -0.5).toString()

 *   var c = $.color.extract($("#mydiv"), 'background-color');

 *   console.log(c.r, c.g, c.b, c.a);

 *   $.color.make(100, 50, 25, 0.4).toString() // returns "rgba(100,50,25,0.4)"

 *

 * Note that .scale() and .add() return the same modified object

 * instead of making a new one.

 *

 * V. 1.1: Fix error handling so e.g. parsing an empty string does

 * produce a color rather than just crashing.

 */

(function($){$.color={};$.color.make=function(r,g,b,a){var o={};o.r=r||0;o.g=g||0;o.b=b||0;o.a=a!=null?a:1;o.add=function(c,d){for(var i=0;i<c.length;++i)o[c.charAt(i)]+=d;return o.normalize()};o.scale=function(c,f){for(var i=0;i<c.length;++i)o[c.charAt(i)]*=f;return o.normalize()};o.toString=function(){if(o.a>=1){return"rgb("+[o.r,o.g,o.b].join(",")+")"}else{return"rgba("+[o.r,o.g,o.b,o.a].join(",")+")"}};o.normalize=function(){function clamp(min,value,max){return value<min?min:value>max?max:value}o.r=clamp(0,parseInt(o.r),255);o.g=clamp(0,parseInt(o.g),255);o.b=clamp(0,parseInt(o.b),255);o.a=clamp(0,o.a,1);return o};o.clone=function(){return $.color.make(o.r,o.b,o.g,o.a)};return o.normalize()};$.color.extract=function(elem,css){var c;do{c=elem.css(css).toLowerCase();if(c!=""&&c!="transparent")break;elem=elem.parent()}while(elem.length&&!$.nodeName(elem.get(0),"body"));if(c=="rgba(0, 0, 0, 0)")c="transparent";return $.color.parse(c)};$.color.parse=function(str){var res,m=$.color.make;if(res=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(str))return m(parseInt(res[1],10),parseInt(res[2],10),parseInt(res[3],10));if(res=/rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(str))return m(parseInt(res[1],10),parseInt(res[2],10),parseInt(res[3],10),parseFloat(res[4]));if(res=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(str))return m(parseFloat(res[1])*2.55,parseFloat(res[2])*2.55,parseFloat(res[3])*2.55);if(res=/rgba\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(str))return m(parseFloat(res[1])*2.55,parseFloat(res[2])*2.55,parseFloat(res[3])*2.55,parseFloat(res[4]));if(res=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(str))return m(parseInt(res[1],16),parseInt(res[2],16),parseInt(res[3],16));if(res=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(str))return m(parseInt(res[1]+res[1],16),parseInt(res[2]+res[2],16),parseInt(res[3]+res[3],16));var name=$.trim(str).toLowerCase();if(name=="transparent")return m(255,255,255,0);else{res=lookupColors[name]||[0,0,0];return m(res[0],res[1],res[2])}};var lookupColors={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0]}})(jQuery);

// the actual Flot code

(function($) {

	// Cache the prototype hasOwnProperty for faster access

	var hasOwnProperty = Object.prototype.hasOwnProperty;

    // A shim to provide 'detach' to jQuery versions prior to 1.4.  Using a DOM

    // operation produces the same effect as detach, i.e. removing the element

    // without touching its jQuery data.

    // Do not merge this into Flot 0.9, since it requires jQuery 1.4.4+.

    if (!$.fn.detach) {

        $.fn.detach = function() {

            return this.each(function() {

                if (this.parentNode) {

                    this.parentNode.removeChild( this );

                }

            });

        };

    }

	///////////////////////////////////////////////////////////////////////////

	// The Canvas object is a wrapper around an HTML5 <canvas> tag.

	//

	// @constructor

	// @param {string} cls List of classes to apply to the canvas.

	// @param {element} container Element onto which to append the canvas.

	//

	// Requiring a container is a little iffy, but unfortunately canvas

	// operations don't work unless the canvas is attached to the DOM.

	function Canvas(cls, container) {

		var element = container.children("." + cls)[0];

		if (element == null) {

			element = document.createElement("canvas");

			element.className = cls;

			$(element).css({ direction: "ltr", position: "absolute", left: 0, top: 0 })

				.appendTo(container);

			// If HTML5 Canvas isn't available, fall back to [Ex|Flash]canvas

			if (!element.getContext) {

				if (window.G_vmlCanvasManager) {

					element = window.G_vmlCanvasManager.initElement(element);

				} else {

					throw new Error("Canvas is not available. If you're using IE with a fall-back such as Excanvas, then there's either a mistake in your conditional include, or the page has no DOCTYPE and is rendering in Quirks Mode.");

				}

			}

		}

		this.element = element;

		var context = this.context = element.getContext("2d");

		// Determine the screen's ratio of physical to device-independent

		// pixels.  This is the ratio between the canvas width that the browser

		// advertises and the number of pixels actually present in that space.

		// The iPhone 4, for example, has a device-independent width of 320px,

		// but its screen is actually 640px wide.  It therefore has a pixel

		// ratio of 2, while most normal devices have a ratio of 1.

		var devicePixelRatio = window.devicePixelRatio || 1,

			backingStoreRatio =

				context.webkitBackingStorePixelRatio ||

				context.mozBackingStorePixelRatio ||

				context.msBackingStorePixelRatio ||

				context.oBackingStorePixelRatio ||

				context.backingStorePixelRatio || 1;

		this.pixelRatio = devicePixelRatio / backingStoreRatio;

		// Size the canvas to match the internal dimensions of its container

		this.resize(container.width(), container.height());

		// Collection of HTML div layers for text overlaid onto the canvas

		this.textContainer = null;

		this.text = {};

		// Cache of text fragments and metrics, so we can avoid expensively

		// re-calculating them when the plot is re-rendered in a loop.

		this._textCache = {};

	}

	// Resizes the canvas to the given dimensions.

	//

	// @param {number} width New width of the canvas, in pixels.

	// @param {number} width New height of the canvas, in pixels.

	Canvas.prototype.resize = function(width, height) {

		if (width <= 0 || height <= 0) {

			throw new Error("Invalid dimensions for plot, width = " + width + ", height = " + height);

		}

		var element = this.element,

			context = this.context,

			pixelRatio = this.pixelRatio;

		// Resize the canvas, increasing its density based on the display's

		// pixel ratio; basically giving it more pixels without increasing the

		// size of its element, to take advantage of the fact that retina

		// displays have that many more pixels in the same advertised space.

		// Resizing should reset the state (excanvas seems to be buggy though)

		if (this.width != width) {

			element.width = width * pixelRatio;

			element.style.width = width + "px";

			this.width = width;

		}

		if (this.height != height) {

			element.height = height * pixelRatio;

			element.style.height = height + "px";

			this.height = height;

		}

		// Save the context, so we can reset in case we get replotted.  The

		// restore ensure that we're really back at the initial state, and

		// should be safe even if we haven't saved the initial state yet.

		context.restore();

		context.save();

		// Scale the coordinate space to match the display density; so even though we

		// may have twice as many pixels, we still want lines and other drawing to

		// appear at the same size; the extra pixels will just make them crisper.

		context.scale(pixelRatio, pixelRatio);

	};

	// Clears the entire canvas area, not including any overlaid HTML text

	Canvas.prototype.clear = function() {

		this.context.clearRect(0, 0, this.width, this.height);

	};

	// Finishes rendering the canvas, including managing the text overlay.

	Canvas.prototype.render = function() {

		var cache = this._textCache;

		// For each text layer, add elements marked as active that haven't

		// already been rendered, and remove those that are no longer active.

		for (var layerKey in cache) {

			if (hasOwnProperty.call(cache, layerKey)) {

				var layer = this.getTextLayer(layerKey),

					layerCache = cache[layerKey];

				layer.hide();

				for (var styleKey in layerCache) {

					if (hasOwnProperty.call(layerCache, styleKey)) {

						var styleCache = layerCache[styleKey];

						for (var key in styleCache) {

							if (hasOwnProperty.call(styleCache, key)) {

								var positions = styleCache[key].positions;

								for (var i = 0, position; position = positions[i]; i++) {

									if (position.active) {

										if (!position.rendered) {

											layer.append(position.element);

											position.rendered = true;

										}

									} else {

										positions.splice(i--, 1);

										if (position.rendered) {

											position.element.detach();

										}

									}

								}

								if (positions.length == 0) {

									delete styleCache[key];

								}

							}

						}

					}

				}

				layer.show();

			}

		}

	};

	// Creates (if necessary) and returns the text overlay container.

	//

	// @param {string} classes String of space-separated CSS classes used to

	//     uniquely identify the text layer.

	// @return {object} The jQuery-wrapped text-layer div.

	Canvas.prototype.getTextLayer = function(classes) {

		var layer = this.text[classes];

		// Create the text layer if it doesn't exist

		if (layer == null) {

			// Create the text layer container, if it doesn't exist

			if (this.textContainer == null) {

				this.textContainer = $("<div class='flot-text'></div>")

					.css({

						position: "absolute",

						top: 0,

						left: 0,

						bottom: 0,

						right: 0,

						'font-size': "smaller",

						color: "#545454"

					})

					.insertAfter(this.element);

			}

			layer = this.text[classes] = $("<div></div>")

				.addClass(classes)

				.css({

					position: "absolute",

					top: 0,

					left: 0,

					bottom: 0,

					right: 0

				})

				.appendTo(this.textContainer);

		}

		return layer;

	};

	// Creates (if necessary) and returns a text info object.

	//

	// The object looks like this:

	//

	// {

	//     width: Width of the text's wrapper div.

	//     height: Height of the text's wrapper div.

	//     element: The jQuery-wrapped HTML div containing the text.

	//     positions: Array of positions at which this text is drawn.

	// }

	//

	// The positions array contains objects that look like this:

	//

	// {