views/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<!DOCTYPE html>
<html ng-app="status-app">

<head>
    <meta charset="utf-8">
    <link href='https://fonts.googleapis.com/css?family=Lato:300,400italic' rel='stylesheet' type='text/css'>
    <title>Radiodiodi system status</title>
    <script src="angular.min.js"></script>
    <script src="client.js"></script>
    <link rel="stylesheet" href="style.css" />
</head>
<body ng-controller="status-controller">

    <div ng-repeat="system in systems" ng-class="system.status ? 'good-system' : 'bad-system'">
        <h1>
            {{ system.name }}
        </h1>
        <h3>{{ system.status ? "UP" : "DOWN" }}</h3>
        <h3>Uptime: {{ system.uptime }}%</h3>
    </div>

</body>
</html>