07c290a453
- zoesch.de - blitzkiste.net - gruene-hassberge (norbert.zoesch.de) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
75 lines
2.8 KiB
HTML
75 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Get-Test</title>
|
|
<link rel="icon" href="img/favicon.png" type="image/x-icon" />
|
|
<!-- Bootstrap -->
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!-- Custom -->
|
|
<link href="css/custom.css" rel="stylesheet">
|
|
<link href="css/font-awesome.min.css" rel="stylesheet">
|
|
<link href="css/animate.css" rel="stylesheet">
|
|
<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/ui-darkness/jquery-ui.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/bootstrap-image-gallery.min.css">
|
|
|
|
<!-- js -->
|
|
<script src="js/jquery-2.1.3.min.js"></script>
|
|
<script src="js/jquery.inview.min.js"></script>
|
|
<!--script src="js/control.js"></script-->
|
|
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
|
|
<script src="js/dialog.js"></script>
|
|
<script src="js/main.js"></script>
|
|
<script src="js/modernizr.js"></script>
|
|
<script src="js/purl.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
<div id="station"></div>
|
|
<script>
|
|
var request = new XMLHttpRequest();
|
|
|
|
request.open('GET', 'https://api.charge-it-mobility.com/RNs/Prod/EVSEs-%3EStatus', true);
|
|
|
|
request.onload = function () {
|
|
// begin accessing JSON data here
|
|
var data = JSON.parse(this.response);
|
|
var ladepunkte = [
|
|
{code: "+49*822*501913362*1", name: "Marktplatz, Ladepunkt 1"},
|
|
{code: "+49*822*501913362*2", name: "Marktplatz, Ladepunkt 2"},
|
|
{code: "DE*BDO*E564751504*1", name: "FZZ, Ladepunkt 1"},
|
|
{code: "DE*BDO*E564751504*2", name: "FZZ, Ladepunkt 2"},
|
|
{code: "DE*BDO*E442011757*1", name: "FZZ, Ladepunkt 3"},
|
|
{code: "DE*BDO*E442011757*2", name: "FZZ, Ladepunkt 4"},
|
|
{code: "DE*LVF*E777028750*2", name: "Test, Ladepunkt 1"}
|
|
];
|
|
var state = "";
|
|
for (i = 0; i < ladepunkte.length; i++) {
|
|
var lpCode = ladepunkte[i].code;
|
|
var lpName = ladepunkte[i].name;
|
|
var status = data[lpCode];
|
|
if (status) {
|
|
var timeKey = Object.keys(status)[0];
|
|
var value = status[timeKey];
|
|
if (value == "Available") {
|
|
state += "Station " + lpName + " ist verfügbar" + "<br>";
|
|
} else {
|
|
state += "Station " + lpName + " ist belegt" + "<br>";
|
|
}
|
|
} else {
|
|
state += "Informationen für Station " + lpName + " nicht verfügbar" + "<br>";
|
|
}
|
|
document.getElementById('station').innerHTML = state;
|
|
}
|
|
};
|
|
request.send();
|
|
</script>
|
|
|
|
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
|
<script src="js/bootstrap.min.js"></script>
|
|
</body>
|
|
</html>
|