From 6f01c35a0f992925c7e00035cd0486af60db31a9 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Wed, 18 Oct 2023 02:56:31 +0200
Subject: [PATCH] [UI] Added utilities to get and set args on the URL fragment.

---
 platypush/backend/http/webapp/src/Utils.vue   |  2 +
 .../backend/http/webapp/src/style/items.scss  |  2 +-
 .../backend/http/webapp/src/utils/Url.vue     | 37 +++++++++++++++++++
 3 files changed, 40 insertions(+), 1 deletion(-)
 create mode 100644 platypush/backend/http/webapp/src/utils/Url.vue

diff --git a/platypush/backend/http/webapp/src/Utils.vue b/platypush/backend/http/webapp/src/Utils.vue
index 17069fbee..ba169c41a 100644
--- a/platypush/backend/http/webapp/src/Utils.vue
+++ b/platypush/backend/http/webapp/src/Utils.vue
@@ -9,6 +9,7 @@ import Notification from "@/utils/Notification";
 import Screen from "@/utils/Screen";
 import Text from "@/utils/Text";
 import Types from "@/utils/Types";
+import Url from "@/utils/Url";
 
 export default {
   name: "Utils",
@@ -23,6 +24,7 @@ export default {
     Screen,
     Text,
     Types,
+    Url,
   ],
 }
 </script>
diff --git a/platypush/backend/http/webapp/src/style/items.scss b/platypush/backend/http/webapp/src/style/items.scss
index f568abce5..555a3b4da 100644
--- a/platypush/backend/http/webapp/src/style/items.scss
+++ b/platypush/backend/http/webapp/src/style/items.scss
@@ -4,7 +4,7 @@ $header-height: 3.5em;
   display: flex;
   align-items: center;
   padding: .75em .25em;
-  box-shadow: 0 2.5px 2px -1px $default-shadow-color;
+  border-bottom: 1px solid $default-shadow-color;
   cursor: pointer;
 
   &:hover {
diff --git a/platypush/backend/http/webapp/src/utils/Url.vue b/platypush/backend/http/webapp/src/utils/Url.vue
new file mode 100644
index 000000000..376e3a4f6
--- /dev/null
+++ b/platypush/backend/http/webapp/src/utils/Url.vue
@@ -0,0 +1,37 @@
+<script>
+export default {
+  name: "Url",
+  methods: {
+    parseUrlFragment() {
+      return window.location.href.replace(/.*#(\w+)[?;]?.*/, '$1')
+    },
+
+    getUrlArgs() {
+      return window.location.href
+        .replace(/.*#/, '')
+        .replace(/.*\?/, '')
+        .split(/[&;]/)
+        .reduce((acc, obj) => {
+          const tokens = obj.split('=')
+          acc[tokens[0]] = tokens[1]
+          return acc
+        }, {})
+    },
+
+    setUrlArgs(args) {
+      window.location.href = (
+        `/#${this.parseUrlFragment()}?${this.fragmentFromArgs(args)}`
+      )
+    },
+
+    fragmentFromArgs(args) {
+      return Object.entries(args)
+        .map(
+          ([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`
+        )
+        .join('&')
+    },
+  },
+}
+</script>
+