mirror of
https://github.com/DJ2LS/FreeDATA
synced 2024-05-14 08:04:33 +00:00
35 lines
991 B
Vue
35 lines
991 B
Vue
<script setup lang="ts">
|
|
import { setActivePinia } from "pinia";
|
|
import pinia from "../store/index";
|
|
setActivePinia(pinia);
|
|
|
|
import { useStateStore } from "../store/stateStore.js";
|
|
const state = useStateStore(pinia);
|
|
|
|
function getOverallHealth() {
|
|
//Return a number indicating health for icon bg color; lower the number the healthier
|
|
let health = 0;
|
|
if (state.modem_connection !== "connected") health += 5;
|
|
if (!state.is_modem_running) health += 3;
|
|
if (state.radio_status === false) health += 2;
|
|
if (process.env.FDUpdateAvail === "1") health += 1;
|
|
return health;
|
|
}
|
|
</script>
|
|
<template>
|
|
<a
|
|
class="btn border btn-outline-secondary list-group-item mb-5"
|
|
data-bs-html="false"
|
|
data-bs-toggle="modal"
|
|
data-bs-target="#modemCheck"
|
|
title="Check FreeDATA status"
|
|
:class="
|
|
getOverallHealth() > 4
|
|
? 'bg-danger'
|
|
: getOverallHealth() < 2
|
|
? ''
|
|
: 'bg-warning'
|
|
"
|
|
><i class="bi bi-activity h3"></i>
|
|
</a>
|
|
</template>
|