From 11ef22edec3502ec5a9b90c609b7f2f4f1588505 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karel=20Kr=C3=BDda?= <karel.kryda@gmail.com>
Date: Sat, 30 Apr 2022 15:13:13 +0200
Subject: [PATCH] Fixed remaining lint errors

---
 src/languages/en.js              | 1 -
 src/pages/EditMaintenance.vue    | 2 --
 src/pages/MaintenanceDetails.vue | 6 +++---
 src/pages/StatusPage.vue         | 2 +-
 4 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/languages/en.js b/src/languages/en.js
index df4e583e..8bb1a73c 100644
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -15,7 +15,6 @@ export default {
     "Pick Affected Monitors...": "Pick Affected Monitors...",
     "Start of maintenance": "Start of maintenance",
     "Expected end of maintenance": "Expected end of maintenance",
-    Start: "Start",
     End: "End",
     affectedMonitorsDescription: "Select monitors that are affected by current maintenance",
     atLeastOneMonitor: "Select at least one affected monitor",
diff --git a/src/pages/EditMaintenance.vue b/src/pages/EditMaintenance.vue
index 84675c0c..e8cfeb4f 100644
--- a/src/pages/EditMaintenance.vue
+++ b/src/pages/EditMaintenance.vue
@@ -87,7 +87,6 @@
 </template>
 
 <script>
-import CopyableInput from "../components/CopyableInput.vue";
 
 import { useToast } from "vue-toastification";
 import VueMultiselect from "vue-multiselect";
@@ -96,7 +95,6 @@ const toast = useToast();
 
 export default {
     components: {
-        CopyableInput,
         VueMultiselect,
     },
 
diff --git a/src/pages/MaintenanceDetails.vue b/src/pages/MaintenanceDetails.vue
index c3b9abee..4f9779f6 100644
--- a/src/pages/MaintenanceDetails.vue
+++ b/src/pages/MaintenanceDetails.vue
@@ -1,7 +1,7 @@
 <template>
     <transition name="slide-fade" appear>
         <div v-if="maintenance">
-            <h1> {{ maintenance.title }}</h1>
+            <h1>{{ maintenance.title }}</h1>
             <p class="url">
                 <span>{{ $t("Start") }}: {{ $root.datetimeMaintenance(maintenance.start_date) }}</span>
                 <br>
@@ -18,11 +18,11 @@
             </div>
 
             <label for="description" class="form-label" style="margin-top: 20px">{{ $t("Description") }}</label>
-            <textarea id="description" class="form-control" disabled>{{ maintenance.description }}</textarea>
+            <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" class="btn btn-monitor" style="margin: 5px; cursor: auto; color: white; font-weight: bold">
+            <button v-for="monitor in affectedMonitors" :key="monitor.id" class="btn btn-monitor" style="margin: 5px; cursor: auto; color: white; font-weight: bold">
                 {{ monitor }}
             </button>
 
diff --git a/src/pages/StatusPage.vue b/src/pages/StatusPage.vue
index 46a2c79f..8914d5ca 100644
--- a/src/pages/StatusPage.vue
+++ b/src/pages/StatusPage.vue
@@ -198,7 +198,7 @@
             <!-- Maintenance -->
             <template v-if="maintenance.length !== 0">
                 <div
-                    v-for="maintenanceItem in maintenance" class="shadow-box alert mb-4 p-4 maintenance" role="alert"
+                    v-for="maintenanceItem in maintenance" :key="maintenanceItem.id" class="shadow-box alert mb-4 p-4 maintenance" role="alert"
                     :class="maintenanceClass"
                 >
                     <h4 class="alert-heading" v-text="maintenanceItem.title" />