-
Notifications
You must be signed in to change notification settings - Fork 2
/
timeline.php
84 lines (78 loc) · 3.77 KB
/
timeline.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<?php session_start(); ?>
<!DOCTYPE html>
<html>
<head>
<title>Art2Artifact - Timeline</title>
<link rel="stylesheet" href="Content/bootstrap.css"/>
<link rel="stylesheet" href="Content/bootstrap-responsive.css"/>
<link rel="stylesheet" href="Content/style.css" />
<script type="text/javascript" src="Content/jquery.js">
</script>
<script type="text/javascript" src="Content/bootstrap.js">
</script>
<script src="http://api.simile-widgets.org/timeline/2.3.1/timeline-api.js?bundle=true" type="text/javascript">
</script>
<?php
if (isset($_POST["start_date"])) {$_SESSION["start_date"] = $_POST["start_date"];}
if (isset($_POST["start_era"])) {$_SESSION["start_era"] = $_POST["start_era"];}
if (isset($_POST["end_date"])) {$_SESSION["end_date"] = $_POST["end_date"];}
if (isset($_POST["end_era"])) {$_SESSION["end_era"] = $_POST["end_era"];}
if (isset($_POST["mint_lat_long"])) {$_SESSION["mint_lat_long"] = $_POST["mint_lat_long"];}
if (isset($_POST["find_lat_long"])) {$_SESSION["find_lat_long"] = $_POST["find_lat_long"];}
if (isset($_POST["era_category"])) {$_SESSION["era_category"] = $_POST["era_category"];}
if (isset($_POST["region_category"])) {$_SESSION["region_category"] = $_POST["region_category"];}
?>
<script>
function onLoad(){
var eventSource = new Timeline.DefaultEventSource();
var bandInfos = [Timeline.createBandInfo({
eventSource: eventSource,
date: "0",
width: "100%",
intervalUnit: Timeline.DateTime.DECADE,
intervalPixels: 100
})];
tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
tl.loadJSON("load_coins.php", function(json, url){
eventSource.loadJSON(json, url);
tl.finishedEventLoading();
});
}
</script>
<style>
.timeline-band-1 .timeline-ether-bg {
background-color: #794044;
}
</style>
<style type="text/css" media="all">@import "Content/master.css";</style> <style type="text/css" media="all">@import "Content/master.css";</style>
<link rel="stylesheet" href="Content/bootstrap_navbar.css"/>
</head>
<body style="background-image: url(Content/Login_map.jpg); background-size: 100%;" onload="onLoad();" onresize="onResize();">
<?php include('Includes/header.php'); ?>
<div style="width: 100%; height: 100%; padding: 20px; background-color: rgba(150, 27, 25, 0.75); border-color: black;">
<?php include('Includes/search_filters_timeline.php'); ?>
<div id="my-timeline" style="height: 450px; width: 90%;border: 1px solid #aaa"><script>
function onLoad(){
var eventSource = new Timeline.DefaultEventSource();
var bandInfos = [Timeline.createBandInfo({
eventSource: eventSource,
date: "0",
width: "100%",
intervalUnit: Timeline.DateTime.DECADE,
intervalPixels: 100
})];
tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
tl.loadJSON("load_coins.php", function(json, url){
eventSource.loadJSON(json, url);
tl.finishedEventLoading();
});
}
</script>
</div>
<noscript>
This page uses Javascript to show you a Timeline. Please enable Javascript in your browser to see the full page. Thank you.
</noscript>
</div>
<?php include("Includes/footer.php"); ?>
</body>
</html>