2018-08-02 17:18:12 +00:00
|
|
|
<?php
|
2018-08-11 21:18:23 +00:00
|
|
|
if (isset($_GET["data"])):
|
|
|
|
|
$options = array(
|
|
|
|
|
'http' => array(
|
|
|
|
|
'method' => 'GET',
|
|
|
|
|
'header' => 'x-ha-access: nXa7LiR1PG'
|
|
|
|
|
)
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
$context = stream_context_create($options);
|
|
|
|
|
$data = json_decode(file_get_contents("http://192.168.0.25:8123/api/states", false, $context), true);
|
|
|
|
|
|
|
|
|
|
foreach($data as $item) {
|
|
|
|
|
$output[$item["entity_id"]] = $item;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
header('Content-Type: application/json');
|
|
|
|
|
echo json_encode($output['device_tracker.jasonsphone_jason']);
|
|
|
|
|
exit();
|
|
|
|
|
|
|
|
|
|
else:
|
2018-08-02 17:18:12 +00:00
|
|
|
?>
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
2018-08-06 21:25:31 +00:00
|
|
|
<link href="//fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
|
2018-08-02 17:18:12 +00:00
|
|
|
<style type="text/css">
|
2018-08-06 21:25:31 +00:00
|
|
|
* {box-sizing: border-box; margin: 0; border: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: center;}
|
2018-08-02 17:18:12 +00:00
|
|
|
html, body {height: 100%; min-height: 100%;}
|
|
|
|
|
body {background-color: #333333;}
|
2018-08-06 21:25:31 +00:00
|
|
|
p {font-size: 5vh; color: #FFFFFF; opacity: 0.5;}
|
2018-08-11 20:17:59 +00:00
|
|
|
h1 {font-size: 13.9vh; color: #FFFFFF;}
|
2018-08-11 21:33:25 +00:00
|
|
|
#map {width: 100; height: 100%;}
|
2018-08-13 00:40:44 +00:00
|
|
|
#container {position: absolute; top: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(139,51,175,0.8) 0%, rgba(0,131,214,0.8) 100%), radial-gradient(ellipse at center, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);}
|
2018-08-02 23:17:40 +00:00
|
|
|
#centered {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
|
2018-08-02 17:18:12 +00:00
|
|
|
</style>
|
2018-08-11 21:20:54 +00:00
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
2018-08-11 20:53:02 +00:00
|
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=&AIzaSyCo79O07nOpWmdxKBUdgslJRrBwYSykDxwv=3.exp"></script>
|
|
|
|
|
<script>
|
2018-08-11 21:18:23 +00:00
|
|
|
var map;
|
|
|
|
|
|
2018-08-11 20:53:02 +00:00
|
|
|
$(function() {
|
2018-08-11 21:18:23 +00:00
|
|
|
var locConnaught = new google.maps.LatLng(51.0426695, -114.0898373);
|
2018-08-11 20:53:02 +00:00
|
|
|
var mapOptions = {
|
|
|
|
|
zoom: 15,
|
2018-08-11 21:18:23 +00:00
|
|
|
center: locConnaught,
|
2018-08-11 20:53:02 +00:00
|
|
|
disableDefaultUI: true,
|
|
|
|
|
styles: [{"featureType":"poi","elementType":"all","stylers":[{"hue":"#000000"},{"saturation":-100},{"lightness":-100},{"visibility":"off"}]},{"featureType":"poi","elementType":"all","stylers":[{"hue":"#000000"},{"saturation":-100},{"lightness":-100},{"visibility":"off"}]},{"featureType":"administrative","elementType":"all","stylers":[{"hue":"#000000"},{"saturation":0},{"lightness":-100},{"visibility":"off"}]},{"featureType":"road","elementType":"labels","stylers":[{"hue":"#ffffff"},{"saturation":-100},{"lightness":100},{"visibility":"off"}]},{"featureType":"water","elementType":"labels","stylers":[{"hue":"#000000"},{"saturation":-100},{"lightness":-100},{"visibility":"off"}]},{"featureType":"road.local","elementType":"all","stylers":[{"hue":"#ffffff"},{"saturation":-100},{"lightness":100},{"visibility":"on"}]},{"featureType":"water","elementType":"geometry","stylers":[{"hue":"#ffffff"},{"saturation":-100},{"lightness":100},{"visibility":"on"}]},{"featureType":"transit","elementType":"labels","stylers":[{"hue":"#000000"},{"saturation":0},{"lightness":-100},{"visibility":"off"}]},{"featureType":"landscape","elementType":"labels","stylers":[{"hue":"#000000"},{"saturation":-100},{"lightness":-100},{"visibility":"off"}]},{"featureType":"road","elementType":"geometry","stylers":[{"hue":"#bbbbbb"},{"saturation":-100},{"lightness":26},{"visibility":"on"}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"hue":"#dddddd"},{"saturation":-100},{"lightness":-3},{"visibility":"on"}]}]
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
map = new google.maps.Map(document.getElementById('map'), mapOptions);
|
2018-08-11 21:18:23 +00:00
|
|
|
|
|
|
|
|
updateLocation();
|
|
|
|
|
|
|
|
|
|
setInterval(function() {
|
|
|
|
|
updateLocation();
|
|
|
|
|
}, 60000);
|
2018-08-11 20:53:02 +00:00
|
|
|
});
|
2018-08-11 21:18:23 +00:00
|
|
|
|
|
|
|
|
function updateLocation() {
|
|
|
|
|
$.getJSON('?data', function(data) {
|
2018-08-13 00:30:30 +00:00
|
|
|
$('h1').html((data.state == 'not_home') ? 'Nobody Knows' : 'At ' + data.state.replace(/^\w/, c => c.toUpperCase()));
|
2018-08-11 21:18:23 +00:00
|
|
|
var locLive = new google.maps.LatLng(data.attributes.latitude, data.attributes.longitude);
|
|
|
|
|
map.setCenter(locLive);
|
|
|
|
|
})
|
|
|
|
|
}
|
2018-08-11 20:53:02 +00:00
|
|
|
</script>
|
2018-08-02 17:18:12 +00:00
|
|
|
<body>
|
2018-08-11 20:53:02 +00:00
|
|
|
<div id="map"></div>
|
2018-08-02 23:17:40 +00:00
|
|
|
<div id="container">
|
|
|
|
|
<div id="centered">
|
|
|
|
|
<p>Where tf is Jason?</p>
|
2018-08-11 21:18:23 +00:00
|
|
|
<h1>Nobody Knows</h1>
|
2018-08-02 23:17:40 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2018-08-02 17:18:12 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
2018-08-11 21:18:23 +00:00
|
|
|
<? endif; ?>
|
