From dd8cefe2cb66ff17cce437cb5c3ada4f40fd3b91 Mon Sep 17 00:00:00 2001
From: Amandus Butzer <amandus.butzer@heigit.org>
Date: Mon, 24 Jun 2024 16:27:06 +0200
Subject: [PATCH] feat: add info banner for maintenance

- start and end date currently hardcoded
---
 src/fragments/InfoBanner.vue | 17 +++++++++++++++++
 src/pages/maps/Maps.vue      |  1 +
 src/pages/maps/maps.js       |  2 ++
 3 files changed, 20 insertions(+)
 create mode 100644 src/fragments/InfoBanner.vue

diff --git a/src/fragments/InfoBanner.vue b/src/fragments/InfoBanner.vue
new file mode 100644
index 000000000..8e593b03d
--- /dev/null
+++ b/src/fragments/InfoBanner.vue
@@ -0,0 +1,17 @@
+<template>
+  <div></div>
+</template>
+<script>
+export default {
+  name: 'InfoBanner',
+  created() {
+    const now = Date.now()
+    const bannerStart = Date.parse('2024-06-24T14:52:00')
+    const bannerEnd = Date.parse('2024-06-29T00:00:00')
+    const bannerText = 'Due to Server Maintenance on June 24th at 17:00 CET there might be some network disruptions that restrict functionality.<br>On Friday, June 28th at 8:30 CET for 6-24h this application won\'t be working properly due to unavailable geocoding.'
+    if (bannerStart < now && now < bannerEnd) {
+      this.showError(bannerText, {timeout: 0, y: 'top', x: 'no'})
+    }
+  }
+}
+</script>
diff --git a/src/pages/maps/Maps.vue b/src/pages/maps/Maps.vue
index bf2441b0d..ed6128ceb 100644
--- a/src/pages/maps/Maps.vue
+++ b/src/pages/maps/Maps.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="maps" :style="{height: viewHeight + 'px'}">
+    <info-banner />
     <resize-observer @notify="setViewHeight()" />
     <simple-place-search :height="simpleMapSearchHeight" v-if="simpleSearchIsVisible"></simple-place-search>
     <v-btn round v-if="refreshSearchAvailable"
diff --git a/src/pages/maps/maps.js b/src/pages/maps/maps.js
index 102f69084..ee6c0f01d 100644
--- a/src/pages/maps/maps.js
+++ b/src/pages/maps/maps.js
@@ -16,6 +16,7 @@ import { ResizeObserver } from 'vue-resize'
 import Place from '@/models/place'
 import lodash from 'lodash'
 import {EventBus} from '@/common/event-bus'
+import InfoBanner from '@/fragments/InfoBanner.vue'
 
 export default {
   data: () => ({
@@ -41,6 +42,7 @@ export default {
     previousMapViewDataTimeStamp: null
   }),
   components: {
+    InfoBanner,
     MapView,
     SimplePlaceSearch,
     Altitude,