New FANCY mumble status

This commit is contained in:
Schnitzel 2021-02-18 18:51:01 +01:00
parent 82349d2c3f
commit 5f0fb58d87
1 changed files with 9 additions and 8 deletions

View File

@ -30,12 +30,13 @@
<li class="divider-vertical"></li> <li class="divider-vertical"></li>
<li><a href="https://chaospott.de/calendar.html">Termine</a></li> <li><a href="https://chaospott.de/calendar.html">Termine</a></li>
</ul> </ul>
<!--<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<script> <script>
$.getJSON("https://status.chaospott.de/api/").done(function (data) { $.getJSON("https://apoc.uber.space/chaospott_mumble.json").done(function (data) {
if (data.state.open) { if (data.connected_users > 0) {
$("#status_open").css("display", "block"); $("#status_open").css("display", "block");
$("#status_bar").css("borderColor", "#29A900"); $("#status_bar").css("borderColor", "#29A900");
document.getElementById("mumble_users_online").text_content=data.connected_users;
} else { } else {
$("#status_closed").css("display", "block"); $("#status_closed").css("display", "block");
$("#status_bar").css("borderColor", "#D9534F"); $("#status_bar").css("borderColor", "#D9534F");
@ -43,16 +44,16 @@
}); });
</script> </script>
<li id="status_open" style="background-color:#29A900;"> <li id="status_open" style="background-color:#29A900;">
<a href="/status.html" style="color:#ffffff !important;"> <a href="mumble://mumble.chaospott.de" style="color:#ffffff !important;">
<i class="fa fa-unlock"></i> Raumstatus: offen <i class="fa fa-unlock"></i> Nutzer online: <span id="mumble_users_online"></span>
</a> </a>
</li> </li>
<li id="status_closed" style="background-color:#D9534F;"> <li id="status_closed" style="background-color:#D9534F;">
<a href="/status.html" style="color:#ffffff !important;"> <a href="mumble://mumble.chaospott.de" style="color:#ffffff !important;">
<i class="fa fa-lock"></i> Raumstatus: geschlossen <i class="fa fa-lock"></i> Keine Nutzer online
</a> </a>
</li> </li>
</ul>--> </ul>
</div> </div>
</div> </div>
<a href="/2020/03/28/virtueller-chaostreff.html"> <a href="/2020/03/28/virtueller-chaostreff.html">