{{ data.name }}
- | {{ data.results[data.results.length - 1].hostname }}
+ | {{ data.results[data.results.length - 1].hostname }}
-
+
{{ (minResponseTime === maxResponseTime ? minResponseTime : (minResponseTime + '-' + maxResponseTime)) }}ms
-
-
+
+
+
+
+
+
+
+
-
-
-
+
+
-
-
- {{ generatePrettyTimeAgo(data.results[0].timestamp) }}
-
-
- {{ generatePrettyTimeAgo(data.results[data.results.length - 1].timestamp) }}
-
+
+
+ {{ generatePrettyTimeAgo(data.results[0].timestamp) }}
+
+
+ {{ generatePrettyTimeAgo(data.results[data.results.length - 1].timestamp) }}
+
+
+
+
+
+
+
@@ -153,7 +164,7 @@ export default {
content: "X";
}
-@media screen and (max-width: 450px) {
+@media screen and (max-width: 600px) {
.status.status-success::after,
.status.status-failure::after {
content: " ";
diff --git a/web/app/src/views/Details.vue b/web/app/src/views/Details.vue
index c1d34f08..553e393e 100644
--- a/web/app/src/views/Details.vue
+++ b/web/app/src/views/Details.vue
@@ -7,6 +7,7 @@
UPTIME
@@ -73,10 +74,12 @@ import Settings from '@/components/Settings.vue'
import Service from '@/components/Service.vue';
import {SERVER_URL} from "@/main.js";
import {helper} from "@/mixins/helper.js";
+import Pagination from "@/components/Pagination";
export default {
name: 'Details',
components: {
+ Pagination,
Service,
Settings,
},
@@ -85,7 +88,7 @@ export default {
methods: {
fetchData() {
//console.log("[Details][fetchData] Fetching data");
- fetch(`${this.serverUrl}/api/v1/statuses/${this.$route.params.key}`)
+ fetch(`${this.serverUrl}/api/v1/statuses/${this.$route.params.key}?page=${this.currentPage}`)
.then(response => response.json())
.then(data => {
if (JSON.stringify(this.serviceStatus) !== JSON.stringify(data)) {
@@ -138,7 +141,11 @@ export default {
},
showTooltip(result, event) {
this.$emit('showTooltip', result, event);
- }
+ },
+ changePage(page) {
+ this.currentPage = page;
+ this.fetchData();
+ },
},
data() {
return {
@@ -147,6 +154,7 @@ export default {
uptime: {"7d": 0, "24h": 0, "1h": 0},
// Since this page isn't at the root, we need to modify the server URL a bit
serverUrl: SERVER_URL === '.' ? '..' : SERVER_URL,
+ currentPage: 1,
}
},
created() {
diff --git a/web/app/src/views/Home.vue b/web/app/src/views/Home.vue
index 5a1baaf7..7b6f5d8e 100644
--- a/web/app/src/views/Home.vue
+++ b/web/app/src/views/Home.vue
@@ -1,16 +1,19 @@
+