148 lines
4.6 KiB
HTML
148 lines
4.6 KiB
HTML
<!doctype html>
|
|
<!-- The DOCTYPE declaration above will set the -->
|
|
<!-- browser's rendering engine into -->
|
|
<!-- "Standards Mode". Replacing this declaration -->
|
|
<!-- with a "Quirks Mode" doctype may lead to some -->
|
|
<!-- differences in layout. -->
|
|
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
|
|
<link
|
|
href="//cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@main/dist/en/v6.4.3/css/ol.css"
|
|
rel="stylesheet" type="text/css">
|
|
<script
|
|
src="//cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@main/dist/en/v6.4.3/build/ol.js"
|
|
type="text/javascript"></script>
|
|
|
|
<link
|
|
href="//cdnjs.cloudflare.com/ajax/libs/nanogallery2/3.0.5/css/nanogallery2.min.css"
|
|
rel="stylesheet" type="text/css">
|
|
|
|
<script
|
|
src="//cdnjs.cloudflare.com/ajax/libs/jspdf/2.3.1/jspdf.umd.min.js"
|
|
type="text/javascript"></script>
|
|
|
|
<script
|
|
src="//unpkg.com/vis-timeline@7.7.0/standalone/umd/vis-timeline-graph2d.min.js"
|
|
type="text/javascript"></script>
|
|
|
|
<link
|
|
href="https://unpkg.com/vis-timeline@7.7.0/styles/vis-timeline-graph2d.min.css"
|
|
rel="stylesheet" type="text/css">
|
|
|
|
<script
|
|
src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js"
|
|
type="text/javascript"></script>
|
|
|
|
|
|
<script id="item-template" type="text/x-handlebars-template">
|
|
<table>
|
|
{{#if selected}}
|
|
<tr><td>
|
|
<span id="relation-style">{{selected}}</span>
|
|
</tr></td>
|
|
{{/if}}
|
|
{{#if image_url}}
|
|
<tr><td>
|
|
<img src="{{image_url}}"></img>
|
|
</tr></td>
|
|
{{/if}}
|
|
<tr>
|
|
<th colspan="3" class="description">{{truncate_msg content}}</th>
|
|
</tr>
|
|
<tr>
|
|
<td><code>{{dateformat start}} / {{dateformat end}}</code></td>
|
|
</tr>
|
|
</table>
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
Handlebars
|
|
.registerHelper('dateformat',
|
|
function(date) {
|
|
try {
|
|
if (date) {
|
|
var d = new Date(date), month = ''
|
|
+ (d.getMonth() + 1), day = ''
|
|
+ d.getDate(), year = d.getFullYear();
|
|
|
|
if (month.length < 2)
|
|
month = '0' + month;
|
|
if (day.length < 2)
|
|
day = '0' + day;
|
|
|
|
return [ year, month, day ].join('-');
|
|
}
|
|
return date + "";
|
|
} catch (err) {
|
|
return date + "";
|
|
}
|
|
});
|
|
|
|
Handlebars.registerHelper("truncate_msg", function(input) {
|
|
|
|
max_lenght = 20;
|
|
|
|
if (input.length > max_lenght) {
|
|
return input.substring(0, max_lenght) + '...';
|
|
}
|
|
return input;
|
|
|
|
});
|
|
|
|
var templateHandlebars = Handlebars.compile(document
|
|
.getElementById('item-template').innerHTML);
|
|
|
|
var optionsTimeline = {
|
|
// specify a template for the items
|
|
template : templateHandlebars,
|
|
type : 'box'
|
|
};
|
|
</script>
|
|
<!-- -->
|
|
<!-- Consider inlining CSS to reduce the number of requested files -->
|
|
<!-- -->
|
|
<link type="text/css" rel="stylesheet" href="GeoportalDataViewer.css">
|
|
<!-- -->
|
|
<!-- Any title is fine -->
|
|
<!-- -->
|
|
<title>GNA Data Viewer Application</title>
|
|
|
|
<!-- -->
|
|
<!-- This script loads your compiled module. -->
|
|
<!-- If you add any GWT meta tags, they must -->
|
|
<!-- be added before this line. -->
|
|
<!-- -->
|
|
<script type="text/javascript" language="javascript"
|
|
src="GeoportalDataViewer/GeoportalDataViewer.nocache.js"></script>
|
|
</head>
|
|
|
|
<!-- -->
|
|
<!-- The body can have arbitrary html, or -->
|
|
<!-- you can leave the body empty if you want -->
|
|
<!-- to create a completely dynamic UI. -->
|
|
<!-- -->
|
|
<body>
|
|
|
|
<!-- OPTIONAL: include this if you want history support -->
|
|
<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1'
|
|
style="position: absolute; width: 0; height: 0; border: 0"></iframe>
|
|
|
|
<!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
|
|
<noscript>
|
|
<div
|
|
style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
|
|
Your web browser must have JavaScript enabled in order for this
|
|
application to display correctly.</div>
|
|
</noscript>
|
|
<div id="app-notifier" class="app-notifier"></div>
|
|
<div id="layer-viewer" class="layer-panel"></div>
|
|
<div id="geoportal-data-viewer"></div>
|
|
<div class="timeline-container">
|
|
<div id="timeline-data"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|