Merge pull request #525 from jamez70/church-up-weather-status-page

Church up weather status page
pull/527/head
cyoung 2016-11-17 10:37:26 -05:00 zatwierdzone przez GitHub
commit 7b1dbf1975
3 zmienionych plików z 45 dodań i 4 usunięć

Wyświetl plik

@ -131,22 +131,45 @@
content: "\f1d9";
}
.report_TAF {
border-radius: 5px;
background-color: cornsilk;
color: black;
}
.report_PIREP {
border-radius: 5px;
background-color: gainsboro;
color: black;
}
.report_WINDS {
border-radius: 5px;
background-color: lavender;
color: black;
}
.flight_condition_VFR {
border-radius: 5px;
background-color: forestgreen;
color: white;
}
.flight_condition_MVFR {
left-border: 120px;
border-radius: 5px;
background-color: blue;
color: white;
}
.flight_condition_IFR {
border-radius: 5px;
background-color: crimson;
color: white;
}
.flight_condition_LIFR {
border-radius: 5px;
background-color: darkorchid;
color: white;
}

Wyświetl plik

@ -6373,50 +6373,62 @@ a.label:focus {
.label-default {
background-color: #777777;
border-radius: 5px;
}
.label-default[href]:focus {
background-color: #5e5e5e;
border-radius: 5px;
}
.label-primary {
background-color: #007aff;
border-radius: 5px;
}
.label-primary[href]:focus {
background-color: #0062cc;
border-radius: 5px;
}
.label-success {
background-color: #4cd964;
border-radius: 5px;
}
.label-success[href]:focus {
background-color: #2ac845;
border-radius: 5px;
}
.label-info {
background-color: #34aadc;
border-radius: 5px;
}
.label-info[href]:focus {
background-color: #218ebd;
border-radius: 5px;
}
.label-warning {
background-color: #ffcc00;
border-radius: 5px;
}
.label-warning[href]:focus {
background-color: #cca300;
border-radius: 5px;
}
.label-danger {
background-color: #ff3b30;
border-radius: 5px;
}
.label-danger[href]:focus {
background-color: #fc0d00;
border-radius: 5px;
}
.badge {

14
web/plates/weather.html 100755 → 100644
Wyświetl plik

@ -29,8 +29,11 @@
<div class="separator"></div>
<div class="col-sm-12">
<span class="col-xs-3"><strong>{{weather.location}}</strong></span>
<span ng-class="weather.flight_condition ? 'col-xs-3 label label-success flight_condition_{{weather.flight_condition}}' : 'col-xs-3'">{{weather.type}}</span>
<span class="col-xs-6 text-right">{{weather.time}}</span>
<span class="col-xs-3" align="center">
<div align="center" ng-class="weather.flight_condition ? ' label label-success flight_condition_{{weather.flight_condition}}' : 'label label-success report_{{weather.type}}'">{{weather.type}}</div>
</span>
<span class="col-xs-4">&nbsp;</span>
<span class="col-xs-2 text-right" style="background-color: {{weather.backcolor}}">{{weather.time}}</span>
</div>
<div class="col-sm-12">
<span class="col-xs-10">{{weather.data}}</span>
@ -62,8 +65,11 @@
<div class="separator"></div>
<div class="col-sm-12">
<span class="col-xs-3"><strong>{{weather.location}}</strong></span>
<span ng-class="weather.flight_condition ? 'col-xs-3 label label-success flight_condition_{{weather.flight_condition}}' : 'col-xs-3'">{{weather.type}}</span>
<span class="col-xs-6 text-right">{{weather.time}}</span>
<span class="col-xs-3" align="center">
<div align="center" ng-class="weather.flight_condition ? ' label label-success flight_condition_{{weather.flight_condition}}' : 'label label-success report_{{weather.type}}'">{{weather.type}}</div>
</span>
<span class="col-xs-4">&nbsp;</span>
<span class="col-xs-2 text-right" style="background-color: {{weather.backcolor}}">{{weather.time}}</span>
</div>
<div class="col-sm-12">
<span class="col-xs-10">{{weather.data}}</span>