Powiadomienie o migracji

src/App.scss

@@ -63,6 +63,16 @@
   }
 }
 
+.warning {
+  background-color: firebrick;
+  text-align: center;
+  padding: 0.5em 0.4em;
+  max-width: 1100px;
+  margin: 0 auto;
+  
+  border-radius: 0 0 1em 1em;
+}
+
 // Error icon
 .wip-alert {
   padding: 0 0.5em;

src/App.vue

@@ -59,6 +59,13 @@
       </header>
 
       <main class="app_main">
+        <div class="warning" v-if="!warningConfirmed">
+          {{ $t('app.migration-warning') }}
+          <button @click="confirmWarning" class="btn btn--text" style="text-decoration: underline">
+            {{ $t('app.migration-confirm') }}
+          </button>
+        </div>
+
         <router-view v-slot="{ Component }">
           <!-- <transition name="view-anim" mode="out-in"> -->
           <keep-alive>
@@ -132,6 +139,8 @@ export default defineComponent({
     VERSION: packageInfo.version,
     updateModalVisible: false,
     hasReleaseNotes: false,
+    warningConfirmed: false,
+
     currentLang: 'pl',
 
     brand_logo: require('@/assets/stacjownik-header-logo.svg'),
@@ -147,6 +156,7 @@ export default defineComponent({
 
   created() {
     this.loadLang();
+    this.warningConfirmed = StorageManager.getBooleanValue('warning-confirmed') || false;
   },
 
   async mounted() {
@@ -162,6 +172,11 @@ export default defineComponent({
   },
 
   methods: {
+    confirmWarning() {
+      this.warningConfirmed = true;
+      StorageManager.setBooleanValue('warning-confirmed', true);
+    },
+
     toggleUpdateModal() {
       this.updateModalVisible = !this.updateModalVisible;
       StorageManager.setBooleanValue('version_notes_read', true);

src/locales/en.json

@@ -6,7 +6,9 @@
     "loading": "Loading data...",
     "support": "Support the project",
     "error": "An error occured while loading data!",
-    "no-result": "No results for current search!"
+    "no-result": "No results for current search!",
+    "migration-warning": "Stacjownik services will be unavailable 2/06/2022 between 1-3am due to the migration of API hostings!",
+    "migration-confirm": "Roger that!"
   },
   "data-status": {
     "S1a-connection": "<b>S1a signal</b> <br> Cannot connect with SWDR API service!",

src/locales/pl.json

@@ -6,7 +6,9 @@
     "loading": "Pobieranie danych...",
     "support": "Wspomóż projekt",
     "error": "Wystąpił problem z załadowaniem danych!",
-    "no-result": "Brak wyników o podanych kryteriach!"
+    "no-result": "Brak wyników o podanych kryteriach!",
+    "migration-warning": "Usługi Stacjownika będą niedostępne w godzinach 1:00-3:00 2 czerwca 2022r. z powodu migracji hostingów API!",
+    "migration-confirm": "Przyjąłem!"
   },
 
   "data-status": {