Add visual cues suggested by Don.

This commit is contained in:
jkaplon 2015-08-28 13:08:36 -04:00
parent 7c8c3c0189
commit e90141a070
2 changed files with 14 additions and 3 deletions

View File

@ -14,8 +14,18 @@
<!-- Optional theme -->
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> -->
<style type="text/css">.jumbotron.closed {background-color:#FF0000 !important;} </style>
<style type="text/css">.jumbotron.open {background-color:Green !important;} </style>
<style type="text/css">
.jumbotron.closed {
background-color:#FF0000 !important;
color:white;
}
</style>
<style type="text/css">
.jumbotron.open {
background-color:Green !important;
color:white;
}
</style>
</head>
<body class="container-fluid">

View File

@ -2,11 +2,12 @@
{{! Index-0 is the most recent message. }}
<div class="jumbotron {{values.0.statusClass}}">
<h2 class="text-center">{{values.0.status}}</h2>
<h1 class="text-center"><b>{{values.0.status}}</b></h1>
</div>
<div>
<h3 class="text-center">Update received: {{values.0.pubDate}}, {{values.0.pubTime}}</h3>
</div>
<hr></hr>
<div>
<h4 class="text-center">Prior update was: {{values.1.status}} at {{values.1.pubDate}}, {{values.1.pubTime}}</h4>
</div>