index.html 10.8 KB
Newer Older
1
<!DOCTYPE html>
2
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
3
	<head>
Stefan Funk's avatar
Stefan Funk committed
4
5
6
		<title>DARIAH-DE Geo-Browser</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
Stefan Funk's avatar
Stefan Funk committed
7
		<meta name="author" content="DARIAH-DE, SUB Göttingen">
Stefan Funk's avatar
Stefan Funk committed
8
		<meta name="description" content="DARIAH-DE Geo-Browser e4D GeoTemCo PLATIN">
Stefan Funk's avatar
Stefan Funk committed
9
10
11
12
13
14
		<link rel="stylesheet" href="https://res.de.dariah.eu/dhrep/css/bootstrap.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="https://res.de.dariah.eu/dhrep/css/bootstrap-responsive.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="https://res.de.dariah.eu/dhrep/css/application.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="https://res.de.dariah.eu/dhrep/css/bootstrap-customization.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="https://res.de.dariah.eu/dhrep/css/bootstrap-modal.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="https://res.de.dariah.eu/dhrep/css/font-awesome.css">
Stefan Funk's avatar
Stefan Funk committed
15
		<link rel="stylesheet" href="./PLATIN/css/platin.css" type="text/css" />
Stefan Funk's avatar
Stefan Funk committed
16
		<link rel="shortcut icon" type="image/png" href="https://res.de.dariah.eu/dhrep/img/page_icon.png" />
17
18
19
		<!-- JQuery 1.8.2 only used for making the bootstrap dropdowns work!
		     Try using jquery.min.js (v1.11) instead and remove following line! -->
		<script type="text/javascript" src="./stg-resources/js/jquery-1.8.2.js"></script>
20
		<script type="text/javascript" src="https://res.de.dariah.eu/dhrep/js/bootstrap.js"></script>
Stefan Funk's avatar
Stefan Funk committed
21
		<script type="text/javascript" src="https://res.de.dariah.eu/globalmenu/globalmenu.js"></script>
Stefan Funk's avatar
Stefan Funk committed
22
23
		<script type="text/javascript" src="./PLATIN/lib/jquery/jquery.min.js"></script>
		<script type="text/javascript" src="./PLATIN/platin-min.js"></script>
24
		<style type="text/css">
Stefan Funk's avatar
Stefan Funk committed
25
26
27
28
			/* fix for broken view with openlayers and bootstrap */
			#mapContainerDiv img { max-width:none; }
			#mapContainerDiv { width:100%; height:20em; }
			#plotContainerDiv { width:100%; height:200px; }
29
			.legend table, .legend > div {
Stefan Funk's avatar
Stefan Funk committed
30
31
32
				height:100px; !important;
				display:block;
				overflow-y:scroll;
33
			}
Stefan Funk's avatar
Stefan Funk committed
34
35
36
37
			.dropdownSelection { width:250px; }
			.dropdownMenu { width:250px; }
			#navbar { z-index:10100; }
			#geoTemCoContainers { line-height:100%; }
38
			body { padding-top: 50px; }
Stefan Funk's avatar
Stefan Funk committed
39
40
41
42
43
			select, button, input {
				height:30px;
				border-radius:4px;
				border: 1px solid #cccccc;
			}
44
		</style>
Stefan Funk's avatar
Stefan Funk committed
45
46
47
48
		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
49
50
51
52
53
54
55
56
57
58
59
60
61
62
		<!-- Piwik -->
		<script type="text/javascript">
			var _paq = _paq || [];
			_paq.push(["setDomains", ["*.geobrowser.de.dariah.eu"]]);
			_paq.push(['trackPageView']);
			_paq.push(['enableLinkTracking']);
			(function() {
				var u="//piwik.gwdg.de/";
				_paq.push(['setTrackerUrl', u+'piwik.php']);
				_paq.push(['setSiteId', 286]);
				var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
				g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
			})();
		</script>
63
64
		<!-- PIWIK noscript commented out due to HTML validation failures, do we need it? -->
		<!-- noscript><p><img src="//piwik.gwdg.de/piwik.php?idsite=286" style="border:0;" alt="" /></p></noscript-->
65
		<!-- End Piwik Code -->
66
67
	</head>
	<body>
68
		<div class="navbar navbar-inverse navbar-fixed-top navbar-dariah" id="top">
Stefan Funk's avatar
Stefan Funk committed
69
		<div class="navbar-inner">
70
71
		<div class="container-fluid">
		<div class="row-fluid">
Stefan Funk's avatar
Stefan Funk committed
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
		<div class="span12>">
		<!--
		<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
		<span class="icon-bar"></span>
		<span class="icon-bar"></span>
		<span class="icon-bar"></span>
		</a>
		-->
		<div class="nav-collapse collapse">
			<ul class="nav pull-right">
				<!--
				<li class="dropdown">
				<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-globe icon-white"></i>
				Sprache <span class="caret"></span>
				</a>
				<ul class="dropdown-menu">
				<li><a href="?lang=en">English</a></li>
				<li><a href="?lang=de">Deutsch</a></li>
				</ul>
				</li>
				-->
				<li class="dropdown">
94
95
					<a class="dropdown-toggle" data-toggle="dropdown" href="#">
						<i class="icon-question-sign icon-white"></i> Help <span class="caret"></span>
Stefan Funk's avatar
Stefan Funk committed
96
97
98
					</a>
					<ul class="dropdown-menu">
						<li><a href="https://de.dariah.eu/geobrowser">Information</a></li>
Stefan Funk's avatar
Stefan Funk committed
99
100
						<li><a href="./doc/geobrowser.html">Documentation</a></li>
						<li><a href="./doc/geobrowser-faq.html">FAQ</a></li>
Stefan Funk's avatar
Stefan Funk committed
101
102
					</ul>
				</li>
103
104
105
106
107
108
109
110
111
112
113
				<li class="dropdown">
					<a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
						<i class="icon-wrench icon-white"></i> Actions <b class="caret"></b>
					</a>
					<ul class="dropdown-menu">
						<li><a href="">Clear Geo-Browser</a></li>
					</ul>
				</li>
				<!--li><a href="./login"><i class="icon-signin icon-white"></i> Login</a></li-->
			</ul>
			<ul class="nav">
Stefan Funk's avatar
Stefan Funk committed
114
					<!-- Don't change this section! -->
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
                          <li id="home_button" class="dropdown">
                            <a class="brand dropdown-toggle" data-toggle="dropdown" href="#">
                              <span class="caret"></span>
                              DARIAH-DE
                            </a>
                            <ul id="home_dropdown_menu" class="dropdown-menu">
                              <li class="dropdown-submenu">
                                <a tabindex="-1" href="#">DARIAH-DE</a>
                                <ul class="dropdown-menu">
                                  <li><a href="http://de.dariah.eu">DARIAH-DE Home</a></li>
                                  <li class="divider"></li>
                                  <li><a href="http://textgrid.de/ ">TextGrid</a></li>
                                </ul>
                              </li>
                              <li class="divider"></li>
                              <li class="dropdown-submenu">
                                <a tabindex="-1" href="#">DARIAH-EU</a>
                                <ul class="dropdown-menu">
                                  <li><a href="http://www.dariah.eu/">DARIAH-EU Home</a></li>
                                </ul>
                              </li>
                            </ul>
                          </li>
Stefan Funk's avatar
Stefan Funk committed
138
                    <!-- -->
139
140
141
142
143
144
				<li class="active">
					<a href="./index.html"><i class="icon-globe"></i> Geo-Browser</a>
				</li>
				<li>
					<a href="./edit/index.html"><i class="icon-th-list"></i> Datasheet Editor</a>
				</li>
Stefan Funk's avatar
Stefan Funk committed
145
			</ul>
Stefan Funk's avatar
Stefan Funk committed
146
		</div>
147
148
149
150
151
		</div>
		</div>
		</div>
		</div>
		</div>
Stefan Funk's avatar
Stefan Funk committed
152
153
154
155
156
		<div id="content_layout" class="container-fluid">
		<div style="height:25px;"></div>
		<div class="row-fluid">
		<div class="span12 main-content-wrapper no-margin">
		<div id="content" class="primary-area">
Stefan Funk's avatar
Stefan Funk committed
157
			<h1><a href="https://de.dariah.eu/geobrowser"><img src="https://res.de.dariah.eu/logos/dariah-de/dariah-de_cmyk.svg" alt="DARIAH-DE Geo-Browser" style="right;height:77px;vertical-align:bottom;" /></a> Geo-Browser</h1>
Stefan Funk's avatar
Stefan Funk committed
158
159
			<div id="contentInner">
				<div class="row-fluid" id="loaderDiv">
Stefan Funk's avatar
Stefan Funk committed
160
					<div class="span4 input-append">
Stefan Funk's avatar
Stefan Funk committed
161
						<fieldset id="dataloaderContainerDiv" style="position:relative;">
162
							<h2>Load Data</h2>
Stefan Funk's avatar
Stefan Funk committed
163
164
						</fieldset>
					</div>
Stefan Funk's avatar
Stefan Funk committed
165
					<div class="span4 input-append">
Stefan Funk's avatar
Stefan Funk committed
166
						<fieldset id="overlayloaderContainerDiv" style="position:relative;">
167
							<h2>Load Overlay</h2>
Stefan Funk's avatar
Stefan Funk committed
168
169
170
171
						</fieldset>
					</div>
					<div class="span4">
						<fieldset style="position:relative;">
172
							<h2>Dataset Information</h2>
Stefan Funk's avatar
Stefan Funk committed
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
							<div id="storytellingContainerDiv"></div>
						</fieldset>
					</div>
				</div>
				<br/>
				<div id="geoTemCoContainers">
					<div id="mapContainerDiv" style="position:relative;"></div>
					<div id="plotContainerDiv" style="position:relative;"></div>
					<br/>
					<div id="tableContainerDiv" style="position:relative;"></div>
				</div>
				<script>
					var datasets = [];
					var mapDiv = document.getElementById("mapContainerDiv");
					var map = new WidgetWrapper();
					var mapWidget = new MapWidget(map,mapDiv,{
					mapTitle: "Publication Place"
					});
					var timeDiv = document.getElementById("plotContainerDiv");
					var time = new WidgetWrapper();
					var timeWidget = new FuzzyTimelineWidget(time,timeDiv,{
					timeTitle: "Publication Date"
					});
					timeWidget.options.timelineMode = 'stacking';
					var tableDiv = document.getElementById("tableContainerDiv");
					var table = new WidgetWrapper();
					var tableWidget = new TableWidget(table,tableDiv);
					var dataloaderDiv = document.getElementById("dataloaderContainerDiv");
					var dataloader = new WidgetWrapper();
					var dataloaderWidget = new DataloaderWidget(dataloader,dataloaderDiv);
					var overlayloaderDiv = document.getElementById("overlayloaderContainerDiv");
					var overlayloader = new WidgetWrapper();
					var overlayloaderWidget = new OverlayloaderWidget(overlayloader,overlayloaderDiv);
					overlayloaderWidget.attachMapWidget(mapWidget);
					var storytellingDiv = document.getElementById("storytellingContainerDiv");
					var storytelling = new WidgetWrapper();
209
					var storytellingWidget = new StorytellingWidget(storytelling,storytellingDiv, { dariahStorage: true });
Stefan Funk's avatar
Stefan Funk committed
210
211
212
213
214
					dataloaderWidget.loadFromURL();
				</script>
				<script>
					function openDataSheet() {
					if($.isEmptyObject($.url().param()) ) {
215
					document.location.href = 'http://'+window.location.hostname+'/edit/';
Stefan Funk's avatar
Stefan Funk committed
216
					} else {
Stefan Funk's avatar
Stefan Funk committed
217
					$.each($.url().param(),function(paramName, paramValue){
Stefan Funk's avatar
Stefan Funk committed
218
219
					if (paramName.toLowerCase().startsWith("csv")){
					var id = paramValue.substring(paramValue.lastIndexOf('/') + 1);
220
					document.location.href = 'http://'+window.location.hostname+'/edit/#id='+id;
Stefan Funk's avatar
Stefan Funk committed
221
					}
Stefan Funk's avatar
Stefan Funk committed
222
					});
Stefan Funk's avatar
Stefan Funk committed
223
224
225
226
227
228
229
230
231
					}
					}
				</script>
			</div>
			</div>
			</div>
			</div>
			<div class="row-fluid">
				<div class="span12 no-margin footer">
232
					<span>Geo-Browser version 2.7.8 using <a href="https://github.com/DARIAH-DE/PLATIN">PLATIN</a> &copy;2020 DARIAH-DE</span>
Stefan Funk's avatar
Stefan Funk committed
233
					<ul class="pull-right inline">
Stefan Funk's avatar
Stefan Funk committed
234
						<!--li><a href="https://validator.w3.org/nu/?doc=http://geobrowser.de.dariah.eu/v2/index.html">nu HTML checker</a></li-->
Stefan Funk's avatar
Stefan Funk committed
235
236
						<li><a href="https://de.dariah.eu/impressum">Imprint</a></li>
						<li><a href="https://de.dariah.eu/privacy-policy">Privacy Policy</a></li>
Stefan Funk's avatar
Stefan Funk committed
237
238
239
240
241
242
						<li><a href="mailto:info@de.dariah.eu?subject=geobrowser.de.dariah.eu%3A%20Anfrage%20Geo-Browser">Contact</a></li>
					</ul>
				</div>
			 </div>
		</div>
		<noscript>
243
			<div style="width: 22em; position: absolute; top: 100px; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
Stefan Funk's avatar
Stefan Funk committed
244
245
246
				Your web browser must have JavaScript enabled in order for this application to display correctly.
			</div>
		</noscript>
247
248
	</body>
</html>