77 lines
4.2 KiB
HTML
77 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head><title>Home - CTDO Raumstatus</title>
|
|
<script type="text/javascript" src="/js/vendor/angular.min.js"></script>
|
|
<script type="text/javascript" src="/socket.io/socket.io.js"></script>
|
|
<link rel="stylesheet" href="/css/ink-min.css">
|
|
<link rel="stylesheet" href="/css/rickshaw.min.css">
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
</head>
|
|
<body>
|
|
<div class="ink-grid">
|
|
<header><h1>chaostreff status</h1></header>
|
|
<div class="main-content">
|
|
<div class="intro"><p>Hier siehst du den aktuellen Status von uns. Die Daten werden vom Router und unserem
|
|
Flukso
|
|
eingesammelt. Die Anzahl der Geräte und der Status selber werden Minütlich abgefragt. Unseren
|
|
Energieverbrauch bekommst du alle fünf Sekunden neu. Den Status "geöffnet" oder "geschlossen"
|
|
bestimmt das Programm mit einem ping auf den Switch im Raum. Mit dem Knopf unter dem Stromverbrauch
|
|
kannst du einschalten, dass du eine Benachrichtigung bei einer Änderung bekommst. Der Tab muss dafür offen
|
|
bleiben.</p></div>
|
|
<div ng-controller="StatusCtrl" class="ink-grid">
|
|
<div class="column-group gutters">
|
|
<div class="large-20 medium-20 small-100">
|
|
<div class="status-icon status-icon-{{simple.state}}"></div>
|
|
<dl>
|
|
<dt>aktueller Status:</dt>
|
|
<dd>{{simple.state | statustostring}}</dd>
|
|
<dt>letzte Abfrage:</dt>
|
|
<dd>{{simple.lastchange | date:'dd.MM.yyyy HH:mm:ss'}}
|
|
<dt>aktive Geräte:</dt>
|
|
<dd>{{simple.count}}</dd>
|
|
</dd></dl>
|
|
</div>
|
|
<div class="large-50 medium-80 small-100"><h2>Anzahl Geräte im LAN:</h2>
|
|
<div id="graph"></div>
|
|
<h2>Personen anwesend:</h2><span ng-repeat="name in simple.names">{{name}}<span ng-show=" ! $last ">,
|
|
<!-- --></span></span></div>
|
|
<div class="large-30 medium-100 small-100"><h2>Energieverbrauch</h2>
|
|
<div id="gauge" class="power"></div>
|
|
<button type="button" onclick="toggle();" id="notificationButton" class="btn btn-block btn-danger">
|
|
Statusbenachrichtigungen aus
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer>
|
|
<nav class="ink-navigation">
|
|
<ul class="menu horizontal">
|
|
<li><a href="/">Raumstatus</a></li>
|
|
<li><a href="//www.chaostreff-dortmund.de/">CTDO Webseite</a></li>
|
|
<li><a href="//wiki.ctdo.de/">CTDO Wiki</a></li>
|
|
<li><a href="https://repos.ctdo.de/ctdo/raumstatus/tree/master">Source</a></li>
|
|
</ul>
|
|
</nav>
|
|
</footer>
|
|
</div>
|
|
<script type="text/javascript" src="/js/vendor/jquery-1.9.1.min.js"></script>
|
|
<script type="text/javascript" src="/js/vendor/ink.min.js"></script>
|
|
<script type="text/javascript" src="/js/vendor/autoload.js"></script>
|
|
<script type="text/javascript" src="/js/vendor/html5shiv.js"></script>
|
|
<script type="text/javascript" src="/js/vendor/prettify.js"></script>
|
|
<script type="text/javascript" src="/js/vendor/modernizr.js"></script>
|
|
<script type="text/javascript" src="/js/app.js"></script>
|
|
<script type="text/javascript" src="/js/vendor/cheet.min.js"></script>
|
|
<script type="text/javascript" src="/js/vendor/notification.js"></script>
|
|
<script type="text/javascript" src="/js/easter.js"></script>
|
|
<script type="text/javascript" src="/js/vendor/d3.min.js"></script>
|
|
<script type="text/javascript" src="/js/vendor/d3.layout.min.js"></script>
|
|
<script type="text/javascript" src="/js/vendor/rickshaw.min.js"></script>
|
|
<script type="text/javascript" src="/js/vendor/moment.min.js"></script>
|
|
<script type="text/javascript" src="/js/graph.js"></script>
|
|
<script type="text/javascript" src="/js/vendor/raphael.2.1.0.min.js"></script>
|
|
<script type="text/javascript" src="/js/vendor/justgage.1.0.1.min.js"></script>
|
|
</body>
|
|
</html> |