Page MenuHomec4science
Files F92999949

viewer.html
No OneTemporary
Actions

File Metadata

Created
Mon, Nov 25, 12:04

viewer.html
View Options

<!--
Page to view a patch within a WSI
-->
<!DOCTYPE html>
<html>
<head>
<base href="/retrieval/">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/viewer-sober.css"/>
<link href='//fonts.googleapis.com/css?family=Rancho' rel='stylesheet' type='text/css'>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<!-- Configuration -->
<script src="js/config/config.js"></script>
<!-- d3 -->
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/4.8.0/d3.js"></script>
<!-- jQuery (local) -->
<script src="js/vendor/jquery-1.10.2.min.js"></script>
<script src="js/vendor/underscore-min.js"></script>
<script src="js/viewer/viewer.js"></script>
<!-- OpenSeaDragon -->
<script src="js/vendor/openseadragon-bin-2.2.1/openseadragon.js"></script>
<script src="js/vendor/openseadragon-bin-2.2.1/openseadragon-svg-overlay.js"></script>
<script>
//Actions to do when the page is loading
$(function () {
var imageID = getParameterByName("id");
imageID = imageID.substring(imageID.lastIndexOf("/") + 1, imageID.lastIndexOf("."));
//get article url (if available)
$.getJSON(config.getArticleForImageURL, {
"imageID": imageID,
"indexID": config.articlesLuceneIndexID,
}, function (data) {
if (Object.keys(data).length !== 0 && data.hasOwnProperty("url") && data.url !== "") {
var linkElement = $("<a><i class='fa fa-file-text-o'></i> &nbsp;Go To Article</a>").attr("href", data.url).attr("target", "_blank");
$("#gotoArticle").append(linkElement);
}
});
});
</script>
</head>
<body id="bodyEdition">
<!-- Div with the content -->
<div id="content">
<div id="tools">
<a id="zoom-in" href="#zoom-in" title="Zoom In" class="toolbar-button">
<i class="fa fa-search-plus"></i>
</a>
<a id="zoom-out" href="#zoom-out" title="Zoom Out" class="toolbar-button">
<i class="fa fa-search-minus"></i>
</a>
<a id="home" href="#home" title="Home" class="toolbar-button">
<i class="fa fa-home"></i>
</a>
<a id="fullscreen" href="#fullscreen" title="Fullscreen" class="toolbar-button">
<i class="fa fa-arrows-alt"></i>
</a>
<a id="gotoviewer" target="_blank" href="javascript:void(0)" title="Go To Annotation Tool" class="text-link">
<i class="fa fa-pencil-square-o"></i>
</a>
</div>
<!-- Div with the OpenSeaDragon viewer-->
<div id="openseadragon">
</div>
</div>
</body>
</html>

Event Timeline

c4science · Help