Merge branch 'master' into release
This commit is contained in:
Jason Williams
commit
ec549579b4
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
|
|
@ -1,143 +0,0 @@
|
|||
<?php
|
||||
if (isset($_GET["location"])):
|
||||
$options = array(
|
||||
'http' => array(
|
||||
'method' => 'GET',
|
||||
'header' => 'Authorization: Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiI3Yjc3NmM1NDg3OTg0OTU5OTdiMjlkNjI3MjU2MzUzMiIsImlhdCI6MTU0MDI1NzA3MiwiZXhwIjoxODU1NjE3MDcyfQ.7-E6h8d-u23d-XZBqLohfSDZZJXqMYiZ85MlunNr6N8'
|
||||
)
|
||||
);
|
||||
|
||||
$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.google_maps_106661122982066747046']);
|
||||
exit();
|
||||
|
||||
elseif (isset($_GET["calendar"])):
|
||||
$options = array(
|
||||
'http' => array(
|
||||
'header' => 'Host: internal.jnf.me'
|
||||
)
|
||||
);
|
||||
|
||||
$context = stream_context_create($options);
|
||||
|
||||
header('Content-Type: application/json');
|
||||
echo file_get_contents("http://192.168.0.25/stuff/display/calendar.php?location", false, $context);
|
||||
|
||||
else:
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link href="//fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
* {box-sizing: border-box; margin: 0; border: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: center;}
|
||||
html, body {height: 100%; min-height: 100%;}
|
||||
body {background-color: #333333;}
|
||||
p {font-size: 2.5vw; color: #FFFFFF; opacity: 0.5;}
|
||||
h1 {font-size: 7vw; color: #FFFFFF;}
|
||||
#map {width: 100; height: 100%;}
|
||||
#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) 35%, rgba(255,255,255,1) 95%);}
|
||||
#centered {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
|
||||
#plan {position: absolute; bottom: 0; font-size: 1vw; color: #FFFFFF; background-color: #000000; opacity: 0.8;}
|
||||
#plan::after{content: ""; clear: both; display: table;}
|
||||
#plan div {width: 30vw; float: left; border-left: 1px solid #FFFFFF;}
|
||||
#plan #plantitle {width: 10vw; padding: 0 1%; border-left: 0; text-align: left; color: #71C5E8;}
|
||||
</style>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBKQ0Wc3UvN9xGFRhwjf9mpyB_51fiMmYw"></script>
|
||||
<script>
|
||||
var map, today = new Date(), days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
|
||||
|
||||
$(function() {
|
||||
var locConnaught = new google.maps.LatLng(51.0426695, -114.0898373);
|
||||
var mapOptions = {
|
||||
zoom: 15,
|
||||
center: locConnaught,
|
||||
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);
|
||||
|
||||
updateLocation();
|
||||
updatePlan();
|
||||
|
||||
setInterval(function() {
|
||||
updateLocation();
|
||||
}, 60000);
|
||||
|
||||
setInterval(function() {
|
||||
updatePlan();
|
||||
}, 900000);
|
||||
});
|
||||
|
||||
function updateLocation() {
|
||||
$.getJSON('?location', function(data) {
|
||||
$('h1').html((data.state == 'not_home') ? 'Nobody Knows' : 'At ' + data.state.replace(/^\w/, c => c.toUpperCase()));
|
||||
var locLive = new google.maps.LatLng(data.attributes.latitude, data.attributes.longitude);
|
||||
map.setCenter(locLive);
|
||||
});
|
||||
}
|
||||
|
||||
function updatePlan() {
|
||||
$.getJSON('?calendar', function(data) {
|
||||
|
||||
d1 = nextWorkday(today);
|
||||
d2 = nextWorkday(d1);
|
||||
d3 = nextWorkday(d2);
|
||||
|
||||
$('#plantitle').html('Three Day Plan');
|
||||
|
||||
if (data.find(x => x.start.date == getYMDstring(d1))) $('#d1').html(days[d1.getDay()] + ": " + data.find(x => x.start.date == getYMDstring(d1)).summary); else $('#d1').html(days[d1.getDay()] + ": <i>No Plan</i>");
|
||||
if (data.find(x => x.start.date == getYMDstring(d2))) $('#d2').html(days[d2.getDay()] + ": " + data.find(x => x.start.date == getYMDstring(d2)).summary); else $('#d2').html(days[d2.getDay()] + ": <i>No Plan</i>");
|
||||
if (data.find(x => x.start.date == getYMDstring(d3))) $('#d3').html(days[d3.getDay()] + ": " + data.find(x => x.start.date == getYMDstring(d3)).summary); else $('#d3').html(days[d3.getDay()] + ": <i>No Plan</i>");
|
||||
});
|
||||
}
|
||||
|
||||
function nextWorkday(d) {
|
||||
var nd = new Date(d.getTime());
|
||||
|
||||
var day = nd.getDay(), ddif = 1;
|
||||
|
||||
if (day === 5) ddif = 3;
|
||||
else if (day === 6) ddif = 2;
|
||||
|
||||
nd.setDate(nd.getDate() + ddif);
|
||||
return nd;
|
||||
}
|
||||
|
||||
function getYMDstring(d) {
|
||||
var output = '';
|
||||
output += d.getFullYear() + '-';
|
||||
output += (d.getMonth() < 9) ? '0' + (d.getMonth() + 1) : d.getMonth() + 1;
|
||||
output += (d.getDate() < 10) ? '-0' + d.getDate() : '-' + d.getDate();
|
||||
return output;
|
||||
}
|
||||
</script>
|
||||
<body>
|
||||
<div id="map"></div>
|
||||
<div id="container">
|
||||
<div id="centered">
|
||||
<p>Where tf is Jason?</p>
|
||||
<h1>Nobody Knows</h1>
|
||||
</div>
|
||||
|
||||
<div id="plan">
|
||||
<div id="plantitle"></div>
|
||||
<div id="d1" class="plancolumn"></div>
|
||||
<div id="d2" class="plancolumn"></div>
|
||||
<div id="d3" class="plancolumn"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<? endif; ?>
|
||||
Loading…
Reference in New Issue