D-Net

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

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">

	<parent>

		<groupId>eu.dnetlib</groupId>

		<artifactId>dnet-parent</artifactId>

		<version>1.0.0</version>

		<relativePath />

	</parent>

	<modelVersion>4.0.0</modelVersion>

	<groupId>eu.dnetlib</groupId>

	<artifactId>dnet-modular-oai-explorer-ui</artifactId>

	<packaging>jar</packaging>

	<version>1.0</version>

	<scm>

	  <developerConnection>scm:svn:https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/dnet-modular-oai-explorer-ui/tags/dnet-modular-oai-explorer-ui-1.0</developerConnection>

	</scm>

	<dependencies>

		<dependency>

			<groupId>eu.dnetlib</groupId>

			<artifactId>dnet-modular-ui</artifactId>

			<version>[2.0.0,3.0.0)</version>

		</dependency>

		<dependency>

			<groupId>javax.servlet</groupId>

			<artifactId>javax.servlet-api</artifactId>

			<version>${javax.servlet.version}</version>

			<scope>provided</scope>

		</dependency>

		<dependency>

			<groupId>commons-httpclient</groupId>

			<artifactId>commons-httpclient</artifactId>

			<version>3.1</version>

		</dependency>

		<dependency>

			<groupId>junit</groupId>

			<artifactId>junit</artifactId>

			<version>${junit.version}</version>

			<scope>test</scope>

		</dependency>

	</dependencies>

</project>

{"type_source": "SVN", "goal": "package -U -T 4C source:jar", "url": "http://svn-public.driver.research-infrastructures.eu/driver/dnet40/modules/dnet-modular-oai-explorer-ui/trunk/", "deploy_repository": "dnet4-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/dnet4-snapshots", "name": "dnet-modular-oai-explorer-ui"}

<?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>

} )$

<?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>

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:

	//

	// {

	//     active: Flag indicating whether the text should be visible.

	//     rendered: Flag indicating whether the text is currently visible.

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

	//     x: X coordinate at which to draw the text.

	//     y: Y coordinate at which to draw the text.

	// }

	//

	// Each position after the first receives a clone of the original element.

	//

	// The idea is that that the width, height, and general 'identity' of the

	// text is constant no matter where it is placed; the placements are a

	// secondary property.

	//

	// Canvas maintains a cache of recently-used text info objects; getTextInfo

	// either returns the cached element or creates a new entry.

	//

	// @param {string} layer A string of space-separated CSS classes uniquely

	//     identifying the layer containing this text.

	// @param {string} text Text string to retrieve info for.

	// @param {(string|object)=} font Either a string of space-separated CSS

	//     classes or a font-spec object, defining the text's font and style.

	// @param {number=} angle Angle at which to rotate the text, in degrees.

	//     Angle is currently unused, it will be implemented in the future.

	// @param {number=} width Maximum width of the text before it wraps.

	// @return {object} a text info object.

	Canvas.prototype.getTextInfo = function(layer, text, font, angle, width) {

		var textStyle, layerCache, styleCache, info;

		// Cast the value to a string, in case we were given a number or such

		text = "" + text;

		// If the font is a font-spec object, generate a CSS font definition

		if (typeof font === "object") {

			textStyle = font.style + " " + font.variant + " " + font.weight + " " + font.size + "px/" + font.lineHeight + "px " + font.family;

		} else {

			textStyle = font;

		}

		// Retrieve (or create) the cache for the text's layer and styles

		layerCache = this._textCache[layer];

		if (layerCache == null) {

			layerCache = this._textCache[layer] = {};

		}

		styleCache = layerCache[textStyle];

		if (styleCache == null) {

			styleCache = layerCache[textStyle] = {};

		}

		info = styleCache[text];

		// If we can't find a matching element in our cache, create a new one

		if (info == null) {

			var element = $("<div></div>").html(text)

				.css({

					position: "absolute",

					'max-width': width,

					top: -9999

				})

				.appendTo(this.getTextLayer(layer));

			if (typeof font === "object") {

				element.css({

					font: textStyle,

					color: font.color

				});

			} else if (typeof font === "string") {

				element.addClass(font);

			}

			info = styleCache[text] = {

				width: element.outerWidth(true),

				height: element.outerHeight(true),

				element: element,

				positions: []

			};

			element.detach();

		}

		return info;

	};

	// Adds a text string to the canvas text overlay.

	//

	// The text isn't drawn immediately; it is marked as rendering, which will

	// result in its addition to the canvas on the next render pass.

	//

	// @param {string} layer A string of space-separated CSS classes uniquely

	//     identifying the layer containing this text.

	// @param {number} x X coordinate at which to draw the text.

	// @param {number} y Y coordinate at which to draw the text.

	// @param {string} text Text string to draw.

	// @param {(string|object)=} font Either a string of space-separated CSS

	//     classes or a font-spec object, defining the text's font and style.

	// @param {number=} angle Angle at which to rotate the text, in degrees.

	//     Angle is currently unused, it will be implemented in the future.

	// @param {number=} width Maximum width of the text before it wraps.

	// @param {string=} halign Horizontal alignment of the text; either "left",

	//     "center" or "right".

	// @param {string=} valign Vertical alignment of the text; either "top",

	//     "middle" or "bottom".

	Canvas.prototype.addText = function(layer, x, y, text, font, angle, width, halign, valign) {

		var info = this.getTextInfo(layer, text, font, angle, width),

			positions = info.positions;

		// Tweak the div's position to match the text's alignment

		if (halign == "center") {

			x -= info.width / 2;

		} else if (halign == "right") {

			x -= info.width;

		}

		if (valign == "middle") {

			y -= info.height / 2;

		} else if (valign == "bottom") {

			y -= info.height;

		}

		// Determine whether this text already exists at this position.

		// If so, mark it for inclusion in the next render pass.

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

			if (position.x == x && position.y == y) {

				position.active = true;

				return;

			}

		}

		// If the text doesn't exist at this position, create a new entry

		// For the very first position we'll re-use the original element,

		// while for subsequent ones we'll clone it.

		position = {

			active: true,

			rendered: false,

			element: positions.length ? info.element.clone() : info.element,

			x: x,

			y: y

		};

		positions.push(position);

		// Move the element to its final position within the container

		position.element.css({

			top: Math.round(y),

			left: Math.round(x),

			'text-align': halign	// In case the text wraps

		});

	};

	// Removes one or more text strings from the canvas text overlay.

	//

	// If no parameters are given, all text within the layer is removed.

	//

	// Note that the text is not immediately removed; it is simply marked as

	// inactive, which will result in its removal on the next render pass.

	// This avoids the performance penalty for 'clear and redraw' behavior,

	// where we potentially get rid of all text on a layer, but will likely

	// add back most or all of it later, as when redrawing axes, for example.

	//

	// @param {string} layer A string of space-separated CSS classes uniquely

	//     identifying the layer containing this text.

	// @param {number=} x X coordinate of the text.

	// @param {number=} y Y coordinate of the text.

	// @param {string=} text Text string to remove.

	// @param {(string|object)=} font Either a string of space-separated CSS

	//     classes or a font-spec object, defining the text's font and style.

	// @param {number=} angle Angle at which the text is rotated, in degrees.

	//     Angle is currently unused, it will be implemented in the future.

	Canvas.prototype.removeText = function(layer, x, y, text, font, angle) {

		if (text == null) {

			var layerCache = this._textCache[layer];

			if (layerCache != null) {

				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++) {

									position.active = false;

								}

							}

						}

					}

				}

			}

		} else {

			var positions = this.getTextInfo(layer, text, font, angle).positions;

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

				if (position.x == x && position.y == y) {

					position.active = false;

				}

			}

		}

	};

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

	// The top-level container for the entire plot.

    function Plot(placeholder, data_, options_, plugins) {

        // data is on the form:

        //   [ series1, series2 ... ]

        // where series is either just the data as [ [x1, y1], [x2, y2], ... ]

        // or { data: [ [x1, y1], [x2, y2], ... ], label: "some label", ... }

        var series = [],

            options = {

                // the color theme used for graphs

                colors: ["#edc240", "#afd8f8", "#cb4b4b", "#4da74d", "#9440ed"],

                legend: {

                    show: true,

                    noColumns: 1, // number of colums in legend table

                    labelFormatter: null, // fn: string -> string

                    labelBoxBorderColor: "#ccc", // border color for the little label boxes

                    container: null, // container (as jQuery object) to put legend in, null means default on top of graph

                    position: "ne", // position of default legend container within plot

                    margin: 5, // distance from grid edge to default legend container within plot

                    backgroundColor: null, // null means auto-detect

                    backgroundOpacity: 0.85, // set to 0 to avoid background

                    sorted: null    // default to no legend sorting

                },

                xaxis: {

                    show: null, // null = auto-detect, true = always, false = never

                    position: "bottom", // or "top"

                    mode: null, // null or "time"

                    font: null, // null (derived from CSS in placeholder) or object like { size: 11, lineHeight: 13, style: "italic", weight: "bold", family: "sans-serif", variant: "small-caps" }

                    color: null, // base color, labels, ticks

                    tickColor: null, // possibly different color of ticks, e.g. "rgba(0,0,0,0.15)"

                    transform: null, // null or f: number -> number to transform axis

                    inverseTransform: null, // if transform is set, this should be the inverse function

                    min: null, // min. value to show, null means set automatically

                    max: null, // max. value to show, null means set automatically

                    autoscaleMargin: null, // margin in % to add if auto-setting min/max

                    ticks: null, // either [1, 3] or [[1, "a"], 3] or (fn: axis info -> ticks) or app. number of ticks for auto-ticks

                    tickFormatter: null, // fn: number -> string

                    labelWidth: null, // size of tick labels in pixels

                    labelHeight: null,

                    reserveSpace: null, // whether to reserve space even if axis isn't shown

                    tickLength: null, // size in pixels of ticks, or "full" for whole line

                    alignTicksWithAxis: null, // axis number or null for no sync

                    tickDecimals: null, // no. of decimals, null means auto

                    tickSize: null, // number or [number, "unit"]

                    minTickSize: null // number or [number, "unit"]

                },

                yaxis: {

                    autoscaleMargin: 0.02,

                    position: "left" // or "right"

                },

                xaxes: [],

                yaxes: [],

                series: {

                    points: {

                        show: false,

                        radius: 3,

                        lineWidth: 2, // in pixels

                        fill: true,

                        fillColor: "#ffffff",

                        symbol: "circle" // or callback

                    },

                    lines: {

                        // we don't put in show: false so we can see

                        // whether lines were actively disabled

                        lineWidth: 2, // in pixels

                        fill: false,

                        fillColor: null,

                        steps: false

                        // Omit 'zero', so we can later default its value to

                        // match that of the 'fill' option.

                    },

                    bars: {

                        show: false,

                        lineWidth: 2, // in pixels

                        barWidth: 1, // in units of the x axis

                        fill: true,

                        fillColor: null,

                        align: "left", // "left", "right", or "center"

                        horizontal: false,

                        zero: true

                    },

                    shadowSize: 3,

                    highlightColor: null

                },

                grid: {

                    show: true,

                    aboveData: false,

                    color: "#545454", // primary color used for outline and labels

                    backgroundColor: null, // null for transparent, else color

                    borderColor: null, // set if different from the grid color

                    tickColor: null, // color for the ticks, e.g. "rgba(0,0,0,0.15)"

                    margin: 0, // distance from the canvas edge to the grid

                    labelMargin: 5, // in pixels

                    axisMargin: 8, // in pixels

                    borderWidth: 2, // in pixels

                    minBorderMargin: null, // in pixels, null means taken from points radius

                    markings: null, // array of ranges or fn: axes -> array of ranges

                    markingsColor: "#f4f4f4",

                    markingsLineWidth: 2,

                    // interactive stuff

                    clickable: false,