diff --git a/frontend/src/components/Service/AdvancedChart.vue b/frontend/src/components/Service/AdvancedChart.vue index 2a340c9a..650ef519 100644 --- a/frontend/src/components/Service/AdvancedChart.vue +++ b/frontend/src/components/Service/AdvancedChart.vue @@ -130,10 +130,10 @@ let ts = w.globals.seriesX[seriesIndex][dataPointIndex]; const dt = new Date(ts).toLocaleDateString("en-us", timeoptions) let val = series[seriesIndex][dataPointIndex]; - if (val >= 1000) { - val = (val * 0.1).toFixed(0) + " milliseconds" + if (val >= 10000) { + val = Math.round(val / 1000) + " ms" } else { - val = (val * 0.01).toFixed(0) + " microseconds" + val = val + " μs" } return `
Response Time: ${val}${dt}
` }, diff --git a/frontend/src/components/Service/MiniSparkLine.vue b/frontend/src/components/Service/MiniSparkLine.vue index 12f8aa38..e5141ca0 100644 --- a/frontend/src/components/Service/MiniSparkLine.vue +++ b/frontend/src/components/Service/MiniSparkLine.vue @@ -55,7 +55,7 @@ show: false, }, y: { - formatter: (value) => { return value + "%" }, + formatter: (value) => { return value + " %" }, }, }, title: { diff --git a/frontend/src/components/Service/ServiceChart.vue b/frontend/src/components/Service/ServiceChart.vue index 1e0cfba8..14283cee 100644 --- a/frontend/src/components/Service/ServiceChart.vue +++ b/frontend/src/components/Service/ServiceChart.vue @@ -113,12 +113,12 @@ let ts = w.globals.seriesX[seriesIndex][dataPointIndex]; const dt = new Date(ts).toLocaleDateString("en-us", timeoptions) let val = series[seriesIndex][dataPointIndex]; - let humanVal = this.humanTime(val); - return `
- Average Response Time: - ${humanVal} - ${dt} -
` + if (val >= 10000) { + val = Math.round(val / 1000) + " ms" + } else { + val = val + " μs" + } + return `
Average Response Time: ${val}${dt}
` }, fixed: { enabled: true, @@ -130,7 +130,7 @@ show: false, }, y: { - formatter: (value) => { return value + "%" }, + formatter: (value) => { return value + " %" }, }, }, legend: { diff --git a/frontend/src/components/Service/ServiceInfo.vue b/frontend/src/components/Service/ServiceInfo.vue index d12b80be..0da750f0 100644 --- a/frontend/src/components/Service/ServiceInfo.vue +++ b/frontend/src/components/Service/ServiceInfo.vue @@ -23,7 +23,7 @@
- {{service.online_24_hours.toString()}}% + {{service.online_24_hours.toString()}} % Total Uptime
@@ -83,7 +83,7 @@
- {{service.online_7_days}}% Uptime + {{service.online_7_days}} % Uptime
@@ -186,7 +186,7 @@ total += parseInt(f.y) }); total = total / data.length - return total.toFixed(0) + "ms" + return Math.round(total) + " ms" } else { return "Offline" } diff --git a/frontend/src/components/Service/ServiceSparkLine.vue b/frontend/src/components/Service/ServiceSparkLine.vue index 980e8b4f..296cf4c8 100644 --- a/frontend/src/components/Service/ServiceSparkLine.vue +++ b/frontend/src/components/Service/ServiceSparkLine.vue @@ -55,11 +55,7 @@ let ts = w.globals.seriesX[seriesIndex][dataPointIndex]; const dt = new Date(ts).toLocaleDateString("en-us", timeoptions) let val = series[seriesIndex][dataPointIndex]; - if (val >= 1000) { - val = (val * 0.1).toFixed(0) + " milliseconds" - } else { - val = (val * 0.01).toFixed(0) + " microseconds" - } + val = val + " ms" return `
Average Response Time: ${val}${dt}
` }, fixed: { @@ -72,7 +68,7 @@ show: false, }, y: { - formatter: (value) => { return value + "%" }, + formatter: (value) => { return value + " %" }, }, }, title: { diff --git a/frontend/src/components/Service/ServiceTopStats.vue b/frontend/src/components/Service/ServiceTopStats.vue index d7bc49a1..e6baf0f3 100644 --- a/frontend/src/components/Service/ServiceTopStats.vue +++ b/frontend/src/components/Service/ServiceTopStats.vue @@ -5,11 +5,11 @@ Average Response
- {{service.online_24_hours}}% + {{service.online_24_hours}} % Uptime last 24 Hours
- {{service.online_7_days}}% + {{service.online_7_days}} % Uptime last 7 Days
diff --git a/frontend/src/mixin.js b/frontend/src/mixin.js index 74dc8552..65b6b4ba 100644 --- a/frontend/src/mixin.js +++ b/frontend/src/mixin.js @@ -166,10 +166,10 @@ export default Vue.mixin({ return {data: newSet} }, humanTime(val) { - if (val >= 10000) { - return Math.floor(val / 10000) + "ms" + if (val >= 1000) { + return Math.round(val / 1000) + " ms" } - return Math.floor(val / 1000) + "μs" + return val + " μs" }, firstDayOfMonth(date) { return startOfMonth(date) diff --git a/frontend/src/pages/Service.vue b/frontend/src/pages/Service.vue index c32f2aa8..8e2d93ff 100644 --- a/frontend/src/pages/Service.vue +++ b/frontend/src/pages/Service.vue @@ -269,10 +269,10 @@ export default { let ts = w.globals.seriesX[seriesIndex][dataPointIndex]; const dt = new Date(ts).toLocaleDateString("en-us", timeoptions) let val = series[seriesIndex][dataPointIndex]; - if (val >= 1000) { - val = (val * 0.1).toFixed(0) + " milliseconds" + if (val >= 10000) { + val = Math.round(val / 1000) + " ms" } else { - val = (val * 0.01).toFixed(0) + " microseconds" + val = val + " μs" } return `
Response Time: ${val}${dt}
` },