teslams
Version:
Utilities for the Tesla Model S
83 lines (81 loc) • 3.68 kB
HTML
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Teslams - Telemetry Data Visualization System</title>
<script language="javascript" type="text/javascript" src="jquery-1.9.1.js"></script>
<script language="javascript" type="text/javascript" src="jquery-ui-1.10.3.custom.min.js"></script>
<script language="javascript" type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>
<link rel="stylesheet" media="all" type="text/css" href="jquery-ui-timepicker-addon.css" />
<link rel="stylesheet" media="all" type="text/css" href="jquery-ui.css" />
<link rel="stylesheet" media="all" type="text/css" href="shared.css" />
<script language="javascript" type="text/javascript" src="url.min.js"></script>
<script language="javascript" type="text/javascript" src="lib.js"></script>
<script type="text/javascript">
$(function() {
var now = new Date();
var start = new Date(+now - 12 * 3600000);
var fromQ = $.url("?from");
if (fromQ == null || fromQ == "") {
fromQ = start.getFullYear() + "-" + (+start.getMonth() + 1) + "-" + start.getDate() + "-" +
start.getHours() + "-" + start.getMinutes() + "-" + start.getSeconds();
}
if (fromQ.split("-").length == 5) fromQ += "-00";
var toQ = $.url("?to");
if (toQ == null || toQ == "") {
toQ = now.getFullYear() + "-" + (+now.getMonth() + 1) + "-" + now.getDate() + "-" +
now.getHours() + "-" + now.getMinutes() + "-" + now.getSeconds();
}
if (toQ.split("-").length == 5) toQ += "-00";
$("#frompicker").val(fromQ);
$("#topicker").val(toQ);
$("#maplink").attr("href", "map?from=" + fromQ + "&to=" + toQ);
$("#statslink").attr("href", "stats?from=" + fromQ + "&to=" + toQ);
$("#energylink").attr("href", "energy?from=" + fromQ + "&to=" + toQ);
$("#frompicker").datetimepicker({
dateFormat: "yy-mm-dd",
timeFormat: "HH-mm-ss",
separator: "-",
defaultValue: fromQ,
onClose: function(dateText, inst) {
if (dateText.length > 10 && compareTime(dateText, fromQ) != 0) {
fromQ = dateText;
$("#maplink").attr("href", "map?from=" + fromQ + "&to=" + toQ);
$("#statslink").attr("href", "stats?from=" + fromQ + "&to=" + toQ);
$("#energylink").attr("href", "energy?from=" + fromQ + "&to=" + toQ);
}
}
});
$("#topicker").datetimepicker({
dateFormat: "yy-mm-dd",
timeFormat: "HH-mm-ss",
separator: "-",
defaultValue: toQ,
onClose: function(dateText, inst) {
if (dateText.length > 10 && compareTime(dateText, toQ) != 0) {
toQ = dateText;
$("#maplink").attr("href", "map?from=" + fromQ + "&to=" + toQ);
$("#statslink").attr("href", "stats?from=" + fromQ + "&to=" + toQ);
$("#energylink").attr("href", "energy?from=" + fromQ + "&to=" + toQ);
}
}
});
});
</script>
</head>
<body>
MAGIC_NAV
<div id="container">
<h2>Teslams - Telemetry Data Visualization System</h2>
<h3>Pick the date/time range for which you want to see the data and click on one of the links in the menu above.</h3>
<div id="dates" style="font: larger;">
<label style="padding:1em;">Start time:</label><input id="frompicker" type="text">
<label style="padding:1em;">End time:</label><input id="topicker" type="text">
</div>
<IMG SRC="https://my.teslamotors.com/configurator/compositor/?model=ms&view=STUD_SIDE&size=800&bkba_opt=2&file_type=jpg&options=MAGIC_RAWOPTIONS" ALIGN=RIGHT ALT="Tesla" BORDER=0>
<h3>VIN: MAGIC_VIN "MAGIC_NAME"</h3>
<h4>MAGIC_OPTIONS</h4>
<h3>Firmware Version: MAGIC_FIRMWARE_VERSION</h3>
<h3>Display Settings: MAGIC_DISPLAY_SYSTEM</h3>
<h3>Teslams Version: MAGIC_TESLAMS_VERSION</h3>
</div>
</body>
</html>