From f4f2940c5aba76fe3ce6cdb3079cdba9e6beeaf2 Mon Sep 17 00:00:00 2001
From: Frank Elsinga <frank@elsinga.de>
Date: Mon, 5 Jan 2026 22:20:34 +0100
Subject: [PATCH] remove maintenancedDtetails

---
 src/pages/MaintenanceDetails.vue | 169 -------------------------------
 src/pages/ManageMaintenance.vue  |  12 ---
 src/router.js                    |   4 -
 src/util.ts                      |   9 --
 4 files changed, 194 deletions(-)
 delete mode 100644 src/pages/MaintenanceDetails.vue

diff --git a/src/pages/MaintenanceDetails.vue b/src/pages/MaintenanceDetails.vue
deleted file mode 100644
index edcb3a0d5..000000000
--- a/src/pages/MaintenanceDetails.vue
+++ /dev/null
@@ -1,169 +0,0 @@
-<template>
-    <transition name="slide-fade" appear>
-        <div v-if="maintenance">
-            <h1>{{ maintenance.title }}</h1>
-            <p class="url">
-                <span>{{ $t("Start") }}: {{ $root.datetimeMaintenance(maintenance.start_date) }}</span>
-                <br>
-                <span>{{ $t("End") }}: {{ $root.datetimeMaintenance(maintenance.end_date) }}</span>
-            </p>
-
-            <div class="functions" style="margin-top: 10px;">
-                <router-link :to=" '/maintenance/edit/' + maintenance.id " class="btn btn-secondary">
-                    <font-awesome-icon icon="edit" /> {{ $t("Edit") }}
-                </router-link>
-                <button class="btn btn-danger" @click="deleteDialog">
-                    <font-awesome-icon icon="trash" /> {{ $t("Delete") }}
-                </button>
-            </div>
-
-            <label for="description" class="form-label" style="margin-top: 20px;">{{ $t("Description") }}</label>
-            <textarea id="description" v-model="maintenance.description" class="form-control" disabled></textarea>
-
-            <label for="affected_monitors" class="form-label" style="margin-top: 20px;">{{ $t("Affected Monitors") }}</label>
-            <br>
-            <button v-for="monitor in affectedMonitors" :key="monitor.id" class="btn btn-monitor" style="margin: 5px; cursor: auto; color: white; font-weight: 500;">
-                {{ monitor }}
-            </button>
-            <br />
-
-            <label for="selected_status_pages" class="form-label" style="margin-top: 20px;">{{ $t("Show this Maintenance Message on which Status Pages") }}</label>
-            <br>
-            <button v-for="statusPage in selectedStatusPages" :key="statusPage.id" class="btn btn-monitor" style="margin: 5px; cursor: auto; color: white; font-weight: 500;">
-                {{ statusPage }}
-            </button>
-
-            <Confirm ref="confirmDelete" btn-style="btn-danger" :yes-text="$t('Yes')" :no-text="$t('No')" @yes="deleteMaintenance">
-                {{ $t("deleteMaintenanceMsg") }}
-            </Confirm>
-        </div>
-    </transition>
-</template>
-
-<script>
-import { useToast } from "vue-toastification";
-const toast = useToast();
-import Confirm from "../components/Confirm.vue";
-
-export default {
-    components: {
-        Confirm,
-    },
-    data() {
-        return {
-            affectedMonitors: [],
-            selectedStatusPages: [],
-        };
-    },
-    computed: {
-        maintenance() {
-            let id = this.$route.params.id;
-            return this.$root.maintenanceList[id];
-        },
-    },
-    mounted() {
-        this.init();
-    },
-    methods: {
-        /**
-         * Initialise page
-         * @returns {void}
-         */
-        init() {
-            this.$root.getSocket().emit("getMonitorMaintenance", this.$route.params.id, (res) => {
-                if (res.ok) {
-                    this.affectedMonitors = Object.values(res.monitors).map(monitor => monitor.name);
-                } else {
-                    toast.error(res.msg);
-                }
-            });
-
-            this.$root.getSocket().emit("getMaintenanceStatusPage", this.$route.params.id, (res) => {
-                if (res.ok) {
-                    this.selectedStatusPages = Object.values(res.statusPages).map(statusPage => statusPage.title);
-                } else {
-                    toast.error(res.msg);
-                }
-            });
-        },
-
-        /**
-         * Confirm deletion
-         * @returns {void}
-         */
-        deleteDialog() {
-            this.$refs.confirmDelete.show();
-        },
-
-        /**
-         * Delete maintenance after showing confirmation
-         * @returns {void}
-         */
-        deleteMaintenance() {
-            this.$root.deleteMaintenance(this.maintenance.id, (res) => {
-                this.$root.toastRes(res);
-                this.$router.push("/maintenance");
-            });
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import "../assets/vars.scss";
-
-@media (max-width: 550px) {
-    .functions {
-        text-align: center;
-
-        button, a {
-            margin-left: 10px !important;
-            margin-right: 10px !important;
-        }
-    }
-}
-
-@media (max-width: 400px) {
-    .btn {
-        display: inline-flex;
-        flex-direction: column;
-        align-items: center;
-        padding-top: 10px;
-    }
-
-    a.btn {
-        padding-left: 25px;
-        padding-right: 25px;
-    }
-}
-
-.url {
-    color: $primary;
-    margin-bottom: 20px;
-    font-weight: bold;
-
-    a {
-        color: $primary;
-    }
-}
-
-.functions {
-    button, a {
-        margin-right: 20px;
-    }
-}
-
-textarea {
-    min-height: 100px;
-    resize: none;
-}
-
-.btn-monitor {
-    background-color: #5cdd8b;
-}
-
-.dark .btn-monitor {
-    color: #020b05 !important;
-}
-
-</style>
diff --git a/src/pages/ManageMaintenance.vue b/src/pages/ManageMaintenance.vue
index dc457d8db..cc35ff081 100644
--- a/src/pages/ManageMaintenance.vue
+++ b/src/pages/ManageMaintenance.vue
@@ -38,8 +38,6 @@
                     </div>
 
                     <div class="buttons">
-                        <router-link v-if="false" :to="maintenanceURL(item.id)" class="btn btn-light">{{ $t("Details") }}</router-link>
-
                         <div class="btn-group" role="group">
                             <button v-if="item.active" class="btn btn-normal" :aria-label="$t('ariaPauseMaintenance')" @click="pauseDialog(item.id)">
                                 <font-awesome-icon icon="pause" /> {{ $t("Pause") }}
@@ -82,7 +80,6 @@
 
 <script>
 import { getResBaseURL } from "../util-frontend";
-import { getMaintenanceRelativeURL } from "../util.ts";
 import Confirm from "../components/Confirm.vue";
 import MaintenanceTime from "../components/MaintenanceTime.vue";
 
@@ -135,15 +132,6 @@ export default {
             }
         },
 
-        /**
-         * Get maintenance URL
-         * @param {number} id ID of maintenance to read
-         * @returns {string} Relative URL
-         */
-        maintenanceURL(id) {
-            return getMaintenanceRelativeURL(id);
-        },
-
         /**
          * Show delete confirmation
          * @param {number} maintenanceID ID of maintenance to show delete
diff --git a/src/router.js b/src/router.js
index 716202d50..9c39eef69 100644
--- a/src/router.js
+++ b/src/router.js
@@ -150,10 +150,6 @@ const routes = [
                         path: "/maintenance",
                         component: ManageMaintenance,
                     },
-                    {
-                        path: "/maintenance/:id",
-                        component: MaintenanceDetails,
-                    },
                     {
                         path: "/add-maintenance",
                         component: EditMaintenance,
diff --git a/src/util.ts b/src/util.ts
index 2fe92bf7c..4fd1cce9d 100644
--- a/src/util.ts
+++ b/src/util.ts
@@ -534,15 +534,6 @@ export function getMonitorRelativeURL(id: string) {
     return "/dashboard/" + id;
 }
 
-/**
- * Get relative path for maintenance
- * @param id ID of maintenance
- * @returns Formatted relative path
- */
-export function getMaintenanceRelativeURL(id: string) {
-    return "/maintenance/" + id;
-}
-
 /**
  * Parse to Time Object that used in VueDatePicker
  * @param {string} time E.g. 12:00