From 93b227e76e71394f1eea48f225f22b6048c1d3d1 Mon Sep 17 00:00:00 2001
From: stingl <o.stingl@vemap.com>
Date: Mon, 30 Aug 2021 13:55:32 +0200
Subject: [PATCH] import for portals

---
 index.html | 13 +++++++++++--
 js/app.js  | 23 ++++++++++++++++++++++-
 2 files changed, 33 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index 979e07c..484c9ee 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/css/iziToast.css">
 </head>
 
-<body oncontextmenu="return false;">
+<body>
 <div id="root">
     <div class="container">
         <link rel="stylesheet" :href="'https://bootswatch.com/5/' + theme + '/bootstrap.min.css'">
@@ -272,6 +272,12 @@
                             </select>
                         </div>
                         <br/>
+                        <div class="form-group">
+                            <label>Portalnamen <a class="text-muted" href="https://settings.vemap.docker/?fetchPortals" target="_blank">(Import-String hier)</a></label>
+                            <input v-model="importStringForPortals" class="form-control"/>
+                            <a href="javascript:" @click="importPortalsJson" class="btn" v-if="this.importStringForPortals !== ''">Import</a>
+                        </div>
+                        <br/>
                     </div>
                     <div class="col-md-6">
                         <h5>Zurücksetzen & Löschen</h5>
@@ -389,7 +395,10 @@
                         <div class="col-12">
                             <div class="form-group">
                                 <label class="text-muted">Portalname:</label>
-                                <input class="form-control" @change="updateStorage()" @keydown="updateStorage()" v-model="portal"/>
+                                <input v-if="!portals || portals.length === 0" class="form-control" @change="updateStorage()" @keydown="updateStorage()" v-model="portal"/>
+                                <select v-else v-model="portal" class="form-control">
+                                    <option v-for="selectablePortal in portals" value="selectablePortal">{{ selectablePortal }}</option>
+                                </select>
                             </div>
                         </div>
                         <template v-if="portal && portal !== ''">
diff --git a/js/app.js b/js/app.js
index 3dd7181..f57682e 100644
--- a/js/app.js
+++ b/js/app.js
@@ -14,7 +14,9 @@ const TimeTrack = {
             archive: [],
             selectedTicket: null,
             searchQuery: '',
-            portal: ''
+            portal: '',
+            portals: null,
+            importStringForPortals: ''
         }
     },
     mounted() {
@@ -58,10 +60,14 @@ const TimeTrack = {
 
             let storedPortal = localStorage.getItem('portal');
             this.portal = storedPortal == null ? '' : storedPortal;
+
+            let storedPortals = JSON.parse(localStorage.getItem('portals'));
+            this.portals = storedPortals == null ? null : storedPortals;
         },
         updateStorage() {
             localStorage.setItem('tickets', JSON.stringify(this.tickets));
             localStorage.setItem('archive', JSON.stringify(this.archive));
+            localStorage.setItem('portals', JSON.stringify(this.portals));
             localStorage.setItem('ticketSystemUrl', this.ticketSystemUrl);
             localStorage.setItem('showPT', this.showPT);
             localStorage.setItem('theme', this.theme);
@@ -326,6 +332,21 @@ const TimeTrack = {
                 });
                 vue.updateStorage();
             })
+        },
+        importPortalsJson() {
+            let vue = this;
+            if (this.importStringForPortals !== '') {
+                this.portals = JSON.parse(this.importStringForPortals);
+
+                this.importStringForPortals = '';
+                console.log(vue.portals.length);
+
+                iziToast.show({
+                    message: 'Portalnamen importiert',
+                    color: 'green'
+                });
+                this.updateStorage();
+            }
         }
     },
     watch: {
