From 813b1c09fceacfa55a250cb35f1133cef7dc121f Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Sat, 18 Feb 2023 00:16:08 +0100
Subject: [PATCH 01/33] share: added background image

---
 public/config.json                     |  4 +--
 public/static/app.css                  |  8 ++++-
 public/static/style.css                | 12 +++++++
 src/components/AlbumContent.vue        | 43 ++++++++++++++++++--------
 src/components/BoxContent.vue          | 42 ++++++++++++++++++-------
 src/components/dialogs/SharedItems.vue |  4 +--
 src/components/dialogs/Users.vue       |  8 +----
 7 files changed, 84 insertions(+), 37 deletions(-)

diff --git a/public/config.json b/public/config.json
index f966bb7..a3b7d4a 100644
--- a/public/config.json
+++ b/public/config.json
@@ -1,5 +1,5 @@
 {
-  "backend_dev": "http://localhost:31204",
-  "backend_de": "https://webplay.rocks",
+  "backend_de": "http://localhost:31204",
+  "backend_dev": "https://webplay.rocks",
   "backend": "https://webplay.rocks"
 }
\ No newline at end of file
diff --git a/public/static/app.css b/public/static/app.css
index 13dee39..ce97dad 100644
--- a/public/static/app.css
+++ b/public/static/app.css
@@ -89,7 +89,9 @@ td.fillCell>* {
 
 #artistViewer #background,
 #albumViewer #background,
-#boxViewer #background {
+#boxViewer #background,
+#albumContent #background,
+#boxContent #background {
   background-size: cover;
   background-position: center;
   top: -16px;
@@ -591,6 +593,10 @@ td.fillCell>* {
   animation: glow 1s infinite alternate;
 }
 
+.z-1 {
+  z-index: -1;
+}
+
 .z1 {
   z-index: 1;
 }
diff --git a/public/static/style.css b/public/static/style.css
index f7e29d8..a78298f 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -136,6 +136,10 @@ h6.slim {
   font-weight: normal;
 }
 
+.relative {
+  position: relative;
+}
+
 input {
   border-width: 1px;
   border-style: solid;
@@ -511,6 +515,14 @@ label.yellow50 {
   border-color: var(--yellow);
 }
 
+button.faded {
+  opacity: 0.25;
+}
+
+button.faded:hover {
+  opacity: 1;
+}
+
 button.medium {
   padding: 8px;
 }
diff --git a/src/components/AlbumContent.vue b/src/components/AlbumContent.vue
index 73d359a..fee4736 100644
--- a/src/components/AlbumContent.vue
+++ b/src/components/AlbumContent.vue
@@ -1,21 +1,24 @@
 <template>
-  <div id="content" class="flex-column">
+  <div id="albumContent" class="flex-column">
     <div class="flex-column pa-horizontal border-bottom hideOnMobile">
       <h1>{{ album.title }}</h1>
       <h2>{{ album.artist_name }}</h2>
     </div>
-    <div id="tracks" class="flex-row">
-      <div class="flex-column">
-        <img id="cover" class="shadow ma24" :src="cover" />
+    <div id="album" class="flex-row">
+      <div id="header" class="flex-column relative">
+        <div id="background" :style="coverBackground" />
+        <img id="cover" class="shadow ma24 z1" :src="cover" />
         <p class="center ma-off hideOnMobile">
           <b>{{ album.tracks.length }}</b> Tracks
         </p>
       </div>
-      <ul id="trackList" class="tracks">
-        <li v-for="track in album.tracks" :key="track._id">
-          <TrackItem :track="track" :showCover="false" />
-        </li>
-      </ul>
+      <div id="tracks" class="flex-column grow">
+        <ul id="trackList" class="tracks">
+          <li v-for="track in album.tracks" :key="track._id">
+            <TrackItem :track="track" :showCover="false" />
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
 </template>
@@ -43,6 +46,9 @@ export default {
       }
       return this.album.covers.cover256;
     },
+    coverBackground() {
+      return "background-image: url('" + this.cover + "'); z-index: -1";
+    },
   },
   components: {
     TrackItem,
@@ -56,16 +62,27 @@ export default {
   width: 256px;
 }
 
-#content,
-#tracks {
+#albumContent {
+  overflow: hidden;
+}
+#album {
   overflow: auto;
 }
+#header {
+  overflow: hidden;
+}
+
+#tracks {
+  background-color: var(--white);
+  overflow-y: auto;
+}
 
 @media (max-width: 480px) {
-  #tracks {
+  #album {
     flex-direction: column;
+    max-height: 100%;
   }
-  #trackList {
+  #tracks {
     border-top: 1px solid var(--light-border);
   }
 }
diff --git a/src/components/BoxContent.vue b/src/components/BoxContent.vue
index d14a46b..5368867 100644
--- a/src/components/BoxContent.vue
+++ b/src/components/BoxContent.vue
@@ -1,20 +1,23 @@
 <template>
-  <div id="content" class="flex-column">
+  <div id="boxContent" class="flex-column">
     <div class="flex-column pa-horizontal border-bottom hideOnMobile">
       <h1>{{ box.title }}</h1>
     </div>
-    <div id="videos" class="flex-row">
-      <div class="flex-column">
+    <div id="box" class="flex-row">
+      <div id="header" class="flex-column relative">
+        <div id="background" :style="coverBackground" />
         <img id="cover" class="shadow ma24" :src="cover" />
         <p class="center ma-off hideOnMobile">
           <b>{{ box.videos.length }}</b> Videos
         </p>
       </div>
-      <ul id="videoList" class="videos">
-        <li v-for="video in box.videos" :key="video._id">
-          <VideoItem :video="video" />
-        </li>
-      </ul>
+      <div id="videos" class="flex-column grow">
+        <ul id="videoList" class="videos">
+          <li v-for="video in box.videos" :key="video._id">
+            <VideoItem :video="video" />
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
 </template>
@@ -42,6 +45,9 @@ export default {
       }
       return this.box.covers.cover256;
     },
+    coverBackground() {
+      return "background-image: url('" + this.cover + "'); z-index: -1";
+    },
   },
   components: {
     VideoItem,
@@ -55,20 +61,32 @@ export default {
   width: 256px;
 }
 
-#content,
-#videos {
+#boxContent {
+  overflow: hidden;
+}
+#box {
   overflow: auto;
 }
 
+#header {
+  overflow: hidden;
+}
+
+#videos {
+  background-color: var(--white);
+  overflow-y: auto;
+}
+
 .video {
   max-width: 256px;
 }
 
 @media (max-width: 480px) {
-  #videos {
+  #box {
     flex-direction: column;
+    max-height: 100%;
   }
-  #videoList {
+  #videos {
     border-top: 1px solid var(--light-border);
   }
   .video {
diff --git a/src/components/dialogs/SharedItems.vue b/src/components/dialogs/SharedItems.vue
index 61d0f81..aff095a 100644
--- a/src/components/dialogs/SharedItems.vue
+++ b/src/components/dialogs/SharedItems.vue
@@ -21,8 +21,8 @@
             <p class="grow ma-off">
               {{ share.title }}
             </p>
-            <button class="flat danger" @click="shareDisable(share)">
-              <awesome-icon icon="trash" />
+            <button class="flat danger faded" @click="shareDisable(share)" title="Disable Sharing">
+              <awesome-icon icon="trash-alt" />
             </button>
           </div>
         </li>
diff --git a/src/components/dialogs/Users.vue b/src/components/dialogs/Users.vue
index 1021b99..dee4b63 100644
--- a/src/components/dialogs/Users.vue
+++ b/src/components/dialogs/Users.vue
@@ -87,7 +87,7 @@
               <button
                 @click="deleteUser(user)"
                 title="Remove Useraccount"
-                class="flat danger"
+                class="flat danger faded"
                 v-if="user._id != me._id"
               >
                 <awesome-icon icon="trash-alt" />
@@ -198,12 +198,6 @@ export default {
 #usersBody .me {
   font-weight: bold;
 }
-#usersBody table button {
-  opacity: 0.25;
-}
-#usersBody table button:hover {
-  opacity: 1;
-}
 #usersBody .user-role {
   display: flex;
   align-items: center;
-- 
2.45.2


From c3d74e782d7273c81f7dd79c4f43f2b6ad79a34a Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Sat, 18 Feb 2023 00:33:54 +0100
Subject: [PATCH 02/33] share: ui fixes

---
 public/static/app.css           | 3 ++-
 src/components/AlbumContent.vue | 3 +++
 src/components/BoxContent.vue   | 1 +
 src/views/Share.vue             | 4 ++--
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/public/static/app.css b/public/static/app.css
index ce97dad..8ab524d 100644
--- a/public/static/app.css
+++ b/public/static/app.css
@@ -56,7 +56,8 @@ td.fillCell>* {
 #boxes,
 #radios,
 #search,
-#welcome {
+#welcome,
+#share {
   display: flex;
   flex-grow: 1;
   flex-wrap: wrap;
diff --git a/src/components/AlbumContent.vue b/src/components/AlbumContent.vue
index fee4736..40726b9 100644
--- a/src/components/AlbumContent.vue
+++ b/src/components/AlbumContent.vue
@@ -64,10 +64,13 @@ export default {
 
 #albumContent {
   overflow: hidden;
+  width: 100%;
 }
+
 #album {
   overflow: auto;
 }
+
 #header {
   overflow: hidden;
 }
diff --git a/src/components/BoxContent.vue b/src/components/BoxContent.vue
index 5368867..8eb1c76 100644
--- a/src/components/BoxContent.vue
+++ b/src/components/BoxContent.vue
@@ -63,6 +63,7 @@ export default {
 
 #boxContent {
   overflow: hidden;
+  width: 100%;
 }
 #box {
   overflow: auto;
diff --git a/src/views/Share.vue b/src/views/Share.vue
index 2a3cac8..8ce9f9f 100644
--- a/src/views/Share.vue
+++ b/src/views/Share.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="share" id="share" class="flex-column">
+  <div ref="share" id="share">
     <AlbumContent ref="album" v-if="type == 'album'" />
     <BoxContent ref="box" v-if="type == 'box'" />
   </div>
@@ -68,6 +68,6 @@ export default {
 
 <style scoped>
 #share {
-  overflow: auto;
+  flex-direction: column;
 }
 </style>
\ No newline at end of file
-- 
2.45.2


From 926947e7c9c571ffbd04ae84738a90bb58eac638 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Sun, 19 Feb 2023 17:55:11 +0100
Subject: [PATCH 03/33] added popup control fix #3

---
 public/static/app.css                    |  9 ++++
 src/App.vue                              |  5 +++
 src/components/base-components/PopUp.vue | 56 ++++++++++++++++++++++++
 src/store/actions.js                     |  7 +++
 src/store/mutations.js                   |  7 +++
 src/store/state.js                       |  4 +-
 6 files changed, 86 insertions(+), 2 deletions(-)
 create mode 100644 src/components/base-components/PopUp.vue

diff --git a/public/static/app.css b/public/static/app.css
index 8ab524d..45a3da6 100644
--- a/public/static/app.css
+++ b/public/static/app.css
@@ -7,6 +7,15 @@ body {
   overflow-y: overlay;
 }
 
+#popup-collection {
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  bottom: 16px;
+  left: -160px;
+  margin-left: 50%;
+}
+
 h1 {
   font-weight: 200;
   font-size: 3rem;
diff --git a/src/App.vue b/src/App.vue
index 3be0425..0920bc2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -126,6 +126,9 @@
         </keep-alive>
       </router-view>
     </div>
+    <div id="popup-collection">
+      <PopUp v-for="(popup, i) in $store.state.popups" :key="i" :item="popup" />
+    </div>
     <Player ref="player" />
     <Users ref="dialogUsers" />
     <UserProfile ref="dialogUserProfile" />
@@ -149,6 +152,7 @@ import ServerSettings from "./components/dialogs/ServerSettings";
 import AudioUploadDialog from "./components/dialogs/AudioUpload";
 import VideoUploadDialog from "./components/dialogs/VideoUpload";
 import SharedItems from "./components/dialogs/SharedItems";
+import PopUp from "./components/base-components/PopUp";
 
 import { mapGetters } from "vuex";
 
@@ -303,6 +307,7 @@ export default {
     VideoScreen,
     VideoUploadDialog,
     SharedItems,
+    PopUp,
   },
 };
 </script>
\ No newline at end of file
diff --git a/src/components/base-components/PopUp.vue b/src/components/base-components/PopUp.vue
new file mode 100644
index 0000000..a20ef62
--- /dev/null
+++ b/src/components/base-components/PopUp.vue
@@ -0,0 +1,56 @@
+<template>
+  <div class="popup-control flex-column shadow ma8">
+    <div class="flex-row" :class="item.type">
+      <awesome-icon icon="circle-info" size="2x" class="ma" />
+      <div class="flex-column pa8-top ma8-bottom ma8-right">
+        <h3 class="ma-off">{{ item.title }}</h3>
+        <p class="ma-off ma8-top">{{ item.message }}</p>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    item: {
+      type: Object,
+      default() {
+        return {
+          type: "default",
+        };
+      },
+    },
+  },
+  mounted() {
+    setTimeout(() => {
+      this.$store.dispatch("removePopUp", this.item);
+    }, 5000);
+  },
+};
+</script>
+
+<style scoped>
+.popup-control {
+  width: 320px;
+  border-radius: 8px;
+  background-color: var(--white);
+}
+
+.default {
+  border-radius: 8px;
+  background-color: var(--white);
+}
+
+.danger {
+  border-radius: 8px;
+  background-color: var(--danger25);
+}
+.info {
+  border-radius: 8px;
+  background-color: var(--info);
+}
+.success {
+  border-radius: 8px;
+  background-color: var(--success);
+}
+</style>
\ No newline at end of file
diff --git a/src/store/actions.js b/src/store/actions.js
index 767116a..e1a2998 100644
--- a/src/store/actions.js
+++ b/src/store/actions.js
@@ -87,5 +87,12 @@ export default {
   },
   resetRedisCache(context) {
     axios.post(context.rootGetters.server + "/api/system/reset/redis", {}, context.rootGetters.headers);
+    context.dispatch("addPoUp", { title: "Cache", message: "Cache was reseted", type: "info" })
+  },
+  addPoUp(context, item) {
+    context.commit("addPopUp", item);
+  },
+  removePopUp(context, item) {
+    context.commit("removePopUp", item);
   }
 }
\ No newline at end of file
diff --git a/src/store/mutations.js b/src/store/mutations.js
index 5d7aeb5..3055d7e 100644
--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -25,5 +25,12 @@ export default {
   },
   setServerInfo(state, info) {
     state.serverInfo = info;
+  },
+  addPopUp(state, item) {
+    state.popups.push(item);
+  },
+  removePopUp(state, item) {
+    let index = state.popups.indexOf(item);
+    state.popups.splice(index, 1);
   }
 }
\ No newline at end of file
diff --git a/src/store/state.js b/src/store/state.js
index d833cb5..fd5b0b1 100644
--- a/src/store/state.js
+++ b/src/store/state.js
@@ -15,6 +15,6 @@ export default {
             videos: 0,
             users: 0
         }
-    }
-
+    },
+    popups: []
 }
-- 
2.45.2


From 9e4e7d4697ad0d68296064fb28ba3ae9b5345187 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Sun, 19 Feb 2023 19:06:17 +0100
Subject: [PATCH 04/33] * FadeOut for PopUp * FadeIn for Dialog fix #6

---
 src/App.vue                               |  6 +++++-
 src/components/base-components/Dialog.vue |  2 +-
 src/components/base-components/PopUp.vue  | 26 ++++++++++++++++++++---
 src/store/mutations.js                    |  3 ++-
 4 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 0920bc2..350018a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -127,7 +127,11 @@
       </router-view>
     </div>
     <div id="popup-collection">
-      <PopUp v-for="(popup, i) in $store.state.popups" :key="i" :item="popup" />
+      <PopUp
+        v-for="popup in $store.state.popups"
+        :key="popup.time"
+        :item="popup"
+      />
     </div>
     <Player ref="player" />
     <Users ref="dialogUsers" />
diff --git a/src/components/base-components/Dialog.vue b/src/components/base-components/Dialog.vue
index 1ceec56..190bef2 100644
--- a/src/components/base-components/Dialog.vue
+++ b/src/components/base-components/Dialog.vue
@@ -299,7 +299,7 @@ export default {
   right: 0;
   bottom: 0;
   z-index: 1000;
-  animation: fadeIn ease 0.15s;
+  animation: fadeIn ease 0.20s;
 }
 .dialog-window {
   box-shadow: 0px 8px 32px var(--shadow);
diff --git a/src/components/base-components/PopUp.vue b/src/components/base-components/PopUp.vue
index a20ef62..3f527c1 100644
--- a/src/components/base-components/PopUp.vue
+++ b/src/components/base-components/PopUp.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="popup-control flex-column shadow ma8">
+  <div class="popup-control flex-column shadow ma8" :class="{fadeOut: fadeout}">
     <div class="flex-row" :class="item.type">
       <awesome-icon icon="circle-info" size="2x" class="ma" />
       <div class="flex-column pa8-top ma8-bottom ma8-right">
@@ -11,6 +11,11 @@
 </template>
 <script>
 export default {
+  data() {
+    return {
+      fadeout: false,
+    };
+  },
   props: {
     item: {
       type: Object,
@@ -23,8 +28,11 @@ export default {
   },
   mounted() {
     setTimeout(() => {
-      this.$store.dispatch("removePopUp", this.item);
-    }, 5000);
+      this.fadeout = true;
+      setTimeout(() => {
+        this.$store.dispatch("removePopUp", this.item);
+      }, 1000);
+    }, 4000);
   },
 };
 </script>
@@ -53,4 +61,16 @@ export default {
   border-radius: 8px;
   background-color: var(--success);
 }
+.fadeOut {
+  animation: fadeOut ease 1s;
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/store/mutations.js b/src/store/mutations.js
index 3055d7e..b8ee51c 100644
--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -27,7 +27,8 @@ export default {
     state.serverInfo = info;
   },
   addPopUp(state, item) {
-    state.popups.push(item);
+    item.time = Date.now();
+    state.popups.unshift(item);
   },
   removePopUp(state, item) {
     let index = state.popups.indexOf(item);
-- 
2.45.2


From 77e835e33e5c0717fe07a4ea0d63f2b9faa86b7d Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Sun, 19 Feb 2023 19:45:17 +0100
Subject: [PATCH 05/33] smooth scrolling  tracks

---
 src/components/Track.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Track.vue b/src/components/Track.vue
index 51cb20e..c4051ec 100644
--- a/src/components/Track.vue
+++ b/src/components/Track.vue
@@ -66,12 +66,14 @@ export default {
         this.$nextTick(() => {
           element.scrollIntoView({
             block: "start",
+            behavior: "smooth",
           });
         });
       } else if (scrollUp) {
         this.$nextTick(() => {
           element.scrollIntoView({
             block: "end",
+            behavior: "smooth",
           });
         });
       }
-- 
2.45.2


From 19f221556a1ee4fa598baa34026178d53b357ec3 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Sun, 19 Feb 2023 20:56:03 +0100
Subject: [PATCH 06/33] * added 'icon' property for popups * show a popup after
 creating a share link for alum and box * set min width to 320 px for sharing
 dialog

---
 public/static/app.css                    |  1 +
 src/components/base-components/PopUp.vue |  7 +++++--
 src/components/dialogs/SharedItems.vue   | 12 ++++++++++--
 src/store/modules/albums/actions.js      |  1 +
 src/store/modules/boxes/actions.js       |  1 +
 5 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/public/static/app.css b/public/static/app.css
index 45a3da6..c258f44 100644
--- a/public/static/app.css
+++ b/public/static/app.css
@@ -14,6 +14,7 @@ body {
   bottom: 16px;
   left: -160px;
   margin-left: 50%;
+  z-index: 1200;
 }
 
 h1 {
diff --git a/src/components/base-components/PopUp.vue b/src/components/base-components/PopUp.vue
index 3f527c1..365a132 100644
--- a/src/components/base-components/PopUp.vue
+++ b/src/components/base-components/PopUp.vue
@@ -1,7 +1,10 @@
 <template>
-  <div class="popup-control flex-column shadow ma8" :class="{fadeOut: fadeout}">
+  <div
+    class="popup-control flex-column shadow ma8"
+    :class="{ fadeOut: fadeout }"
+  >
     <div class="flex-row" :class="item.type">
-      <awesome-icon icon="circle-info" size="2x" class="ma" />
+      <awesome-icon :icon="item.icon || 'circle-info'" size="2x" class="ma" />
       <div class="flex-column pa8-top ma8-bottom ma8-right">
         <h3 class="ma-off">{{ item.title }}</h3>
         <p class="ma-off ma8-top">{{ item.message }}</p>
diff --git a/src/components/dialogs/SharedItems.vue b/src/components/dialogs/SharedItems.vue
index aff095a..f991491 100644
--- a/src/components/dialogs/SharedItems.vue
+++ b/src/components/dialogs/SharedItems.vue
@@ -1,6 +1,6 @@
 <template>
   <DialogBase ref="dialogWindow" title="Shared items" button-text="close">
-    <div class="flex-column">
+    <div class="flex-column" id="sharedContent">
       <ul v-if="shares.length > 0">
         <li
           class="flex-row pa4-top pa4-bottom"
@@ -21,7 +21,11 @@
             <p class="grow ma-off">
               {{ share.title }}
             </p>
-            <button class="flat danger faded" @click="shareDisable(share)" title="Disable Sharing">
+            <button
+              class="flat danger faded"
+              @click="shareDisable(share)"
+              title="Disable Sharing"
+            >
               <awesome-icon icon="trash-alt" />
             </button>
           </div>
@@ -107,4 +111,8 @@ li p {
 li .cover {
   width: 32px;
 }
+
+#sharedContent {
+  min-width: 320px;
+}
 </style>
\ No newline at end of file
diff --git a/src/store/modules/albums/actions.js b/src/store/modules/albums/actions.js
index 18c2951..301ddb5 100644
--- a/src/store/modules/albums/actions.js
+++ b/src/store/modules/albums/actions.js
@@ -165,6 +165,7 @@ export default {
       axios.post(context.rootGetters.server + "/api/albums/" + album._id + "/share", {}, context.rootGetters.headers).then(res => {
         album.share = res.data;
         resolve();
+        context.dispatch("addPoUp", { title: "Share successful", message: "Url was copied into your clipboard", type: "success", icon:"share" }, { root: true });
       });
     });
   },
diff --git a/src/store/modules/boxes/actions.js b/src/store/modules/boxes/actions.js
index 3c464d7..dfd777c 100644
--- a/src/store/modules/boxes/actions.js
+++ b/src/store/modules/boxes/actions.js
@@ -141,6 +141,7 @@ export default {
       axios.post(context.rootGetters.server + "/api/boxes/" + box._id + "/share", {}, context.rootGetters.headers).then(res => {
         box.share = res.data;
         resolve();
+        context.dispatch("addPoUp", { title: "Share successful", message: "Url was copied into your clipboard", type: "success", icon: "share" }, { root: true });
       });
     });
   },
-- 
2.45.2


From 42a4072a316ff7aa2a36d722088c018ce0284c22 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Mon, 20 Feb 2023 11:03:19 +0100
Subject: [PATCH 07/33] updated packages

---
 package-lock.json | 378 +++++++++++++++++++++++-----------------------
 package.json      |  20 +--
 2 files changed, 199 insertions(+), 199 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 6bbafb4..031a02f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,15 +8,15 @@
       "name": "webplay-client",
       "version": "0.1.0",
       "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "^6.2.1",
-        "@fortawesome/free-solid-svg-icons": "^6.2.1",
-        "@fortawesome/vue-fontawesome": "^3.0.2",
-        "axios": "^1.2.2",
-        "body-parser": "^1.19.1",
-        "core-js": "^3.27.1",
+        "@fortawesome/fontawesome-svg-core": "^6.3.0",
+        "@fortawesome/free-solid-svg-icons": "^6.3.0",
+        "@fortawesome/vue-fontawesome": "^3.0.3",
+        "axios": "^1.3.3",
+        "body-parser": "^1.20.1",
+        "core-js": "^3.28.0",
         "express": "^4.18.2",
         "mp3tag.js": "^3.3.2",
-        "vue": "*",
+        "vue": "^3.2.47",
         "vue-router": "^4.1.6",
         "vuex": "^4.1.0"
       },
@@ -25,10 +25,10 @@
         "@vue/cli-plugin-babel": "^5.0.8",
         "@vue/cli-plugin-eslint": "^5.0.8",
         "@vue/cli-service": "^5.0.8",
-        "electron": "^22.0.0",
+        "electron": "^23.1.0",
         "electron-builder": "^23.6.0",
-        "eslint": "^8.31.0",
-        "eslint-plugin-vue": "^9.8.0"
+        "eslint": "^8.34.0",
+        "eslint-plugin-vue": "^9.9.0"
       }
     },
     "node_modules/@achrinza/node-ipc": {
@@ -1870,42 +1870,42 @@
       }
     },
     "node_modules/@fortawesome/fontawesome-common-types": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.2.1.tgz",
-      "integrity": "sha512-Sz07mnQrTekFWLz5BMjOzHl/+NooTdW8F8kDQxjWwbpOJcnoSg4vUDng8d/WR1wOxM0O+CY9Zw0nR054riNYtQ==",
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.3.0.tgz",
+      "integrity": "sha512-4BC1NMoacEBzSXRwKjZ/X/gmnbp/HU5Qqat7E8xqorUtBFZS+bwfGH5/wqOC2K6GV0rgEobp3OjGRMa5fK9pFg==",
       "hasInstallScript": true,
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@fortawesome/fontawesome-svg-core": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.2.1.tgz",
-      "integrity": "sha512-HELwwbCz6C1XEcjzyT1Jugmz2NNklMrSPjZOWMlc+ZsHIVk+XOvOXLGGQtFBwSyqfJDNgRq4xBCwWOaZ/d9DEA==",
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.3.0.tgz",
+      "integrity": "sha512-uz9YifyKlixV6AcKlOX8WNdtF7l6nakGyLYxYaCa823bEBqyj/U2ssqtctO38itNEwXb8/lMzjdoJ+aaJuOdrw==",
       "hasInstallScript": true,
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.2.1"
+        "@fortawesome/fontawesome-common-types": "6.3.0"
       },
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@fortawesome/free-solid-svg-icons": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.2.1.tgz",
-      "integrity": "sha512-oKuqrP5jbfEPJWTij4sM+/RvgX+RMFwx3QZCZcK9PrBDgxC35zuc7AOFsyMjMd/PIFPeB2JxyqDr5zs/DZFPPw==",
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.3.0.tgz",
+      "integrity": "sha512-x5tMwzF2lTH8pyv8yeZRodItP2IVlzzmBuD1M7BjawWgg9XAvktqJJ91Qjgoaf8qJpHQ8FEU9VxRfOkLhh86QA==",
       "hasInstallScript": true,
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.2.1"
+        "@fortawesome/fontawesome-common-types": "6.3.0"
       },
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@fortawesome/vue-fontawesome": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.2.tgz",
-      "integrity": "sha512-xHVtVY8ASUeEvgcA/7vULUesENhD+pi/EirRHdMBqooHlXBqK+yrV6d8tUye1m5UKQKVgYAHMhUBfOnoiwvc8Q==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.3.tgz",
+      "integrity": "sha512-KCPHi9QemVXGMrfuwf3nNnNo129resAIQWut9QTAMXmXqL2ErABC6ohd2yY5Ipq0CLWNbKHk8TMdTXL/Zf3ZhA==",
       "peerDependencies": {
         "@fortawesome/fontawesome-svg-core": "~1 || ~6",
         "vue": ">= 3.0.0 < 4"
@@ -3143,36 +3143,36 @@
       "dev": true
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz",
-      "integrity": "sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.47.tgz",
+      "integrity": "sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==",
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/shared": "3.2.45",
+        "@vue/shared": "3.2.47",
         "estree-walker": "^2.0.2",
         "source-map": "^0.6.1"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz",
-      "integrity": "sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.47.tgz",
+      "integrity": "sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==",
       "dependencies": {
-        "@vue/compiler-core": "3.2.45",
-        "@vue/shared": "3.2.45"
+        "@vue/compiler-core": "3.2.47",
+        "@vue/shared": "3.2.47"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz",
-      "integrity": "sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.47.tgz",
+      "integrity": "sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==",
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.45",
-        "@vue/compiler-dom": "3.2.45",
-        "@vue/compiler-ssr": "3.2.45",
-        "@vue/reactivity-transform": "3.2.45",
-        "@vue/shared": "3.2.45",
+        "@vue/compiler-core": "3.2.47",
+        "@vue/compiler-dom": "3.2.47",
+        "@vue/compiler-ssr": "3.2.47",
+        "@vue/reactivity-transform": "3.2.47",
+        "@vue/shared": "3.2.47",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7",
         "postcss": "^8.1.10",
@@ -3180,12 +3180,12 @@
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz",
-      "integrity": "sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.47.tgz",
+      "integrity": "sha512-wVXC+gszhulcMD8wpxMsqSOpvDZ6xKXSVWkf50Guf/S+28hTAXPDYRTbLQ3EDkOP5Xz/+SY37YiwDquKbJOgZw==",
       "dependencies": {
-        "@vue/compiler-dom": "3.2.45",
-        "@vue/shared": "3.2.45"
+        "@vue/compiler-dom": "3.2.47",
+        "@vue/shared": "3.2.47"
       }
     },
     "node_modules/@vue/component-compiler-utils": {
@@ -3258,60 +3258,60 @@
       "integrity": "sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ=="
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.45.tgz",
-      "integrity": "sha512-PRvhCcQcyEVohW0P8iQ7HDcIOXRjZfAsOds3N99X/Dzewy8TVhTCT4uXpAHfoKjVTJRA0O0K+6QNkDIZAxNi3A==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.47.tgz",
+      "integrity": "sha512-7khqQ/75oyyg+N/e+iwV6lpy1f5wq759NdlS1fpAhFXa8VeAIKGgk2E/C4VF59lx5b+Ezs5fpp/5WsRYXQiKxQ==",
       "dependencies": {
-        "@vue/shared": "3.2.45"
+        "@vue/shared": "3.2.47"
       }
     },
     "node_modules/@vue/reactivity-transform": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz",
-      "integrity": "sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.47.tgz",
+      "integrity": "sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==",
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.45",
-        "@vue/shared": "3.2.45",
+        "@vue/compiler-core": "3.2.47",
+        "@vue/shared": "3.2.47",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.45.tgz",
-      "integrity": "sha512-gzJiTA3f74cgARptqzYswmoQx0fIA+gGYBfokYVhF8YSXjWTUA2SngRzZRku2HbGbjzB6LBYSbKGIaK8IW+s0A==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.47.tgz",
+      "integrity": "sha512-RZxbLQIRB/K0ev0K9FXhNbBzT32H9iRtYbaXb0ZIz2usLms/D55dJR2t6cIEUn6vyhS3ALNvNthI+Q95C+NOpA==",
       "dependencies": {
-        "@vue/reactivity": "3.2.45",
-        "@vue/shared": "3.2.45"
+        "@vue/reactivity": "3.2.47",
+        "@vue/shared": "3.2.47"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.45.tgz",
-      "integrity": "sha512-cy88YpfP5Ue2bDBbj75Cb4bIEZUMM/mAkDMfqDTpUYVgTf/kuQ2VQ8LebuZ8k6EudgH8pYhsGWHlY0lcxlvTwA==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.47.tgz",
+      "integrity": "sha512-ArXrFTjS6TsDei4qwNvgrdmHtD930KgSKGhS5M+j8QxXrDJYLqYw4RRcDy1bz1m1wMmb6j+zGLifdVHtkXA7gA==",
       "dependencies": {
-        "@vue/runtime-core": "3.2.45",
-        "@vue/shared": "3.2.45",
+        "@vue/runtime-core": "3.2.47",
+        "@vue/shared": "3.2.47",
         "csstype": "^2.6.8"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.45.tgz",
-      "integrity": "sha512-ebiMq7q24WBU1D6uhPK//2OTR1iRIyxjF5iVq/1a5I1SDMDyDu4Ts6fJaMnjrvD3MqnaiFkKQj+LKAgz5WIK3g==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.47.tgz",
+      "integrity": "sha512-dN9gc1i8EvmP9RCzvneONXsKfBRgqFeFZLurmHOveL7oH6HiFXJw5OGu294n1nHc/HMgTy6LulU/tv5/A7f/LA==",
       "dependencies": {
-        "@vue/compiler-ssr": "3.2.45",
-        "@vue/shared": "3.2.45"
+        "@vue/compiler-ssr": "3.2.47",
+        "@vue/shared": "3.2.47"
       },
       "peerDependencies": {
-        "vue": "3.2.45"
+        "vue": "3.2.47"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.45.tgz",
-      "integrity": "sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg=="
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
+      "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
     },
     "node_modules/@vue/vue-loader-v15": {
       "name": "vue-loader",
@@ -3947,9 +3947,9 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.2.2.tgz",
-      "integrity": "sha512-bz/J4gS2S3I7mpN/YZfGFTqhXTYzRho8Ay38w2otuuDR322KzFIWm/4W2K6gIwvWaws5n+mnb7D1lN9uD+QH6Q==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.3.3.tgz",
+      "integrity": "sha512-eYq77dYIFS77AQlhzEL937yUBSepBfPIe8FcgEDN35vMNZKMrs81pgnyrQpwfy4NF4b4XWX1Zgx7yX+25w8QJA==",
       "dependencies": {
         "follow-redirects": "^1.15.0",
         "form-data": "^4.0.0",
@@ -5087,9 +5087,9 @@
       }
     },
     "node_modules/core-js": {
-      "version": "3.27.1",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.27.1.tgz",
-      "integrity": "sha512-GutwJLBChfGCpwwhbYoqfv03LAfmiz7e7D/BNxzeMxwQf10GRSzqiOjx7AmtEk+heiD/JWmBuyBPgFtx0Sg1ww==",
+      "version": "3.28.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.28.0.tgz",
+      "integrity": "sha512-GiZn9D4Z/rSYvTeg1ljAIsEqFm0LaN9gVtwDCrKL80zHtS31p9BAjmTxVqTQDMpwlMolJZOFntUG2uwyj7DAqw==",
       "hasInstallScript": true,
       "funding": {
         "type": "opencollective",
@@ -5945,9 +5945,9 @@
       }
     },
     "node_modules/electron": {
-      "version": "22.0.0",
-      "resolved": "https://registry.npmjs.org/electron/-/electron-22.0.0.tgz",
-      "integrity": "sha512-cgRc4wjyM+81A0E8UGv1HNJjL1HBI5cWNh/DUIjzYvoUuiEM0SS0hAH/zaFQ18xOz2ced6Yih8SybpOiOYJhdg==",
+      "version": "23.1.0",
+      "resolved": "https://registry.npmjs.org/electron/-/electron-23.1.0.tgz",
+      "integrity": "sha512-LRgACMpVrmjfYWPgCSyJ+TFQ/FPeniOowpO57z0xUcTchfC7EH+5rUncgYN+uMvqePiYDce+ywZeCIFaO8x/Nw==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
@@ -6386,9 +6386,9 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.31.0.tgz",
-      "integrity": "sha512-0tQQEVdmPZ1UtUKXjX7EMm9BlgJ08G90IhWh0PKDCb3ZLsgAOHI8fYSIzYVZej92zsgq+ft0FGsxhJ3xo2tbuA==",
+      "version": "8.34.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.34.0.tgz",
+      "integrity": "sha512-1Z8iFsucw+7kSqXNZVslXS8Ioa4u2KM7GPwuKtkTFAqZ/cHMcEaR+1+Br0wLlot49cNxIiZk5wp8EAbPcYZxTg==",
       "dev": true,
       "dependencies": {
         "@eslint/eslintrc": "^1.4.1",
@@ -6442,9 +6442,9 @@
       }
     },
     "node_modules/eslint-plugin-vue": {
-      "version": "9.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.8.0.tgz",
-      "integrity": "sha512-E/AXwcTzunyzM83C2QqDHxepMzvI2y6x+mmeYHbVDQlKFqmKYvRrhaVixEeeG27uI44p9oKDFiyCRw4XxgtfHA==",
+      "version": "9.9.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.9.0.tgz",
+      "integrity": "sha512-YbubS7eK0J7DCf0U2LxvVP7LMfs6rC6UltihIgval3azO3gyDwEGVgsCMe1TmDiEkl6GdMKfRpaME6QxIYtzDQ==",
       "dev": true,
       "dependencies": {
         "eslint-utils": "^3.0.0",
@@ -7914,9 +7914,9 @@
       }
     },
     "node_modules/http-cache-semantics": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz",
-      "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
+      "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==",
       "dev": true
     },
     "node_modules/http-deceiver": {
@@ -12575,15 +12575,15 @@
       }
     },
     "node_modules/vue": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.45.tgz",
-      "integrity": "sha512-9Nx/Mg2b2xWlXykmCwiTUCWHbWIj53bnkizBxKai1g61f2Xit700A1ljowpTIM11e3uipOeiPcSqnmBg6gyiaA==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.47.tgz",
+      "integrity": "sha512-60188y/9Dc9WVrAZeUVSDxRQOZ+z+y5nO2ts9jWXSTkMvayiWxCWOWtBQoYjLeccfXkiiPZWAHcV+WTPhkqJHQ==",
       "dependencies": {
-        "@vue/compiler-dom": "3.2.45",
-        "@vue/compiler-sfc": "3.2.45",
-        "@vue/runtime-dom": "3.2.45",
-        "@vue/server-renderer": "3.2.45",
-        "@vue/shared": "3.2.45"
+        "@vue/compiler-dom": "3.2.47",
+        "@vue/compiler-sfc": "3.2.47",
+        "@vue/runtime-dom": "3.2.47",
+        "@vue/server-renderer": "3.2.47",
+        "@vue/shared": "3.2.47"
       }
     },
     "node_modules/vue-eslint-parser": {
@@ -14949,30 +14949,30 @@
       }
     },
     "@fortawesome/fontawesome-common-types": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.2.1.tgz",
-      "integrity": "sha512-Sz07mnQrTekFWLz5BMjOzHl/+NooTdW8F8kDQxjWwbpOJcnoSg4vUDng8d/WR1wOxM0O+CY9Zw0nR054riNYtQ=="
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.3.0.tgz",
+      "integrity": "sha512-4BC1NMoacEBzSXRwKjZ/X/gmnbp/HU5Qqat7E8xqorUtBFZS+bwfGH5/wqOC2K6GV0rgEobp3OjGRMa5fK9pFg=="
     },
     "@fortawesome/fontawesome-svg-core": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.2.1.tgz",
-      "integrity": "sha512-HELwwbCz6C1XEcjzyT1Jugmz2NNklMrSPjZOWMlc+ZsHIVk+XOvOXLGGQtFBwSyqfJDNgRq4xBCwWOaZ/d9DEA==",
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.3.0.tgz",
+      "integrity": "sha512-uz9YifyKlixV6AcKlOX8WNdtF7l6nakGyLYxYaCa823bEBqyj/U2ssqtctO38itNEwXb8/lMzjdoJ+aaJuOdrw==",
       "requires": {
-        "@fortawesome/fontawesome-common-types": "6.2.1"
+        "@fortawesome/fontawesome-common-types": "6.3.0"
       }
     },
     "@fortawesome/free-solid-svg-icons": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.2.1.tgz",
-      "integrity": "sha512-oKuqrP5jbfEPJWTij4sM+/RvgX+RMFwx3QZCZcK9PrBDgxC35zuc7AOFsyMjMd/PIFPeB2JxyqDr5zs/DZFPPw==",
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.3.0.tgz",
+      "integrity": "sha512-x5tMwzF2lTH8pyv8yeZRodItP2IVlzzmBuD1M7BjawWgg9XAvktqJJ91Qjgoaf8qJpHQ8FEU9VxRfOkLhh86QA==",
       "requires": {
-        "@fortawesome/fontawesome-common-types": "6.2.1"
+        "@fortawesome/fontawesome-common-types": "6.3.0"
       }
     },
     "@fortawesome/vue-fontawesome": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.2.tgz",
-      "integrity": "sha512-xHVtVY8ASUeEvgcA/7vULUesENhD+pi/EirRHdMBqooHlXBqK+yrV6d8tUye1m5UKQKVgYAHMhUBfOnoiwvc8Q==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.3.tgz",
+      "integrity": "sha512-KCPHi9QemVXGMrfuwf3nNnNo129resAIQWut9QTAMXmXqL2ErABC6ohd2yY5Ipq0CLWNbKHk8TMdTXL/Zf3ZhA==",
       "requires": {}
     },
     "@hapi/hoek": {
@@ -15990,36 +15990,36 @@
       }
     },
     "@vue/compiler-core": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz",
-      "integrity": "sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.47.tgz",
+      "integrity": "sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==",
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/shared": "3.2.45",
+        "@vue/shared": "3.2.47",
         "estree-walker": "^2.0.2",
         "source-map": "^0.6.1"
       }
     },
     "@vue/compiler-dom": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz",
-      "integrity": "sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.47.tgz",
+      "integrity": "sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==",
       "requires": {
-        "@vue/compiler-core": "3.2.45",
-        "@vue/shared": "3.2.45"
+        "@vue/compiler-core": "3.2.47",
+        "@vue/shared": "3.2.47"
       }
     },
     "@vue/compiler-sfc": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz",
-      "integrity": "sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.47.tgz",
+      "integrity": "sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==",
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.45",
-        "@vue/compiler-dom": "3.2.45",
-        "@vue/compiler-ssr": "3.2.45",
-        "@vue/reactivity-transform": "3.2.45",
-        "@vue/shared": "3.2.45",
+        "@vue/compiler-core": "3.2.47",
+        "@vue/compiler-dom": "3.2.47",
+        "@vue/compiler-ssr": "3.2.47",
+        "@vue/reactivity-transform": "3.2.47",
+        "@vue/shared": "3.2.47",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7",
         "postcss": "^8.1.10",
@@ -16027,12 +16027,12 @@
       }
     },
     "@vue/compiler-ssr": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz",
-      "integrity": "sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.47.tgz",
+      "integrity": "sha512-wVXC+gszhulcMD8wpxMsqSOpvDZ6xKXSVWkf50Guf/S+28hTAXPDYRTbLQ3EDkOP5Xz/+SY37YiwDquKbJOgZw==",
       "requires": {
-        "@vue/compiler-dom": "3.2.45",
-        "@vue/shared": "3.2.45"
+        "@vue/compiler-dom": "3.2.47",
+        "@vue/shared": "3.2.47"
       }
     },
     "@vue/component-compiler-utils": {
@@ -16098,57 +16098,57 @@
       "integrity": "sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ=="
     },
     "@vue/reactivity": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.45.tgz",
-      "integrity": "sha512-PRvhCcQcyEVohW0P8iQ7HDcIOXRjZfAsOds3N99X/Dzewy8TVhTCT4uXpAHfoKjVTJRA0O0K+6QNkDIZAxNi3A==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.47.tgz",
+      "integrity": "sha512-7khqQ/75oyyg+N/e+iwV6lpy1f5wq759NdlS1fpAhFXa8VeAIKGgk2E/C4VF59lx5b+Ezs5fpp/5WsRYXQiKxQ==",
       "requires": {
-        "@vue/shared": "3.2.45"
+        "@vue/shared": "3.2.47"
       }
     },
     "@vue/reactivity-transform": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz",
-      "integrity": "sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.47.tgz",
+      "integrity": "sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==",
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.45",
-        "@vue/shared": "3.2.45",
+        "@vue/compiler-core": "3.2.47",
+        "@vue/shared": "3.2.47",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7"
       }
     },
     "@vue/runtime-core": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.45.tgz",
-      "integrity": "sha512-gzJiTA3f74cgARptqzYswmoQx0fIA+gGYBfokYVhF8YSXjWTUA2SngRzZRku2HbGbjzB6LBYSbKGIaK8IW+s0A==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.47.tgz",
+      "integrity": "sha512-RZxbLQIRB/K0ev0K9FXhNbBzT32H9iRtYbaXb0ZIz2usLms/D55dJR2t6cIEUn6vyhS3ALNvNthI+Q95C+NOpA==",
       "requires": {
-        "@vue/reactivity": "3.2.45",
-        "@vue/shared": "3.2.45"
+        "@vue/reactivity": "3.2.47",
+        "@vue/shared": "3.2.47"
       }
     },
     "@vue/runtime-dom": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.45.tgz",
-      "integrity": "sha512-cy88YpfP5Ue2bDBbj75Cb4bIEZUMM/mAkDMfqDTpUYVgTf/kuQ2VQ8LebuZ8k6EudgH8pYhsGWHlY0lcxlvTwA==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.47.tgz",
+      "integrity": "sha512-ArXrFTjS6TsDei4qwNvgrdmHtD930KgSKGhS5M+j8QxXrDJYLqYw4RRcDy1bz1m1wMmb6j+zGLifdVHtkXA7gA==",
       "requires": {
-        "@vue/runtime-core": "3.2.45",
-        "@vue/shared": "3.2.45",
+        "@vue/runtime-core": "3.2.47",
+        "@vue/shared": "3.2.47",
         "csstype": "^2.6.8"
       }
     },
     "@vue/server-renderer": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.45.tgz",
-      "integrity": "sha512-ebiMq7q24WBU1D6uhPK//2OTR1iRIyxjF5iVq/1a5I1SDMDyDu4Ts6fJaMnjrvD3MqnaiFkKQj+LKAgz5WIK3g==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.47.tgz",
+      "integrity": "sha512-dN9gc1i8EvmP9RCzvneONXsKfBRgqFeFZLurmHOveL7oH6HiFXJw5OGu294n1nHc/HMgTy6LulU/tv5/A7f/LA==",
       "requires": {
-        "@vue/compiler-ssr": "3.2.45",
-        "@vue/shared": "3.2.45"
+        "@vue/compiler-ssr": "3.2.47",
+        "@vue/shared": "3.2.47"
       }
     },
     "@vue/shared": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.45.tgz",
-      "integrity": "sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg=="
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
+      "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
     },
     "@vue/vue-loader-v15": {
       "version": "npm:vue-loader@15.10.1",
@@ -16647,9 +16647,9 @@
       }
     },
     "axios": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.2.2.tgz",
-      "integrity": "sha512-bz/J4gS2S3I7mpN/YZfGFTqhXTYzRho8Ay38w2otuuDR322KzFIWm/4W2K6gIwvWaws5n+mnb7D1lN9uD+QH6Q==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.3.3.tgz",
+      "integrity": "sha512-eYq77dYIFS77AQlhzEL937yUBSepBfPIe8FcgEDN35vMNZKMrs81pgnyrQpwfy4NF4b4XWX1Zgx7yX+25w8QJA==",
       "requires": {
         "follow-redirects": "^1.15.0",
         "form-data": "^4.0.0",
@@ -17513,9 +17513,9 @@
       }
     },
     "core-js": {
-      "version": "3.27.1",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.27.1.tgz",
-      "integrity": "sha512-GutwJLBChfGCpwwhbYoqfv03LAfmiz7e7D/BNxzeMxwQf10GRSzqiOjx7AmtEk+heiD/JWmBuyBPgFtx0Sg1ww=="
+      "version": "3.28.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.28.0.tgz",
+      "integrity": "sha512-GiZn9D4Z/rSYvTeg1ljAIsEqFm0LaN9gVtwDCrKL80zHtS31p9BAjmTxVqTQDMpwlMolJZOFntUG2uwyj7DAqw=="
     },
     "core-js-compat": {
       "version": "3.27.1",
@@ -18127,9 +18127,9 @@
       }
     },
     "electron": {
-      "version": "22.0.0",
-      "resolved": "https://registry.npmjs.org/electron/-/electron-22.0.0.tgz",
-      "integrity": "sha512-cgRc4wjyM+81A0E8UGv1HNJjL1HBI5cWNh/DUIjzYvoUuiEM0SS0hAH/zaFQ18xOz2ced6Yih8SybpOiOYJhdg==",
+      "version": "23.1.0",
+      "resolved": "https://registry.npmjs.org/electron/-/electron-23.1.0.tgz",
+      "integrity": "sha512-LRgACMpVrmjfYWPgCSyJ+TFQ/FPeniOowpO57z0xUcTchfC7EH+5rUncgYN+uMvqePiYDce+ywZeCIFaO8x/Nw==",
       "dev": true,
       "requires": {
         "@electron/get": "^2.0.0",
@@ -18471,9 +18471,9 @@
       "dev": true
     },
     "eslint": {
-      "version": "8.31.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.31.0.tgz",
-      "integrity": "sha512-0tQQEVdmPZ1UtUKXjX7EMm9BlgJ08G90IhWh0PKDCb3ZLsgAOHI8fYSIzYVZej92zsgq+ft0FGsxhJ3xo2tbuA==",
+      "version": "8.34.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.34.0.tgz",
+      "integrity": "sha512-1Z8iFsucw+7kSqXNZVslXS8Ioa4u2KM7GPwuKtkTFAqZ/cHMcEaR+1+Br0wLlot49cNxIiZk5wp8EAbPcYZxTg==",
       "dev": true,
       "requires": {
         "@eslint/eslintrc": "^1.4.1",
@@ -18612,9 +18612,9 @@
       }
     },
     "eslint-plugin-vue": {
-      "version": "9.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.8.0.tgz",
-      "integrity": "sha512-E/AXwcTzunyzM83C2QqDHxepMzvI2y6x+mmeYHbVDQlKFqmKYvRrhaVixEeeG27uI44p9oKDFiyCRw4XxgtfHA==",
+      "version": "9.9.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.9.0.tgz",
+      "integrity": "sha512-YbubS7eK0J7DCf0U2LxvVP7LMfs6rC6UltihIgval3azO3gyDwEGVgsCMe1TmDiEkl6GdMKfRpaME6QxIYtzDQ==",
       "dev": true,
       "requires": {
         "eslint-utils": "^3.0.0",
@@ -19629,9 +19629,9 @@
       }
     },
     "http-cache-semantics": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz",
-      "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
+      "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==",
       "dev": true
     },
     "http-deceiver": {
@@ -23074,15 +23074,15 @@
       }
     },
     "vue": {
-      "version": "3.2.45",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.45.tgz",
-      "integrity": "sha512-9Nx/Mg2b2xWlXykmCwiTUCWHbWIj53bnkizBxKai1g61f2Xit700A1ljowpTIM11e3uipOeiPcSqnmBg6gyiaA==",
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.47.tgz",
+      "integrity": "sha512-60188y/9Dc9WVrAZeUVSDxRQOZ+z+y5nO2ts9jWXSTkMvayiWxCWOWtBQoYjLeccfXkiiPZWAHcV+WTPhkqJHQ==",
       "requires": {
-        "@vue/compiler-dom": "3.2.45",
-        "@vue/compiler-sfc": "3.2.45",
-        "@vue/runtime-dom": "3.2.45",
-        "@vue/server-renderer": "3.2.45",
-        "@vue/shared": "3.2.45"
+        "@vue/compiler-dom": "3.2.47",
+        "@vue/compiler-sfc": "3.2.47",
+        "@vue/runtime-dom": "3.2.47",
+        "@vue/server-renderer": "3.2.47",
+        "@vue/shared": "3.2.47"
       }
     },
     "vue-eslint-parser": {
diff --git a/package.json b/package.json
index bde7ee6..8005aff 100644
--- a/package.json
+++ b/package.json
@@ -13,15 +13,15 @@
   },
   "main": "electron.js",
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.2.1",
-    "@fortawesome/free-solid-svg-icons": "^6.2.1",
-    "@fortawesome/vue-fontawesome": "^3.0.2",
-    "axios": "^1.2.2",
-    "body-parser": "^1.19.1",
-    "core-js": "^3.27.1",
+    "@fortawesome/fontawesome-svg-core": "^6.3.0",
+    "@fortawesome/free-solid-svg-icons": "^6.3.0",
+    "@fortawesome/vue-fontawesome": "^3.0.3",
+    "axios": "^1.3.3",
+    "body-parser": "^1.20.1",
+    "core-js": "^3.28.0",
     "express": "^4.18.2",
     "mp3tag.js": "^3.3.2",
-    "vue": "*",
+    "vue": "^3.2.47",
     "vue-router": "^4.1.6",
     "vuex": "^4.1.0"
   },
@@ -30,10 +30,10 @@
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/cli-plugin-eslint": "^5.0.8",
     "@vue/cli-service": "^5.0.8",
-    "electron": "^22.0.0",
+    "electron": "^23.1.0",
     "electron-builder": "^23.6.0",
-    "eslint": "^8.31.0",
-    "eslint-plugin-vue": "^9.8.0"
+    "eslint": "^8.34.0",
+    "eslint-plugin-vue": "^9.9.0"
   },
   "eslintConfig": {
     "root": true,
-- 
2.45.2


From a04cb748618d42f0ac781cb4d53f0ab52948bcb1 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem@noreply.localhost>
Date: Mon, 21 Aug 2023 13:47:42 +0200
Subject: [PATCH 08/33] src/components/Player.vue aktualisiert

Fix: Safari instand play
---
 src/components/Player.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index 8ffd475..e2ab53f 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -182,6 +182,9 @@ export default {
       this.audio.src = url;
 
       this.pushHistoryItem();
+      
+      // Try to fix SAFARI
+      this.audio.play();
     },
     pushHistoryItem() {
       if (!this.currentUser._id) {
-- 
2.45.2


From dacb62a9e8921f1df7223c86b30ce695941d65ec Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem@noreply.localhost>
Date: Mon, 21 Aug 2023 14:02:41 +0200
Subject: [PATCH 09/33] public/index.html aktualisiert

Add icons for apple devices
---
 public/index.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/public/index.html b/public/index.html
index 1e01cf5..322fa3a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -13,6 +13,16 @@
   <link rel="icon" type="image/svg+xml" href="static/icon_32.svg" sizes="32x32" />
   <link rel="icon" type="image/svg+xml" href="static/icon_48.svg" sizes="48x48" />
   <link rel="icon" type="image/svg+xml" href="static/icon_64.svg" sizes="any" />
+
+  <link rel="apple-touch-icon-precomposed" href="static/icon_16.png" sizes="16x16" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_24.svg" sizes="24x24" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_32.svg" sizes="32x32" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_48.svg" sizes="48x48" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_64.svg" sizes="64x64" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_96.svg" sizes="96x96" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_128.svg" sizes="128x128" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_192.svg" sizes="192x192" />
+
   <title>WebPlay.rocks</title>
   <link rel="manifest" href="manifest.json" />
   <link rel="stylesheet" type="text/css" href="static/style.css" />
-- 
2.45.2


From 6de5c3449ea108bd101930a5357111c7972108f3 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem@noreply.localhost>
Date: Mon, 21 Aug 2023 14:13:54 +0200
Subject: [PATCH 10/33] public/index.html aktualisiert

Fix: svg -> png
---
 public/index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index 322fa3a..5829e9e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -15,13 +15,13 @@
   <link rel="icon" type="image/svg+xml" href="static/icon_64.svg" sizes="any" />
 
   <link rel="apple-touch-icon-precomposed" href="static/icon_16.png" sizes="16x16" />
-  <link rel="apple-touch-icon-precomposed" href="static/icon_24.svg" sizes="24x24" />
-  <link rel="apple-touch-icon-precomposed" href="static/icon_32.svg" sizes="32x32" />
-  <link rel="apple-touch-icon-precomposed" href="static/icon_48.svg" sizes="48x48" />
-  <link rel="apple-touch-icon-precomposed" href="static/icon_64.svg" sizes="64x64" />
-  <link rel="apple-touch-icon-precomposed" href="static/icon_96.svg" sizes="96x96" />
-  <link rel="apple-touch-icon-precomposed" href="static/icon_128.svg" sizes="128x128" />
-  <link rel="apple-touch-icon-precomposed" href="static/icon_192.svg" sizes="192x192" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_24.png" sizes="24x24" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_32.png" sizes="32x32" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_48.png" sizes="48x48" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_64.png" sizes="64x64" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_96.png" sizes="96x96" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_128.png" sizes="128x128" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_192.png" sizes="192x192" />
 
   <title>WebPlay.rocks</title>
   <link rel="manifest" href="manifest.json" />
-- 
2.45.2


From 89eb0bb02d6ea5f7bd7c99987ce2309b34d1b9f2 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 12 Sep 2023 18:35:40 +0200
Subject: [PATCH 11/33] new flat icons

---
 public/config.json                   |   4 +-
 public/static/icon_128_flat-dark.png | Bin 0 -> 7923 bytes
 public/static/icon_32_flat-dark.png  | Bin 0 -> 1547 bytes
 public/static/icon_32_flat-dark.svg  | 346 ++++++++++++++++++++++++++
 public/static/icon_48_flat-dark.png  | Bin 0 -> 2341 bytes
 public/static/icon_48_flat-dark.svg  | 347 +++++++++++++++++++++++++++
 public/static/icon_64_flat-dark.png  | Bin 0 -> 3329 bytes
 public/static/icon_64_flat-dark.svg  | 347 +++++++++++++++++++++++++++
 public/static/icon_96_flat-dark.png  | Bin 0 -> 5864 bytes
 9 files changed, 1042 insertions(+), 2 deletions(-)
 create mode 100644 public/static/icon_128_flat-dark.png
 create mode 100644 public/static/icon_32_flat-dark.png
 create mode 100644 public/static/icon_32_flat-dark.svg
 create mode 100644 public/static/icon_48_flat-dark.png
 create mode 100644 public/static/icon_48_flat-dark.svg
 create mode 100644 public/static/icon_64_flat-dark.png
 create mode 100644 public/static/icon_64_flat-dark.svg
 create mode 100644 public/static/icon_96_flat-dark.png

diff --git a/public/config.json b/public/config.json
index a3b7d4a..f966bb7 100644
--- a/public/config.json
+++ b/public/config.json
@@ -1,5 +1,5 @@
 {
-  "backend_de": "http://localhost:31204",
-  "backend_dev": "https://webplay.rocks",
+  "backend_dev": "http://localhost:31204",
+  "backend_de": "https://webplay.rocks",
   "backend": "https://webplay.rocks"
 }
\ No newline at end of file
diff --git a/public/static/icon_128_flat-dark.png b/public/static/icon_128_flat-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..261b141218e8cc65c5937d3cce99e36e29a2412f
GIT binary patch
literal 7923
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

literal 0
HcmV?d00001

diff --git a/public/static/icon_32_flat-dark.png b/public/static/icon_32_flat-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..d8560163e1c49b7b8fb8dd3b0308ac6cc941c0b8
GIT binary patch
literal 1547
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

literal 0
HcmV?d00001

diff --git a/public/static/icon_32_flat-dark.svg b/public/static/icon_32_flat-dark.svg
new file mode 100644
index 0000000..aa72ff2
--- /dev/null
+++ b/public/static/icon_32_flat-dark.svg
@@ -0,0 +1,346 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   id="svg94"
+   sodipodi:docname="icon_32_flat-dark.svg"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:export-filename="/home/djoma/Projekte/artemanufrij/app/webplay-client/public/static/icon_32.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata98">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1729"
+     inkscape:window-height="959"
+     id="namedview96"
+     showgrid="false"
+     inkscape:zoom="10.429825"
+     inkscape:cx="-9.0126153"
+     inkscape:cy="-9.5878886"
+     inkscape:window-x="124"
+     inkscape:window-y="40"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg94"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
+  <defs
+     id="defs38">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient949">
+      <stop
+         style="stop-color:#545c64;stop-opacity:1"
+         offset="0"
+         id="stop945" />
+      <stop
+         style="stop-color:#31363b;stop-opacity:1"
+         offset="1"
+         id="stop947" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4161"
+       x1="24"
+       x2="24"
+       y1="5"
+       y2="43"
+       gradientTransform="matrix(0.67567568,0,0,0.67567568,-0.21621703,-0.21620627)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3924-0" />
+    <linearGradient
+       id="linearGradient3924-0">
+      <stop
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1"
+         id="stop3" />
+      <stop
+         offset=".063"
+         style="stop-color:#ffffff;stop-opacity:0.23529412"
+         id="stop5" />
+      <stop
+         offset=".951"
+         style="stop-color:#ffffff;stop-opacity:0.15686275"
+         id="stop7" />
+      <stop
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0.39215687"
+         id="stop9" />
+    </linearGradient>
+    <radialGradient
+       id="radialGradient2976"
+       cx="4.993"
+       cy="43.5"
+       r="2.5"
+       fx="4.993"
+       fy="43.5"
+       gradientTransform="matrix(2.003784,0,0,1.4,27.98813,-17.4)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3688-166-749-6" />
+    <linearGradient
+       id="linearGradient3688-166-749-6">
+      <stop
+         offset="0"
+         style="stop-color:#181818;stop-opacity:1"
+         id="stop13" />
+      <stop
+         offset="1"
+         style="stop-color:#181818;stop-opacity:0"
+         id="stop15" />
+    </linearGradient>
+    <radialGradient
+       id="radialGradient2978"
+       cx="4.993"
+       cy="43.5"
+       r="2.5"
+       fx="4.993"
+       fy="43.5"
+       gradientTransform="matrix(2.003784,0,0,1.4,-20.01187,-104.4)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3688-464-309-7" />
+    <linearGradient
+       id="linearGradient3688-464-309-7">
+      <stop
+         offset="0"
+         style="stop-color:#181818;stop-opacity:1"
+         id="stop19" />
+      <stop
+         offset="1"
+         style="stop-color:#181818;stop-opacity:0"
+         id="stop21" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2980"
+       x1="25.058"
+       x2="25.058"
+       y1="47.028"
+       y2="39.999"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3702-501-757-3" />
+    <linearGradient
+       id="linearGradient3702-501-757-3">
+      <stop
+         offset="0"
+         style="stop-color:#181818;stop-opacity:0"
+         id="stop25" />
+      <stop
+         offset=".5"
+         style="stop-color:#181818;stop-opacity:1"
+         id="stop27" />
+      <stop
+         offset="1"
+         style="stop-color:#181818;stop-opacity:0"
+         id="stop29" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4256">
+      <stop
+         offset="0"
+         style="stop-color:#1777ba;stop-opacity:1"
+         id="stop32" />
+      <stop
+         offset="1"
+         style="stop-color:#5cb7f6;stop-opacity:1"
+         id="stop34" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4248"
+       x1="16"
+       x2="16"
+       y1="29"
+       y2="3"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient4256" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient949"
+       id="radialGradient951"
+       cx="8"
+       cy="16"
+       fx="8"
+       fy="16"
+       r="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,1.9935897,-2.1298809,0,50.078095,-13.484182)" />
+  </defs>
+  <rect
+     style="fill:url(#radialGradient951);fill-opacity:1;stroke:none;stroke-width:2.17991281;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect925"
+     width="32"
+     height="32"
+     x="0"
+     y="0"
+     ry="0" />
+  <path
+     d="M 16 5 C 11.560863 5 8.7693012 7.2360203 7.4296875 9.4726562 C 6.1060542 11.682611 6.0039063 13.894531 6.0039062 13.894531 C 6.0020435 13.927059 6.0002716 13.959606 6 13.992188 A 1.0001 1.0001 0 0 0 6 14 L 6 16.208984 C 5.4481455 16.432277 5.0000623 16.876571 5 17.5 L 5 19.5 C 5.0000816 20.3165 5.6834996 20.999918 6.5 21 L 6.5742188 21 L 7.1582031 22.167969 C 7.4105832 22.675344 7.933321 22.999486 8.5 23 L 9.8789062 23 L 10.439453 23.560547 C 10.720431 23.841561 11.102612 23.999924 11.5 24 L 12.5 24 C 13.3165 23.999918 13.999918 23.3165 14 22.5 L 14 15.5 C 13.999918 14.6835 13.3165 14.000082 12.5 14 L 11.5 14 C 10.933321 14.000513 10.410584 14.324656 10.158203 14.832031 L 10 15.146484 L 10 14.099609 C 9.9992628 14.112029 10.08956 12.812634 10.859375 11.527344 C 11.65569 10.197806 12.783237 9 16 9 C 19.216764 9 20.34431 10.197806 21.140625 11.527344 C 21.910439 12.812635 22.001422 14.123011 22 14.099609 L 22 15.146484 L 21.841797 14.832031 C 21.589416 14.324656 21.066679 14.000513 20.5 14 L 19.5 14 C 18.6835 14.000082 18.000082 14.6835 18 15.5 L 18 22.5 C 18.000082 23.3165 18.6835 23.999918 19.5 24 L 20.5 24 C 20.897388 23.999924 21.279569 23.841561 21.560547 23.560547 L 22.121094 23 L 23.5 23 C 24.066679 22.999487 24.589416 22.675344 24.841797 22.167969 L 25.425781 21 L 25.5 21 C 26.3165 20.999918 26.999918 20.3165 27 19.5 L 27 17.5 C 26.999938 16.876571 26.551855 16.432277 26 16.208984 L 26 14 A 1.0001 1.0001 0 0 0 26 13.990234 C 25.999707 13.958304 25.997894 13.926411 25.996094 13.894531 C 25.996094 13.894531 25.893947 11.682611 24.570312 9.4726562 C 23.230808 7.2359838 20.439137 5 16 5 z"
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.15;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     id="path52" />
+  <path
+     d="M 16,6 C 11.886169,6 9.4723841,8.0073783 8.2871094,9.9863281 7.1018346,11.965278 7.0019531,13.945315 7.0019531,13.945312 A 1.0001,1.0001 0 0 0 7,14 l 0,3 -0.5,0 A 0.50005,0.50005 0 0 0 6,17.5 l 0,2 A 0.50005,0.50005 0 0 0 6.5,20 l 0.6914062,0 0.8613282,1.722656 A 0.50005,0.50005 0 0 0 8.5,22 l 1.792969,0 0.853515,0.853516 A 0.50005,0.50005 0 0 0 11.5,23 l 1,0 A 0.50005,0.50005 0 0 0 13,22.5 l 0,-7 A 0.50005,0.50005 0 0 0 12.5,15 l -1,0 a 0.50005,0.50005 0 0 0 -0.447266,0.277344 L 10.191406,17 9,17 9,14.042969 C 9.00117,14.024379 9.096555,12.525336 10.001953,11.013672 10.912973,9.4926217 12.499009,8 16,8 c 3.500992,0 5.087027,1.4926217 5.998047,3.013672 0.905398,1.511664 1.000787,3.01071 1.001953,3.029297 L 23,17 21.808594,17 20.947266,15.277344 A 0.50005,0.50005 0 0 0 20.5,15 l -1,0 A 0.50005,0.50005 0 0 0 19,15.5 l 0,7 a 0.50005,0.50005 0 0 0 0.5,0.5 l 1,0 a 0.50005,0.50005 0 0 0 0.353516,-0.146484 L 21.707031,22 23.5,22 a 0.50005,0.50005 0 0 0 0.447266,-0.277344 L 24.808594,20 25.5,20 A 0.50005,0.50005 0 0 0 26,19.5 l 0,-2 A 0.50005,0.50005 0 0 0 25.5,17 l -0.5,0 0,-3 a 1.0001,1.0001 0 0 0 -0.002,-0.05469 c 0,0 -0.09988,-1.980034 -1.285156,-3.9589839 C 22.52771,8.0073823 20.113831,6 16,6 Z"
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.3;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     id="path54" />
+  <rect
+     style="opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="2"
+     height="1"
+     x="5"
+     y="26"
+     rx="0"
+     ry="0"
+     id="rect60" />
+  <rect
+     width="2"
+     height="1"
+     x="8"
+     y="26"
+     rx="0"
+     ry="0"
+     style="opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect62" />
+  <rect
+     style="opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="3"
+     height="1"
+     x="11"
+     y="26"
+     rx="0"
+     ry="0"
+     id="rect64" />
+  <rect
+     width="2"
+     height="1"
+     x="15"
+     y="26"
+     rx="0"
+     ry="0"
+     style="opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect66" />
+  <rect
+     style="opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="3"
+     height="1"
+     x="18"
+     y="26"
+     rx="0"
+     ry="0"
+     id="rect68" />
+  <rect
+     width="2"
+     height="1"
+     x="22"
+     y="26"
+     rx="0"
+     ry="0"
+     style="opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect70" />
+  <rect
+     width="2"
+     height="1"
+     x="5"
+     y="24"
+     rx="0"
+     ry="0"
+     style="opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect72" />
+  <rect
+     width="3"
+     height="1"
+     x="11"
+     y="24"
+     rx="0"
+     ry="0"
+     style="opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect74" />
+  <rect
+     style="opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="2"
+     height="1"
+     x="15"
+     y="24"
+     rx="0"
+     ry="0"
+     id="rect76" />
+  <rect
+     width="3"
+     height="1"
+     x="18"
+     y="24"
+     rx="0"
+     ry="0"
+     style="opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect78" />
+  <rect
+     width="2"
+     height="1"
+     x="15"
+     y="22"
+     rx="0"
+     ry="0"
+     style="opacity:0.4;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect80" />
+  <rect
+     style="opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="2"
+     height="1"
+     x="25"
+     y="26"
+     rx="0"
+     ry="0"
+     id="rect82" />
+  <rect
+     width="2"
+     height="1"
+     x="25"
+     y="24"
+     rx="0"
+     ry="0"
+     style="opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect84" />
+  <rect
+     style="opacity:0.4;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="2"
+     height="1"
+     x="25"
+     y="22"
+     rx="0"
+     ry="0"
+     id="rect86" />
+  <path
+     d="m 6.5,16.500017 0,2 1,0 1,2 2,0 1,1 1,0 0,-7 -1,0 -1,2 z"
+     style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path88" />
+  <path
+     d="m 8,16.000017 0,-3 c 0,0 0.3851775,-6.9999996 8,-6.9999996 7.614823,0 8,6.9999996 8,6.9999996 l 0,3"
+     style="display:inline;opacity:1;fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path90" />
+  <path
+     style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 25.5,16.500017 0,2 -1,0 -1,2 -2,0 -1,1 -1,0 0,-7 1,0 1,2 z"
+     id="path92" />
+</svg>
diff --git a/public/static/icon_48_flat-dark.png b/public/static/icon_48_flat-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..c5d85fc5768a0597e337281b8a5e6e28979adec1
GIT binary patch
literal 2341
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
LNkvXXu0mjfi|>wk

literal 0
HcmV?d00001

diff --git a/public/static/icon_48_flat-dark.svg b/public/static/icon_48_flat-dark.svg
new file mode 100644
index 0000000..ef19562
--- /dev/null
+++ b/public/static/icon_48_flat-dark.svg
@@ -0,0 +1,347 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48"
+   height="48"
+   version="1.1"
+   id="svg2"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   sodipodi:docname="icon_48_flat-dark.svg"
+   inkscape:export-filename="/home/djoma/Projekte/artemanufrij/app/webplay-client/public/static/icon_48.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata96">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1459"
+     inkscape:window-height="959"
+     id="namedview94"
+     showgrid="false"
+     inkscape:zoom="4.9166667"
+     inkscape:cx="5.4915254"
+     inkscape:cy="-19.728813"
+     inkscape:window-x="171"
+     inkscape:window-y="40"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient877">
+      <stop
+         style="stop-color:#545c64;stop-opacity:1"
+         offset="0"
+         id="stop873" />
+      <stop
+         style="stop-color:#31363b;stop-opacity:1"
+         offset="1"
+         id="stop875" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3058"
+       x1="24"
+       x2="24"
+       y1="5"
+       y2="43"
+       gradientTransform="translate(4e-6,1.000006)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3924-1" />
+    <linearGradient
+       id="linearGradient3924-1">
+      <stop
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1"
+         id="stop8" />
+      <stop
+         offset=".063"
+         style="stop-color:#ffffff;stop-opacity:0.23529412"
+         id="stop10" />
+      <stop
+         offset=".951"
+         style="stop-color:#ffffff;stop-opacity:0.15686275"
+         id="stop12" />
+      <stop
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0.39215687"
+         id="stop14" />
+    </linearGradient>
+    <radialGradient
+       id="radialGradient3013"
+       cx="4.993"
+       cy="43.5"
+       r="2.5"
+       fx="4.993"
+       fy="43.5"
+       gradientTransform="matrix(2.4045409,0,0,0.89999994,27.985756,4.600003)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3688-166-749" />
+    <linearGradient
+       id="linearGradient3688-166-749">
+      <stop
+         offset="0"
+         style="stop-color:#181818;stop-opacity:1"
+         id="stop18" />
+      <stop
+         offset="1"
+         style="stop-color:#181818;stop-opacity:0"
+         id="stop20" />
+    </linearGradient>
+    <radialGradient
+       id="radialGradient3015"
+       cx="4.993"
+       cy="43.5"
+       r="2.5"
+       fx="4.993"
+       fy="43.5"
+       gradientTransform="matrix(2.4045409,0,0,0.89999994,-20.014244,-82.899992)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3688-464-309" />
+    <linearGradient
+       id="linearGradient3688-464-309">
+      <stop
+         offset="0"
+         style="stop-color:#181818;stop-opacity:1"
+         id="stop24" />
+      <stop
+         offset="1"
+         style="stop-color:#181818;stop-opacity:0"
+         id="stop26" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3702-501-757">
+      <stop
+         offset="0"
+         style="stop-color:#181818;stop-opacity:0"
+         id="stop29" />
+      <stop
+         offset=".5"
+         style="stop-color:#181818;stop-opacity:1"
+         id="stop31" />
+      <stop
+         offset="1"
+         style="stop-color:#181818;stop-opacity:0"
+         id="stop33" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6647"
+       x1="25.058"
+       x2="25.058"
+       y1="47.028"
+       y2="39.999"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3702-501-757"
+       gradientTransform="matrix(1.1428571,0,0,0.6428571,-3.4285711,15.785724)" />
+    <linearGradient
+       id="linearGradient4256">
+      <stop
+         offset="0"
+         style="stop-color:#1777ba;stop-opacity:1"
+         id="stop37" />
+      <stop
+         offset="1"
+         style="stop-color:#5cb7f6;stop-opacity:1"
+         id="stop39" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4254"
+       x1="24"
+       x2="24"
+       y1="44"
+       y2="5.972"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient4256" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient877"
+       id="radialGradient879"
+       cx="24"
+       cy="3.0744331"
+       fx="24"
+       fy="3.0744331"
+       r="21"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,1.9467312,-2.2881356,0,31.03472,-43.647117)" />
+  </defs>
+  <rect
+     style="fill:url(#radialGradient879);fill-opacity:1;stroke:none;stroke-width:1.99050581;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect853"
+     width="48"
+     height="48"
+     x="0"
+     y="0"
+     ry="0" />
+  <path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.15;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     d="M 24,9 C 17.872945,9 14.350715,12.036316 12.691406,15.021484 11.032098,18.006653 11,20.974609 11,20.974609 A 1.50015,1.50015 0 0 0 11,21 l 0,4 -1.5,0 A 0.50005,0.50005 0 0 0 9,25.5 l 0,5 A 0.50005,0.50005 0 0 0 9.5,31 l 1.691406,0 0.861328,1.722656 A 0.50005,0.50005 0 0 0 12.5,33 l 2.691406,0 0.861328,1.722656 A 0.50005,0.50005 0 0 0 16.5,35 l 2,0 A 0.50005,0.50005 0 0 0 19,34.5 l 0,-11 A 0.50005,0.50005 0 0 0 18.5,23 l -2,0 a 0.50005,0.50005 0 0 0 -0.447266,0.277344 L 15.191406,25 14,25 14,21.025391 c 0,0 0.05359,-2.282044 1.3125,-4.546875 C 16.571408,14.213684 18.799922,12 24,12 c 5.200091,0 7.428595,2.213686 8.6875,4.478516 C 33.946405,18.743345 34,21.025391 34,21.025391 L 34,25 32.808594,25 31.947266,23.277344 A 0.50005,0.50005 0 0 0 31.5,23 l -2,0 A 0.50005,0.50005 0 0 0 29,23.5 l 0,11 a 0.50005,0.50005 0 0 0 0.5,0.5 l 2,0 a 0.50005,0.50005 0 0 0 0.447266,-0.277344 L 32.808594,33 35.5,33 a 0.50005,0.50005 0 0 0 0.447266,-0.277344 L 36.808594,31 38.5,31 A 0.50005,0.50005 0 0 0 39,30.5 l 0,-5 A 0.50005,0.50005 0 0 0 38.5,25 l -1.5,0 0,-4 a 1.50015,1.50015 0 0 0 0,-0.02539 c 0,0 -0.0321,-2.967955 -1.691406,-5.953125 C 33.649288,12.036312 30.127066,9 24,9 Z"
+     id="path52" />
+  <path
+     d="M 24,9 C 17.872945,9 14.350715,12.036316 12.691406,15.021484 11.032098,18.006653 11,20.974609 11,20.974609 A 1.50015,1.50015 0 0 0 11,21 l 0,4 -1.5,0 A 0.50005,0.50005 0 0 0 9,25.5 l 0,5 A 0.50005,0.50005 0 0 0 9.5,31 l 1.691406,0 0.861328,1.722656 A 0.50005,0.50005 0 0 0 12.5,33 l 2.691406,0 0.861328,1.722656 A 0.50005,0.50005 0 0 0 16.5,35 l 2,0 A 0.50005,0.50005 0 0 0 19,34.5 l 0,-11 A 0.50005,0.50005 0 0 0 18.5,23 l -2,0 a 0.50005,0.50005 0 0 0 -0.447266,0.277344 L 15.191406,25 14,25 14,21.025391 c 0,0 0.05359,-2.282044 1.3125,-4.546875 C 16.571408,14.213684 18.799922,12 24,12 c 5.200091,0 7.428595,2.213686 8.6875,4.478516 C 33.946405,18.743345 34,21.025391 34,21.025391 L 34,25 32.808594,25 31.947266,23.277344 A 0.50005,0.50005 0 0 0 31.5,23 l -2,0 A 0.50005,0.50005 0 0 0 29,23.5 l 0,11 a 0.50005,0.50005 0 0 0 0.5,0.5 l 2,0 a 0.50005,0.50005 0 0 0 0.447266,-0.277344 L 32.808594,33 35.5,33 a 0.50005,0.50005 0 0 0 0.447266,-0.277344 L 36.808594,31 38.5,31 A 0.50005,0.50005 0 0 0 39,30.5 l 0,-5 A 0.50005,0.50005 0 0 0 38.5,25 l -1.5,0 0,-4 a 1.50015,1.50015 0 0 0 0,-0.02539 c 0,0 -0.0321,-2.967955 -1.691406,-5.953125 C 33.649288,12.036312 30.127066,9 24,9 Z"
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.3;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     id="path54" />
+  <path
+     d="m 9.5000062,24.499999 0,5 1.9999998,0 1,2 3,0 1,2 2,0 0,-11 -2,0 -1,2 z"
+     style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path60" />
+  <path
+     d="m 12.500006,24.478599 0,-4.4786 c 0,0 0.172867,-10.4999998 11.5,-10.4999998 11.327157,0 11.5,10.4999998 11.5,10.4999998 l 0,4.4786"
+     style="display:inline;opacity:1;fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path62" />
+  <path
+     style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 38.500006,24.499999 0,5 -2,0 -1,2 -3,0 -1,2 -2,0 0,-11 2,0 1,2 z"
+     id="path64" />
+  <rect
+     width="4"
+     height="2"
+     x="7"
+     y="39"
+     rx="0"
+     ry="0"
+     style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect66" />
+  <rect
+     style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="4"
+     height="2"
+     x="12"
+     y="39"
+     rx="0"
+     ry="0"
+     id="rect68" />
+  <rect
+     width="4"
+     height="2"
+     x="17"
+     y="39"
+     rx="0"
+     ry="0"
+     style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect70" />
+  <rect
+     style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="4"
+     height="2"
+     x="22"
+     y="39"
+     rx="0"
+     ry="0"
+     id="rect72" />
+  <rect
+     width="4"
+     height="2"
+     x="27"
+     y="39"
+     rx="0"
+     ry="0"
+     style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect74" />
+  <rect
+     style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="4"
+     height="2"
+     x="32"
+     y="39"
+     rx="0"
+     ry="0"
+     id="rect76" />
+  <rect
+     width="4"
+     height="2"
+     x="37"
+     y="39"
+     rx="0"
+     ry="0"
+     style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect78" />
+  <rect
+     style="display:inline;opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="4"
+     height="2"
+     x="7"
+     y="36"
+     rx="0"
+     ry="0"
+     id="rect80" />
+  <rect
+     style="display:inline;opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="4"
+     height="2"
+     x="17"
+     y="36"
+     rx="0"
+     ry="0"
+     id="rect82" />
+  <rect
+     width="4"
+     height="2"
+     x="22"
+     y="36"
+     rx="0"
+     ry="0"
+     style="display:inline;opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect84" />
+  <rect
+     style="display:inline;opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="4"
+     height="2"
+     x="27"
+     y="36"
+     rx="0"
+     ry="0"
+     id="rect86" />
+  <rect
+     style="display:inline;opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="4"
+     height="2"
+     x="37"
+     y="36"
+     rx="0"
+     ry="0"
+     id="rect88" />
+  <rect
+     style="display:inline;opacity:0.4;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="4"
+     height="2"
+     x="22"
+     y="33"
+     rx="0"
+     ry="0"
+     id="rect90" />
+  <rect
+     width="4"
+     height="2"
+     x="37"
+     y="33"
+     rx="0"
+     ry="0"
+     style="display:inline;opacity:0.4;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect92" />
+</svg>
diff --git a/public/static/icon_64_flat-dark.png b/public/static/icon_64_flat-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..5137a3777d3d5f91ddb25a36389f2eee482a5e04
GIT binary patch
literal 3329
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
LNkvXXu0mjfYa~Tc

literal 0
HcmV?d00001

diff --git a/public/static/icon_64_flat-dark.svg b/public/static/icon_64_flat-dark.svg
new file mode 100644
index 0000000..91c3a7c
--- /dev/null
+++ b/public/static/icon_64_flat-dark.svg
@@ -0,0 +1,347 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="64"
+   height="64"
+   version="1.1"
+   id="svg2"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   sodipodi:docname="icon_64_flat-dark.svg"
+   inkscape:export-filename="icon_64_flat-dark.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata96">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1611"
+     inkscape:window-height="952"
+     id="namedview94"
+     showgrid="false"
+     inkscape:zoom="8"
+     inkscape:cx="32"
+     inkscape:cy="31.5625"
+     inkscape:window-x="172"
+     inkscape:window-y="47"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient877">
+      <stop
+         style="stop-color:#535c65;stop-opacity:1"
+         offset="0"
+         id="stop873" />
+      <stop
+         style="stop-color:#31363b;stop-opacity:1"
+         offset="1"
+         id="stop875" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4256">
+      <stop
+         style="stop-color:#1777ba;stop-opacity:1"
+         offset="0"
+         id="stop7" />
+      <stop
+         style="stop-color:#1777ba;stop-opacity:1"
+         offset="1"
+         id="stop9" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3381-5-4"
+       x1="24"
+       x2="24"
+       y1="5"
+       y2="43"
+       gradientTransform="matrix(1.4324324,0,0,1.4362832,-2.378381,-2.4707782)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3924-2-2-5-8" />
+    <linearGradient
+       id="linearGradient3924-2-2-5-8">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop13" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.23529412"
+         offset=".063"
+         id="stop15" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.15686275"
+         offset=".951"
+         id="stop17" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.39215687"
+         offset="1"
+         id="stop19" />
+    </linearGradient>
+    <radialGradient
+       id="radialGradient3337-2-2"
+       cx="4.993"
+       cy="43.5"
+       r="2.5"
+       fx="4.993"
+       fy="43.5"
+       gradientTransform="matrix(3.2060543,0,0,0.99999998,37.981006,16.000001)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3688-166-749-4-0-3-8" />
+    <linearGradient
+       id="linearGradient3688-166-749-4-0-3-8">
+      <stop
+         style="stop-color:#181818;stop-opacity:1"
+         offset="0"
+         id="stop23" />
+      <stop
+         style="stop-color:#181818;stop-opacity:0"
+         offset="1"
+         id="stop25" />
+    </linearGradient>
+    <radialGradient
+       id="radialGradient3339-1-4"
+       cx="4.993"
+       cy="43.5"
+       r="2.5"
+       fx="4.993"
+       fy="43.5"
+       gradientTransform="matrix(3.2060543,0,0,0.99999998,-26.018992,-103)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3688-464-309-9-2-4-2" />
+    <linearGradient
+       id="linearGradient3688-464-309-9-2-4-2">
+      <stop
+         style="stop-color:#181818;stop-opacity:1"
+         offset="0"
+         id="stop29" />
+      <stop
+         style="stop-color:#181818;stop-opacity:0"
+         offset="1"
+         id="stop31" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3702-501-757-8-4-1-1">
+      <stop
+         style="stop-color:#181818;stop-opacity:0"
+         offset="0"
+         id="stop34" />
+      <stop
+         style="stop-color:#181818;stop-opacity:1"
+         offset=".5"
+         id="stop36" />
+      <stop
+         style="stop-color:#181818;stop-opacity:0"
+         offset="1"
+         id="stop38" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6394"
+       x1="25.058"
+       x2="25.058"
+       y1="47.028"
+       y2="39.999"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3702-501-757-8-4-1-1"
+       gradientTransform="matrix(1.5714286,0,0,0.7142857,-5.7142853,28.428572)" />
+    <linearGradient
+       id="linearGradient4262"
+       x1="31"
+       x2="31"
+       y1="59"
+       y2="4.737"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient4256" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient877"
+       id="radialGradient879"
+       cx="31.625"
+       cy="4"
+       fx="31.625"
+       fy="4"
+       r="28"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,1.9571706,-2.0851744,0,39.965698,-57.895519)" />
+  </defs>
+  <rect
+     style="fill:url(#radialGradient879);fill-opacity:1;stroke:none;stroke-width:2.85814881;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect853"
+     width="64"
+     height="64"
+     x="0"
+     y="0"
+     ry="0" />
+  <path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.15;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     d="M 32 8 C 22.542678 8 17.01237 12.828471 14.480469 17.591797 C 11.967919 22.318718 11.999934 26.988801 12 26.998047 L 12 27 L 12 27.003906 L 12 31 L 11.5 31 C 10.6835 31.000082 10.000082 31.6835 10 32.5 L 10 39.5 C 10.000082 40.3165 10.6835 40.999918 11.5 41 L 13.417969 41 L 14.076172 42.974609 C 14.27934 43.583587 14.858026 44.000335 15.5 44 L 17.417969 44 L 18.076172 45.974609 C 18.27934 46.583587 18.858026 47.000335 19.5 47 L 24.5 47 C 25.3165 46.999918 25.999918 46.3165 26 45.5 L 26 28.5 C 25.999918 27.6835 25.3165 27.000082 24.5 27 L 19.5 27 A 1.0001 1.0001 0 0 0 19.498047 27 C 18.815558 27.0011 18.210263 27.47456 18.044922 28.136719 L 18 28.316406 L 18 27.007812 L 18 27 C 17.9989 27.150353 18.04342 23.670266 19.777344 20.408203 C 21.536818 17.098064 24.422823 14 32 14 C 39.577196 14 42.463186 17.098064 44.222656 20.408203 C 45.959897 23.676524 46.001144 27.155119 46 27.007812 L 46 28.316406 L 45.955078 28.136719 C 45.789735 27.47456 45.184442 27.001063 44.501953 27 A 1.0001 1.0001 0 0 0 44.5 27 L 39.5 27 C 38.6835 27.000082 38.000082 27.6835 38 28.5 L 38 45.5 C 38.000082 46.3165 38.6835 46.999918 39.5 47 L 44.5 47 C 45.141974 47.000335 45.72066 46.583587 45.923828 45.974609 L 46.582031 44 L 48.5 44 C 49.141974 44.000335 49.72066 43.583587 49.923828 42.974609 L 50.582031 41 L 52.5 41 C 53.3165 40.999918 53.999918 40.3165 54 39.5 L 54 32.5 C 53.999918 31.6835 53.3165 31.000082 52.5 31 L 52 31 L 52 27.003906 L 52 27 C 52.000045 26.9938 52.03291 22.320279 49.519531 17.591797 C 46.987635 12.82862 41.457345 8 32 8 z"
+     id="path52" />
+  <path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.3;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     d="m 32,8.9999999 c -9.123144,0 -14.251477,4.5731351 -16.636719,9.0605471 C 12.97804,22.547959 13,26.998047 13,26.998047 A 2.0002,2.0002 0 0 0 13,27 l 0,5 -1.5,0 A 0.50005,0.50005 0 0 0 11,32.5 l 0,7 a 0.50005,0.50005 0 0 0 0.5,0.5 l 2.638672,0 0.886719,2.658203 A 0.50005,0.50005 0 0 0 15.5,43 l 2.638672,0 0.886719,2.658203 A 0.50005,0.50005 0 0 0 19.5,46 l 5,0 A 0.50005,0.50005 0 0 0 25,45.5 l 0,-17 A 0.50005,0.50005 0 0 0 24.5,28 l -5,0 a 0.50005,0.50005 0 0 0 -0.484375,0.378906 L 18.109375,32 17,32 17,27.001953 17,27 c 2.4e-5,-0.0031 0.02826,-3.549488 1.894531,-7.060547 C 20.761615,16.426865 24.132444,13 32,13 39.867575,13 43.23839,16.426866 45.105469,19.939453 46.971734,23.45051 46.999976,26.99691 47,27 l 0,5 -1.109375,0 -0.90625,-3.621094 A 0.50005,0.50005 0 0 0 44.5,28 l -5,0 A 0.50005,0.50005 0 0 0 39,28.5 l 0,17 a 0.50005,0.50005 0 0 0 0.5,0.5 l 5,0 a 0.50005,0.50005 0 0 0 0.474609,-0.341797 L 45.861328,43 48.5,43 a 0.50005,0.50005 0 0 0 0.474609,-0.341797 L 49.861328,40 52.5,40 A 0.50005,0.50005 0 0 0 53,39.5 l 0,-7 A 0.50005,0.50005 0 0 0 52.5,32 l -1.5,0 0,-5 a 2.0002,2.0002 0 0 0 0,-0.002 c 0,0 0.02196,-4.450087 -2.363281,-8.9375 C 46.251481,13.573227 41.123161,8.9999999 32,8.9999999 Z"
+     id="path54" />
+  <rect
+     style="opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="6"
+     height="4"
+     x="22"
+     y="52"
+     rx="0"
+     ry="0"
+     id="rect60" />
+  <rect
+     style="opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="6"
+     height="4"
+     x="22"
+     y="47"
+     rx="0"
+     ry="0"
+     id="rect62" />
+  <rect
+     style="opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="6"
+     height="4"
+     x="15"
+     y="52"
+     rx="0"
+     ry="0"
+     id="rect64" />
+  <rect
+     width="6"
+     height="4"
+     x="8"
+     y="52"
+     rx="0"
+     ry="0"
+     style="opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect66" />
+  <rect
+     style="opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="6"
+     height="4"
+     x="8"
+     y="47"
+     rx="0"
+     ry="0"
+     id="rect68" />
+  <rect
+     style="opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="6"
+     height="4"
+     x="29"
+     y="52"
+     rx="0"
+     ry="0"
+     id="rect70" />
+  <rect
+     style="opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="6"
+     height="4"
+     x="29"
+     y="47"
+     rx="0"
+     ry="0"
+     id="rect72" />
+  <rect
+     width="6"
+     height="4"
+     x="29"
+     y="42"
+     rx="0"
+     ry="0"
+     style="opacity:0.4;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect74" />
+  <rect
+     style="opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="6"
+     height="4"
+     x="36"
+     y="52"
+     rx="0"
+     ry="0"
+     id="rect76" />
+  <rect
+     style="opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="6"
+     height="4"
+     x="43"
+     y="52"
+     rx="0"
+     ry="0"
+     id="rect78" />
+  <rect
+     width="6"
+     height="4"
+     x="50"
+     y="52"
+     rx="0"
+     ry="0"
+     style="opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect80" />
+  <rect
+     width="6"
+     height="4"
+     x="50"
+     y="47"
+     rx="0"
+     ry="0"
+     style="opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect82" />
+  <rect
+     style="opacity:0.4;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     width="6"
+     height="4"
+     x="50"
+     y="42"
+     rx="0"
+     ry="0"
+     id="rect84" />
+  <rect
+     width="6"
+     height="4"
+     x="36"
+     y="47"
+     rx="0"
+     ry="0"
+     style="opacity:0.65;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect86" />
+  <path
+     style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1"
+     d="m 11.499998,31.49999 0,7 3,0 1,3 3,0 1,3 5,0 0,-17 -5,0 -1,4 z"
+     id="path88" />
+  <path
+     d="m 52.499998,31.49999 0,7 -3,0 -1,3 -3,0 -1,3 -5,0 0,-17 5,0 1,4 z"
+     style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1"
+     id="path90" />
+  <path
+     style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 14.999998,30.99999 0,-5 c 0,0 0.0093,-16.0000004 17,-16.0000004 16.990736,0 17,16.0000004 17,16.0000004 l 0,5"
+     id="path92" />
+</svg>
diff --git a/public/static/icon_96_flat-dark.png b/public/static/icon_96_flat-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..ddd33d36dee84f5fd099c843419c6cb676cac9b3
GIT binary patch
literal 5864
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

literal 0
HcmV?d00001

-- 
2.45.2


From 7974c8bdcaa5015978d7b60d900314da270eb671 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 12 Sep 2023 18:38:58 +0200
Subject: [PATCH 12/33] change apple icons in index.html fix #13

---
 public/index.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/index.html b/public/index.html
index 5829e9e..41b44c3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,12 +16,12 @@
 
   <link rel="apple-touch-icon-precomposed" href="static/icon_16.png" sizes="16x16" />
   <link rel="apple-touch-icon-precomposed" href="static/icon_24.png" sizes="24x24" />
-  <link rel="apple-touch-icon-precomposed" href="static/icon_32.png" sizes="32x32" />
-  <link rel="apple-touch-icon-precomposed" href="static/icon_48.png" sizes="48x48" />
-  <link rel="apple-touch-icon-precomposed" href="static/icon_64.png" sizes="64x64" />
-  <link rel="apple-touch-icon-precomposed" href="static/icon_96.png" sizes="96x96" />
-  <link rel="apple-touch-icon-precomposed" href="static/icon_128.png" sizes="128x128" />
-  <link rel="apple-touch-icon-precomposed" href="static/icon_192.png" sizes="192x192" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_32_flat-dark.png" sizes="32x32" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_48_flat-dark.png" sizes="48x48" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_64_flat-dark.png" sizes="64x64" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_96_flat-dark.png" sizes="96x96" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_128_flat-dark.png" sizes="128x128" />
+  <link rel="apple-touch-icon-precomposed" href="static/icon_192_flat-dark.png" sizes="192x192" />
 
   <title>WebPlay.rocks</title>
   <link rel="manifest" href="manifest.json" />
-- 
2.45.2


From 608e16c8277ee445358972cd145a2060385a21ea Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 12 Sep 2023 20:10:54 +0200
Subject: [PATCH 13/33] show dummy icon for radios without logo. fix #13

---
 public/config.json                  |  4 +-
 public/static/icons/dummy/radio.svg | 71 +++++++++++++++++++++++++++++
 src/components/Radio.vue            | 11 ++++-
 src/components/dialogs/Radios.vue   |  9 +++-
 4 files changed, 91 insertions(+), 4 deletions(-)
 create mode 100644 public/static/icons/dummy/radio.svg

diff --git a/public/config.json b/public/config.json
index f966bb7..a3b7d4a 100644
--- a/public/config.json
+++ b/public/config.json
@@ -1,5 +1,5 @@
 {
-  "backend_dev": "http://localhost:31204",
-  "backend_de": "https://webplay.rocks",
+  "backend_de": "http://localhost:31204",
+  "backend_dev": "https://webplay.rocks",
   "backend": "https://webplay.rocks"
 }
\ No newline at end of file
diff --git a/public/static/icons/dummy/radio.svg b/public/static/icons/dummy/radio.svg
new file mode 100644
index 0000000..fbed107
--- /dev/null
+++ b/public/static/icons/dummy/radio.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   data-name="Layer 1"
+   viewBox="0 0 48 48"
+   x="0px"
+   y="0px"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="radio.svg"
+   width="48"
+   height="48"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="13.033333"
+     inkscape:cx="27.199488"
+     inkscape:cy="24.55243"
+     inkscape:window-width="1920"
+     inkscape:window-height="959"
+     inkscape:window-x="0"
+     inkscape:window-y="40"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <title
+     id="title1">Artboard 47</title>
+  <path
+     d="m 35.61,14.29 -1.21,-1.59 -3.19,2.42 1.21,1.59 a 13,13 0 0 1 0,15.7 l -1.23,1.59 3.19,2.43 1.21,-1.6 a 17,17 0 0 0 0,-20.54 z"
+     id="path1"
+     style="fill:#7f8c8d;fill-opacity:1" />
+  <path
+     d="m 38.13,6.62 -2.9,2.75 1.37,1.45 a 20,20 0 0 1 1.54,25.61 L 37,38 l 3.22,2.38 1.19,-1.61 A 24,24 0 0 0 39.51,8.08 Z"
+     id="path2"
+     style="fill:#7f8c8d;fill-opacity:1" />
+  <path
+     d="m 13,24.55 a 12.88,12.88 0 0 1 2.63,-7.84 l 1.21,-1.59 -3.24,-2.42 -1.21,1.59 a 17,17 0 0 0 0,20.54 L 13.6,36.43 16.81,34 15.6,32.41 A 12.81,12.81 0 0 1 13,24.55 Z"
+     id="path3"
+     style="fill:#7f8c8d;fill-opacity:1" />
+  <path
+     d="M 6,24.55 A 20,20 0 0 1 11.4,10.82 L 12.77,9.37 9.87,6.62 8.49,8.08 A 24,24 0 0 0 6.64,38.81 L 7.83,40.42 11.05,38 9.86,36.43 A 19.84,19.84 0 0 1 6,24.55 Z"
+     id="path4"
+     style="fill:#7f8c8d;fill-opacity:1" />
+  <path
+     d="m 24.05,18.55 a 6,6 0 0 0 -2,11.65 v 10.35 h 4 V 30.2 a 6,6 0 0 0 -2,-11.65 z m 0,8 a 2,2 0 1 1 2,-2 2,2 0 0 1 -2,2 z"
+     id="path5"
+     style="fill:#7f8c8d;fill-opacity:1" />
+  <metadata
+     id="metadata6">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:title>Artboard 47</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/src/components/Radio.vue b/src/components/Radio.vue
index 6f70d83..0843eff 100644
--- a/src/components/Radio.vue
+++ b/src/components/Radio.vue
@@ -1,6 +1,6 @@
 <template>
   <div :title="item.name" class="container radio" @click="clicked">
-    <img class="radioCover shadow" :src="item.cover128" />
+    <img class="radioCover shadow" :src="cover" />
     <p
       class="radioTitle"
       :class="{ selected: item == $store.state.selectedRadio }"
@@ -30,5 +30,14 @@ export default {
       }
     },
   },
+  computed: {
+    cover() {
+      let res = "/static/icons/dummy/radio.svg";
+      if (this.item && this.item.cover128) {
+        res = this.item.cover128;
+      }
+      return res;
+    },
+  },
 };
 </script>
\ No newline at end of file
diff --git a/src/components/dialogs/Radios.vue b/src/components/dialogs/Radios.vue
index 008836d..a8e6616 100644
--- a/src/components/dialogs/Radios.vue
+++ b/src/components/dialogs/Radios.vue
@@ -53,7 +53,7 @@
             <td>
               <img
                 class="radioCover"
-                :src="radio.cover32"
+                :src="cover(radio)"
                 @click="updateCover(radio)"
               />
             </td>
@@ -116,6 +116,13 @@ export default {
     updateCover(radio) {
       this.$store.dispatch("radios/updateRadio", radio);
     },
+    cover(radio) {
+      let res = "/static/icons/dummy/radio.svg";
+      if (radio.cover32) {
+        res = radio.cover32;
+      }
+      return res;
+    },
   },
 };
 </script>
\ No newline at end of file
-- 
2.45.2


From 173cf770544b512a04806fadff5a4e720fc3161d Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 12 Sep 2023 20:24:31 +0200
Subject: [PATCH 14/33] show radio dummy icon in the player bar

---
 src/components/Player.vue | 29 +++++++++++++++++++++++------
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index e2ab53f..8977b9d 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -17,11 +17,7 @@
       <div class="flex-row grow">
         <img
           class="cover pointer"
-          :src="
-            selectedTrack.parent.covers.cover64 ||
-            selectedRadio.cover64 ||
-            '/static/icons/dummy/album.svg'
-          "
+          :src="cover"
           :title="selectedTrack.parent.title"
           @click="gotoContainer"
         />
@@ -182,7 +178,7 @@ export default {
       this.audio.src = url;
 
       this.pushHistoryItem();
-      
+
       // Try to fix SAFARI
       this.audio.play();
     },
@@ -310,6 +306,27 @@ export default {
     },
   },
   computed: {
+    cover() {
+      if (this.selectedTrack.title != "") {
+        let res = "/static/icons/dummy/album.svg";
+
+        if (this.selectedTrack.parent.covers.cover64) {
+          res = this.selectedTrack.parent.covers.cover64;
+        }
+
+        return res;
+      }
+
+      if (this.selectedRadio) {
+        let res = "/static/icons/dummy/radio.svg";
+        if (this.selectedRadio.cover64) {
+          res = this.selectedRadio.cover64;
+        }
+        return res;
+      }
+
+      return "";
+    },
     selectedTrack() {
       return this.$store.getters["tracks/selectedTrack"];
     },
-- 
2.45.2


From ad6161c40a5c2ef3d6985fff671117ee9df809e5 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 12 Sep 2023 20:28:35 +0200
Subject: [PATCH 15/33] show dummy icon inside media info

---
 src/App.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 350018a..9b5fefd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -206,27 +206,32 @@ export default {
           album: track.parent.title,
           artwork: [
             {
-              src: track.parent.covers.cover32,
+              src:
+                track.parent.covers.cover32 || "/static/icons/dummy/album.svg",
               sizes: "32x32",
               type: "image/png",
             },
             {
-              src: track.parent.covers.cover64,
+              src:
+                track.parent.covers.cover64 || "/static/icons/dummy/album.svg",
               sizes: "64x64",
               type: "image/png",
             },
             {
-              src: track.parent.covers.cover128,
+              src:
+                track.parent.covers.cover128 || "/static/icons/dummy/album.svg",
               sizes: "96x96",
               type: "image/png",
             },
             {
-              src: track.parent.covers.cover128,
+              src:
+                track.parent.covers.cover128 || "/static/icons/dummy/album.svg",
               sizes: "128x128",
               type: "image/png",
             },
             {
-              src: track.parent.covers.cover128,
+              src:
+                track.parent.covers.cover128 || "/static/icons/dummy/album.svg",
               sizes: "256x256",
               type: "image/png",
             },
-- 
2.45.2


From 5fd39722ced09c18ab3703a8df1610bdddd38075 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 12 Sep 2023 20:41:34 +0200
Subject: [PATCH 16/33] add radio name to the history item

---
 src/components/Player.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index 8977b9d..2f0181e 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -160,6 +160,7 @@ export default {
       let item = {
         id: this.selectedRadio._id,
         cover128: this.selectedRadio.cover128,
+        name: this.selectedRadio.name,
         type: "radio",
       };
       this.$store.dispatch("user/saveHistoryItem", item);
-- 
2.45.2


From 661f8bbd3a37486e98b3098b3b089c13af742797 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 12 Sep 2023 20:44:12 +0200
Subject: [PATCH 17/33] add margin to the radio component

---
 src/components/Radio.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Radio.vue b/src/components/Radio.vue
index 0843eff..bc2a4ce 100644
--- a/src/components/Radio.vue
+++ b/src/components/Radio.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :title="item.name" class="container radio" @click="clicked">
+  <div :title="item.name" class="container radio ma" @click="clicked">
     <img class="radioCover shadow" :src="cover" />
     <p
       class="radioTitle"
-- 
2.45.2


From b094d0da3325bee772597ab16f6b6ee425caad5e Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 12 Sep 2023 21:02:24 +0200
Subject: [PATCH 18/33] link to the project on the login screen fix #12

---
 src/views/Login.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/views/Login.vue b/src/views/Login.vue
index 54da283..c746900 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -3,7 +3,7 @@
     <div id="loginViewer">
       <div id="loginLogin" class="flex-column">
         <img id="loginLogo" src="static/icon_64_flat.svg" />
-        <h1>Web Play</h1>
+        <h1>WebPlay</h1>
         <form id="loginForm" @submit.prevent="login" method="POST">
           <p>
             <input
@@ -96,6 +96,9 @@
         </div>
       </div>
     </div>
+    <div id="loginFooter" class="ma">
+    create your own <a href="https://code.anufrij.de/WebPlay/docker#requirements" target="webplay">WebPlay</a> instance
+    </div>
   </div>
 </template>
 
@@ -219,4 +222,18 @@ export default {
   },
   components: { ExpanderControl },
 };
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+#loginFooter {
+
+  position: absolute;
+  bottom: 0;
+} 
+
+#loginFooter a {
+  display: initial;
+  color: var(--white);
+  font-weight: bold;
+}
+</style>
\ No newline at end of file
-- 
2.45.2


From 8ef939856f9363fd82760e7c2ccc86278e1f7f67 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 12 Sep 2023 21:05:22 +0200
Subject: [PATCH 19/33] fix the project url

---
 src/views/Login.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Login.vue b/src/views/Login.vue
index c746900..a649214 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -97,7 +97,7 @@
       </div>
     </div>
     <div id="loginFooter" class="ma">
-    create your own <a href="https://code.anufrij.de/WebPlay/docker#requirements" target="webplay">WebPlay</a> instance
+    create your own <a href="https://code.anufrij.de/WebPlay/docker#setup-your-own-webplay-instance" target="webplay">WebPlay</a> instance
     </div>
   </div>
 </template>
-- 
2.45.2


From 108514aaa49bc34401397d8d99d0c5e9ee52aeac Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Thu, 14 Sep 2023 20:00:19 +0200
Subject: [PATCH 20/33] remove small resolution images from mediasession

---
 public/static/icon_32_flat-dark.svg |  2 +-
 public/static/icon_48_flat-dark.svg |  2 +-
 public/static/icon_64_flat-dark.svg |  6 +++---
 src/App.vue                         | 18 ------------------
 4 files changed, 5 insertions(+), 23 deletions(-)

diff --git a/public/static/icon_32_flat-dark.svg b/public/static/icon_32_flat-dark.svg
index aa72ff2..87caebc 100644
--- a/public/static/icon_32_flat-dark.svg
+++ b/public/static/icon_32_flat-dark.svg
@@ -6,7 +6,7 @@
    id="svg94"
    sodipodi:docname="icon_32_flat-dark.svg"
    inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
-   inkscape:export-filename="/home/djoma/Projekte/artemanufrij/app/webplay-client/public/static/icon_32.png"
+   inkscape:export-filename="icon_32_flat-dark.png"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
diff --git a/public/static/icon_48_flat-dark.svg b/public/static/icon_48_flat-dark.svg
index ef19562..8be9997 100644
--- a/public/static/icon_48_flat-dark.svg
+++ b/public/static/icon_48_flat-dark.svg
@@ -6,7 +6,7 @@
    id="svg2"
    inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
    sodipodi:docname="icon_48_flat-dark.svg"
-   inkscape:export-filename="/home/djoma/Projekte/artemanufrij/app/webplay-client/public/static/icon_48.png"
+   inkscape:export-filename="icon_48_flat-dark.png"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
diff --git a/public/static/icon_64_flat-dark.svg b/public/static/icon_64_flat-dark.svg
index 91c3a7c..6e2e4dd 100644
--- a/public/static/icon_64_flat-dark.svg
+++ b/public/static/icon_64_flat-dark.svg
@@ -6,9 +6,9 @@
    id="svg2"
    inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
    sodipodi:docname="icon_64_flat-dark.svg"
-   inkscape:export-filename="icon_64_flat-dark.png"
-   inkscape:export-xdpi="96"
-   inkscape:export-ydpi="96"
+   inkscape:export-filename="icon_96_flat-dark.png"
+   inkscape:export-xdpi="144"
+   inkscape:export-ydpi="144"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
diff --git a/src/App.vue b/src/App.vue
index 9b5fefd..a6aa899 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -205,24 +205,6 @@ export default {
           artist: track.parent.artist_name,
           album: track.parent.title,
           artwork: [
-            {
-              src:
-                track.parent.covers.cover32 || "/static/icons/dummy/album.svg",
-              sizes: "32x32",
-              type: "image/png",
-            },
-            {
-              src:
-                track.parent.covers.cover64 || "/static/icons/dummy/album.svg",
-              sizes: "64x64",
-              type: "image/png",
-            },
-            {
-              src:
-                track.parent.covers.cover128 || "/static/icons/dummy/album.svg",
-              sizes: "96x96",
-              type: "image/png",
-            },
             {
               src:
                 track.parent.covers.cover128 || "/static/icons/dummy/album.svg",
-- 
2.45.2


From 6b6d3fd3f06ac0df5c52a7b147639ea313ec59af Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Thu, 14 Sep 2023 20:35:58 +0200
Subject: [PATCH 21/33] add pause function into payer control

---
 src/components/Player.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index 2f0181e..d5c8eff 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -119,8 +119,12 @@ export default {
 
   methods: {
     play() {
-      if (this.audio.paused) {
-        this.audio.play();
+      this.audio.play();
+    },
+
+    pause() {
+      if (!this.audio.paused) {
+        this.audio.pause();
       }
     },
     durationChanged() {
@@ -244,10 +248,10 @@ export default {
       if ("mediaSession" in navigator) {
         let me = this;
         navigator.mediaSession.setActionHandler("play", function () {
-          me.togglePlaying();
+          me.play();
         });
         navigator.mediaSession.setActionHandler("pause", function () {
-          me.togglePlaying();
+          me.pause();
         });
         navigator.mediaSession.setActionHandler("seekto", function (details) {
           if (details.fastSeek && "fastSeek" in me.audio) {
-- 
2.45.2


From 1986105e716c800bfb06ab4d3a6947bca1ad04db Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Fri, 15 Sep 2023 21:49:09 +0200
Subject: [PATCH 22/33] small style changes and fix #14

---
 public/static/app.css                   | 1 +
 src/App.vue                             | 2 +-
 src/components/dialogs/ArtistViewer.vue | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/static/app.css b/public/static/app.css
index c258f44..aac381a 100644
--- a/public/static/app.css
+++ b/public/static/app.css
@@ -76,6 +76,7 @@ td.fillCell>* {
 }
 
 .componentTitle {
+  border-top: 1px solid #ffffffc0;
   position: absolute;
   bottom: 0;
   background-color: #ffffffb0;
diff --git a/src/App.vue b/src/App.vue
index a6aa899..5f8bbf2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -47,7 +47,7 @@
           v-model.lazy="$store.state.search.term"
           placeholder="Search…"
           autocomplete="one-time-code"
-          class="hideOnMobile"
+          class="hideOnMobilePortrait"
         />
         <DropDown v-if="user.token">
           <template v-slot:default>
diff --git a/src/components/dialogs/ArtistViewer.vue b/src/components/dialogs/ArtistViewer.vue
index 5ed7943..e16b8b6 100644
--- a/src/components/dialogs/ArtistViewer.vue
+++ b/src/components/dialogs/ArtistViewer.vue
@@ -38,7 +38,7 @@
             @dblclick="playAlbum(album)"
           />
         </div>
-        <div id="navigation" class="flex-row center">
+        <div id="navigation" class="flex-row center ma-top">
           <div class="flex-row grow"></div>
           <div class="flex-row">
             <button
-- 
2.45.2


From ec9c9858f63b6a959b86419a2d1b974496275df6 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Mon, 18 Sep 2023 16:54:28 +0200
Subject: [PATCH 23/33] create and handle interval

---
 src/components/Player.vue | 105 +++++++++++---------------------------
 1 file changed, 29 insertions(+), 76 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index d5c8eff..01e1d44 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -1,26 +1,9 @@
 <template>
-  <div
-    id="player"
-    class="flex-column"
-    v-show="selectedTrack._id || selectedRadio._id"
-  >
-    <input
-      type="range"
-      id="slider"
-      min="0"
-      max="100"
-      step="0.1"
-      v-model="selectedTrack.percent"
-      @change="slideChanged"
-    />
+  <div id="player" class="flex-column" v-show="selectedTrack._id || selectedRadio._id">
+    <input type="range" id="slider" min="0" max="100" step="0.1" v-model="selectedTrack.percent" @change="slideChanged" />
     <div id="playerBar" class="flex-row">
       <div class="flex-row grow">
-        <img
-          class="cover pointer"
-          :src="cover"
-          :title="selectedTrack.parent.title"
-          @click="gotoContainer"
-        />
+        <img class="cover pointer" :src="cover" :title="selectedTrack.parent.title" @click="gotoContainer" />
         <div v-if="selectedTrack._id" class="flex-column">
           <b>{{ selectedTrack.title }}</b>
           from
@@ -28,21 +11,9 @@
         </div>
       </div>
       <div id="playerControls" class="flex-row center">
-        <button
-          @click="switchShuffle"
-          title="Shuffle mode"
-          v-if="selectedTrack._id"
-        >
-          <img
-            src="static/icons/media-shuffle-dark.svg"
-            v-show="$store.getters['player/shuffle']"
-            class="small"
-          />
-          <img
-            src="static/icons/media-consecutive-dark.svg"
-            v-show="$store.getters['player/shuffle'] == false"
-            class="small"
-          />
+        <button @click="switchShuffle" title="Shuffle mode" v-if="selectedTrack._id">
+          <img src="static/icons/media-shuffle-dark.svg" v-show="$store.getters['player/shuffle']" class="small" />
+          <img src="static/icons/media-consecutive-dark.svg" v-show="$store.getters['player/shuffle'] == false" class="small" />
         </button>
         <button @click="prevTrack" title="Back" v-if="selectedTrack._id">
           <awesome-icon icon="backward" />
@@ -54,46 +25,17 @@
         <button @click="nextTrack" title="Forward" v-if="selectedTrack._id">
           <awesome-icon icon="forward" />
         </button>
-        <button
-          @click="switchRepeatType"
-          title="Repeat mode"
-          v-if="selectedTrack._id"
-        >
-          <img
-            src="static/icons/media-repeat-dark.svg"
-            class="small"
-            v-show="$store.getters['player/repeatType'] == 'all'"
-          />
-          <img
-            src="static/icons/media-repeat-song-dark.svg"
-            class="small"
-            v-show="$store.getters['player/repeatType'] == 'one'"
-          />
-          <img
-            src="static/icons/media-no-repeat-dark.svg"
-            class="small"
-            v-show="$store.getters['player/repeatType'] == 'none'"
-          />
+        <button @click="switchRepeatType" title="Repeat mode" v-if="selectedTrack._id">
+          <img src="static/icons/media-repeat-dark.svg" class="small" v-show="$store.getters['player/repeatType'] == 'all'" />
+          <img src="static/icons/media-repeat-song-dark.svg" class="small" v-show="$store.getters['player/repeatType'] == 'one'" />
+          <img src="static/icons/media-no-repeat-dark.svg" class="small" v-show="$store.getters['player/repeatType'] == 'none'" />
         </button>
       </div>
-      <div
-        class="flex-row ma-right hideOnMobilePortrait grow right"
-        v-show="selectedTrack.title"
-      >
+      <div class="flex-row ma-right hideOnMobilePortrait grow right" v-show="selectedTrack.title">
         {{ formatedP }}&nbsp;|&nbsp;{{ formatedD }}
       </div>
     </div>
-    <audio
-      preload="auto"
-      ref="audioControl"
-      type="audio/mpeg"
-      @ended="nextTrack"
-      @canplay="play"
-      @playing="playing"
-      @durationchange="durationChanged"
-      @timeupdate="timeUpdate"
-      src
-    ></audio>
+    <audio preload="auto" ref="audioControl" type="audio/mpeg" @ended="nextTrack" @canplay="play" @playing="playing" @durationchange="durationChanged" @timeupdate="timeUpdate" src></audio>
   </div>
 </template>
 
@@ -105,7 +47,8 @@ export default {
       audio: {},
       duration: 0,
       progress: 0,
-      interval: 0,
+      intervalProgress: 0,
+      intervalHistory: 0,
       preConvert: false,
     };
   },
@@ -121,7 +64,6 @@ export default {
     play() {
       this.audio.play();
     },
-
     pause() {
       if (!this.audio.paused) {
         this.audio.pause();
@@ -131,11 +73,17 @@ export default {
       this.duration = this.audio.duration;
     },
     playing() {
-      window.clearInterval(this.interval);
-      this.interval = setInterval(() => {
+      window.clearInterval(this.intervalProgress);
+      window.clearInterval(this.intervalHistory);
+
+      this.intervalProgress = setInterval(() => {
         this.progress = this.audio.currentTime;
         this.selectedTrack.percent = (100 / this.duration) * this.progress;
       }, 500);
+
+      this.intervalHistory = setInterval(() => {
+        console.log(this.selectedTrack);
+      }, 10000);
     },
     audioReset() {
       this.audio.pause();
@@ -238,7 +186,8 @@ export default {
       }
     },
     reset() {
-      window.clearInterval(this.interval);
+      window.clearInterval(this.intervalProgress);
+      window.clearInterval(this.intervalHistory);
       if (!this.audio.paused) {
         this.audio.pause();
       }
@@ -409,17 +358,21 @@ export default {
   z-index: 1001;
   box-shadow: 0 0px 4px var(--shadow);
 }
+
 #player .cover {
   width: 52px;
   margin-right: 4px;
 }
+
 #playerBar {
   overflow: hidden;
   max-height: 52px;
 }
-#playerBar > div {
+
+#playerBar>div {
   align-items: center;
 }
+
 #playerControls button {
   display: flex;
   padding: 4px 12px;
-- 
2.45.2


From 8248073a4d45886767e67a3b0ed24e1e8c289fca Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Mon, 18 Sep 2023 17:41:42 +0200
Subject: [PATCH 24/33] prepare the intervals

---
 src/components/Player.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index 01e1d44..fbbbd8f 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -65,9 +65,12 @@ export default {
       this.audio.play();
     },
     pause() {
-      if (!this.audio.paused) {
-        this.audio.pause();
-      }
+      this.audio.pause();
+
+      window.clearInterval(this.intervalProgress);
+      window.clearInterval(this.intervalHistory);
+
+      this.progress = this.audio.currentTime;
     },
     durationChanged() {
       this.duration = this.audio.duration;
@@ -180,7 +183,7 @@ export default {
         return;
       }
       if (!this.audio.paused) {
-        this.audio.pause();
+        this.pause();
       } else if (this.audio.src != "") {
         this.audio.play();
       }
-- 
2.45.2


From 239b538c4b418933403e3b1b3cf92ffeb92527f9 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 19 Sep 2023 01:56:09 +0200
Subject: [PATCH 25/33] added first functions

---
 public/config.json                     |  4 +-
 src/components/Player.vue              | 47 +++++++++++---
 src/components/dialogs/AlbumViewer.vue | 87 +++++++++++++-------------
 src/store/modules/user/actions.js      | 17 +++++
 4 files changed, 100 insertions(+), 55 deletions(-)

diff --git a/public/config.json b/public/config.json
index a3b7d4a..f966bb7 100644
--- a/public/config.json
+++ b/public/config.json
@@ -1,5 +1,5 @@
 {
-  "backend_de": "http://localhost:31204",
-  "backend_dev": "https://webplay.rocks",
+  "backend_dev": "http://localhost:31204",
+  "backend_de": "https://webplay.rocks",
   "backend": "https://webplay.rocks"
 }
\ No newline at end of file
diff --git a/src/components/Player.vue b/src/components/Player.vue
index fbbbd8f..5053261 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -48,7 +48,7 @@ export default {
       duration: 0,
       progress: 0,
       intervalProgress: 0,
-      intervalHistory: 0,
+      intervalState: 0,
       preConvert: false,
     };
   },
@@ -68,25 +68,27 @@ export default {
       this.audio.pause();
 
       window.clearInterval(this.intervalProgress);
-      window.clearInterval(this.intervalHistory);
+      window.clearInterval(this.intervalState);
 
-      this.progress = this.audio.currentTime;
+      this.pushState();
     },
     durationChanged() {
       this.duration = this.audio.duration;
     },
     playing() {
       window.clearInterval(this.intervalProgress);
-      window.clearInterval(this.intervalHistory);
+      window.clearInterval(this.intervalState);
 
       this.intervalProgress = setInterval(() => {
         this.progress = this.audio.currentTime;
         this.selectedTrack.percent = (100 / this.duration) * this.progress;
       }, 500);
 
-      this.intervalHistory = setInterval(() => {
-        console.log(this.selectedTrack);
-      }, 10000);
+      if (this.currentUser._id) {
+        this.intervalState = setInterval(() => {
+          this.pushState();
+        }, 10000);
+      }
     },
     audioReset() {
       this.audio.pause();
@@ -107,6 +109,14 @@ export default {
         this.audio.play();
       }
     },
+    skipToSecond(second) {
+      let was_paused = this.audio.paused;
+      this.audio.pause();
+      this.audio.currentTime = second;
+      if (!was_paused) {
+        this.audio.play();
+      }
+    },
     playRadio(radio) {
       this.$store.commit("tracks/resetSelectedTrack");
       this.audio.pause();
@@ -135,8 +145,12 @@ export default {
 
       this.pushHistoryItem();
 
-      // Try to fix SAFARI
-      this.audio.play();
+      if (this.selectedTrack.parent.progress) {
+        this.skipToSecond(this.selectedTrack.parent.progress.progress);
+      } else {
+        // Try to fix SAFARI
+        this.audio.play();
+      }
     },
     pushHistoryItem() {
       if (!this.currentUser._id) {
@@ -190,7 +204,7 @@ export default {
     },
     reset() {
       window.clearInterval(this.intervalProgress);
-      window.clearInterval(this.intervalHistory);
+      window.clearInterval(this.intervalState);
       if (!this.audio.paused) {
         this.audio.pause();
       }
@@ -251,6 +265,19 @@ export default {
       }
       this.$store.dispatch("user/savePlayerSettings");
     },
+    pushState() {
+      if (!this.currentUser._id) {
+        return;
+      }
+      this.progress = this.audio.currentTime;
+      let item = {
+        id: this.selectedTrack._id,
+        parentId: this.selectedTrack.parent._id,
+        type: "track",
+        progress: Math.round(this.progress)
+      }
+      this.$store.dispatch("user/saveProgress", item);
+    },
     timeUpdate(event) {
       let percent = (event.target.currentTime / event.target.duration) * 100;
       if (percent > 10 && !this.preConvert) {
diff --git a/src/components/dialogs/AlbumViewer.vue b/src/components/dialogs/AlbumViewer.vue
index 487f0c7..0e84074 100644
--- a/src/components/dialogs/AlbumViewer.vue
+++ b/src/components/dialogs/AlbumViewer.vue
@@ -1,25 +1,12 @@
 <template>
-  <DialogBase
-    ref="dialogWindow"
-    :title="album_title"
-    @canceled="closed"
-    :showFooter="false"
-    :disableXscroll="true"
-    :disableYscroll="true"
-  >
+  <DialogBase ref="dialogWindow" :title="album_title" @canceled="closed" :showFooter="false" :disableXscroll="true" :disableYscroll="true">
     <div id="albumViewer" class="flex-row">
       <div id="header" class="flex-column">
         <div id="background" :style="coverBackground" />
         <div class="grow z1 center flex-column">
           <img class="glow ma24" :src="cover" @dblclick="dblclick" />
         </div>
-        <awesome-icon
-          icon="star"
-          size="2x"
-          class="favourite ma4"
-          :class="{ active: isFavourite }"
-          @click="toggleFavourite"
-        />
+        <awesome-icon icon="star" size="2x" class="favourite ma4" :class="{ active: isFavourite }" @click="toggleFavourite" />
         <div id="stats" class="flex-row z1">
           <DropDown v-if="$store.getters['user/isAdministrator']">
             <button class="flat center" :title="visibility_text">
@@ -27,11 +14,7 @@
             </button>
             <template v-slot:dropdown-content>
               <div>
-                <button
-                  v-for="(item, i) in $store.state.system.lists.visibility"
-                  :key="i"
-                  @click="setVisibility(item)"
-                >
+                <button v-for="(item, i) in $store.state.system.lists.visibility" :key="i" @click="setVisibility(item)">
                   <awesome-icon :icon="getVisibilityIcon(item)" />{{
                     getVisibilityText(item)
                   }}
@@ -40,10 +23,7 @@
                 <button v-if="!selectedAlbum.share._id" @click="shareEnable">
                   <awesome-icon icon="share" />Share this album
                 </button>
-                <button
-                  v-if="selectedAlbum.share._id"
-                  @click="addShareUrlToClipboard"
-                >
+                <button v-if="selectedAlbum.share._id" @click="addShareUrlToClipboard">
                   <awesome-icon icon="clipboard" />Copy url into clipboard
                 </button>
                 <button v-if="selectedAlbum.share._id" @click="shareDisable">
@@ -61,8 +41,7 @@
                 }}</b>
                 <br />
                 <span v-if="album_year">
-                  from year <b>{{ album_year }}</b> </span
-                ><br />
+                  from year <b>{{ album_year }}</b> </span><br />
                 <b>{{ album_tracks.length }}</b> Tracks with a duration of
                 <b>{{ album_duration }}</b>
               </span>
@@ -89,6 +68,7 @@
           </DropDown>
         </div>
       </div>
+      <p v-if="selectedAlbum.progress" @click="playProgress">Progress</p>
 
       <ul id="trackList" class="tracks">
         <li v-for="track in selectedAlbum.tracks" :key="track._id">
@@ -156,6 +136,14 @@ export default {
         }
       }
     },
+    playProgress() {
+      let track = this.selectedAlbum.tracks.find(
+        (f) => f._id == this.selectedAlbum.progress.id
+      );
+      if (track) {
+        this.$store.dispatch("tracks/play", track);
+      }
+    },
     closed() {
       if (
         (window.history.state.back &&
@@ -201,19 +189,19 @@ export default {
       return visibility == "global"
         ? "globe"
         : visibility == "instance"
-        ? "server"
-        : visibility == "hidden"
-        ? "eye-slash"
-        : "user";
+          ? "server"
+          : visibility == "hidden"
+            ? "eye-slash"
+            : "user";
     },
     getVisibilityText(visibility) {
       return visibility == "global"
         ? "Global"
         : visibility == "instance"
-        ? "On this server"
-        : visibility == "hidden"
-        ? "Hide this Album"
-        : "Only for me";
+          ? "On this server"
+          : visibility == "hidden"
+            ? "Hide this Album"
+            : "Only for me";
     },
     selectAlbum(album) {
       this.$store.dispatch("albums/selectAlbum", album);
@@ -228,6 +216,9 @@ export default {
     shareDisable() {
       this.$store.dispatch("albums/shareDisable", this.selectedAlbum);
     },
+    loadUserProgress() {
+      this.$store.dispatch("user/getProgress", this.selectedAlbum);
+    }
   },
   computed: {
     ...mapGetters({
@@ -287,19 +278,19 @@ export default {
       return this.selectedAlbum.visibility == "global"
         ? "globe"
         : this.selectedAlbum.visibility == "instance"
-        ? "server"
-        : this.selectedAlbum.visibility == "hidden"
-        ? "eye-slash"
-        : "user";
+          ? "server"
+          : this.selectedAlbum.visibility == "hidden"
+            ? "eye-slash"
+            : "user";
     },
     visibility_text() {
       return this.selectedAlbum.visibility == "global"
         ? "Visible for the whole world"
         : this.selectedAlbum.visibility == "instance"
-        ? "Visible on this instance"
-        : this.selectedAlbum.visibility == "hidden"
-        ? "Hidden for all users"
-        : "Visible only for me";
+          ? "Visible on this instance"
+          : this.selectedAlbum.visibility == "hidden"
+            ? "Hidden for all users"
+            : "Visible only for me";
     },
     isFavourite() {
       return (
@@ -318,6 +309,7 @@ export default {
           this.$refs.dialogWindow.open();
           window.addEventListener("keydown", this.keydownListener);
         }
+        this.loadUserProgress();
         this.gotoTrack();
       } else {
         if (this.$refs.dialogWindow.visible) {
@@ -339,14 +331,17 @@ export default {
   height: 366px;
   width: 640px;
 }
+
 #header {
   position: relative;
   background-color: black;
 }
+
 #header img {
   align-self: center;
   width: 256px;
 }
+
 #stats {
   z-index: 2;
   align-items: center;
@@ -357,10 +352,12 @@ export default {
   border-top: 1px solid #ffffff20;
   border-bottom: 1px solid #00000020;
 }
+
 .dropdown-activator button {
   width: 32px;
   height: 32px;
 }
+
 #trackList {
   background-color: var(--white);
   z-index: 1;
@@ -370,15 +367,19 @@ export default {
   #header {
     width: 100%;
   }
+
   #albumViewer {
     flex-direction: column;
   }
 }
-@media (max-width: 480px), (max-height: 480px) {
+
+@media (max-width: 480px),
+(max-height: 480px) {
   #albumViewer {
     width: 100%;
     height: 100%;
   }
+
   #trackList {
     height: initial;
     flex-grow: 1;
diff --git a/src/store/modules/user/actions.js b/src/store/modules/user/actions.js
index 696e818..121949e 100644
--- a/src/store/modules/user/actions.js
+++ b/src/store/modules/user/actions.js
@@ -80,6 +80,23 @@ export default {
         context.commit("setHistory", res.data);
       });
   },
+  saveProgress(context, item) {
+    if (context.state._id == -1) {
+      return;
+    }
+    axios.post(context.rootGetters.server + "/api/user/progress", item, context.rootGetters.headers);
+  },
+  getProgress(context, parent) {
+    if (context.state._id == -1) {
+      return;
+    }
+
+    axios
+      .get(context.rootGetters.server + "/api/user/progress/" + parent._id, context.rootGetters.headers)
+      .then((res) => {
+        parent.progress = res.data;
+      });
+  },
   savePlayerSettings(context) {
     let body = {
       repeat: context.rootGetters["player/repeatType"],
-- 
2.45.2


From 159935d94906f044981d3bac76fefd7781605530 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 19 Sep 2023 12:03:00 +0200
Subject: [PATCH 26/33] added a play button and work on behavior

---
 public/static/app.css                  | 8 ++++++++
 src/components/Player.vue              | 1 +
 src/components/dialogs/AlbumViewer.vue | 9 +++++----
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/public/static/app.css b/public/static/app.css
index aac381a..0339e37 100644
--- a/public/static/app.css
+++ b/public/static/app.css
@@ -95,6 +95,14 @@ td.fillCell>* {
   color: var(--yellow);
 }
 
+.keepPlaying {
+  z-index: 1;
+  position: absolute;
+  cursor: pointer;
+  right: 0;
+}
+
+
 /*
   DIALOGS
 */
diff --git a/src/components/Player.vue b/src/components/Player.vue
index 5053261..e8ee84d 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -147,6 +147,7 @@ export default {
 
       if (this.selectedTrack.parent.progress) {
         this.skipToSecond(this.selectedTrack.parent.progress.progress);
+        this.selectedTrack.parent.progress = undefined;
       } else {
         // Try to fix SAFARI
         this.audio.play();
diff --git a/src/components/dialogs/AlbumViewer.vue b/src/components/dialogs/AlbumViewer.vue
index 0e84074..a4c8cac 100644
--- a/src/components/dialogs/AlbumViewer.vue
+++ b/src/components/dialogs/AlbumViewer.vue
@@ -6,7 +6,8 @@
         <div class="grow z1 center flex-column">
           <img class="glow ma24" :src="cover" @dblclick="dblclick" />
         </div>
-        <awesome-icon icon="star" size="2x" class="favourite ma4" :class="{ active: isFavourite }" @click="toggleFavourite" />
+        <awesome-icon icon="star" size="2x" class="favourite ma4" :class="{ active: isFavourite }" @click="toggleFavourite" title="Favourite" />
+        <awesome-icon icon="play" size="2x" class="keepPlaying ma4 primary-text" @click="playProgress" v-if="selectedAlbum.progress" title="Keep playing" />
         <div id="stats" class="flex-row z1">
           <DropDown v-if="$store.getters['user/isAdministrator']">
             <button class="flat center" :title="visibility_text">
@@ -68,8 +69,6 @@
           </DropDown>
         </div>
       </div>
-      <p v-if="selectedAlbum.progress" @click="playProgress">Progress</p>
-
       <ul id="trackList" class="tracks">
         <li v-for="track in selectedAlbum.tracks" :key="track._id">
           <TrackItem :track="track" :showCover="false" />
@@ -217,7 +216,9 @@ export default {
       this.$store.dispatch("albums/shareDisable", this.selectedAlbum);
     },
     loadUserProgress() {
-      this.$store.dispatch("user/getProgress", this.selectedAlbum);
+      console.log(this.selectedTrack);
+      if (this.selectedTrack.parent._id != this.selectedAlbum._id)
+        this.$store.dispatch("user/getProgress", this.selectedAlbum);
     }
   },
   computed: {
-- 
2.45.2


From 62091a02a3579a34e7a55aabbf99f2c5e573d2a1 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 19 Sep 2023 15:00:48 +0200
Subject: [PATCH 27/33] reset progress if album is finished

---
 src/components/Player.vue              |  8 +++++---
 src/components/dialogs/AlbumViewer.vue |  1 -
 src/store/modules/user/actions.js      | 10 +++++++++-
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index e8ee84d..78fdd3a 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -203,7 +203,9 @@ export default {
         this.audio.play();
       }
     },
-    reset() {
+    reset(container) {
+      this.$store.dispatch("user/resetProgress", container);
+
       window.clearInterval(this.intervalProgress);
       window.clearInterval(this.intervalState);
       if (!this.audio.paused) {
@@ -370,11 +372,11 @@ export default {
         this.reset();
       }
     },
-    selectedTrack(newVal) {
+    selectedTrack(newVal, oldVal) {
       if (newVal._id) {
         this.playTrack(newVal);
       } else {
-        this.reset();
+        this.reset(oldVal);
       }
     },
   },
diff --git a/src/components/dialogs/AlbumViewer.vue b/src/components/dialogs/AlbumViewer.vue
index a4c8cac..83f4e08 100644
--- a/src/components/dialogs/AlbumViewer.vue
+++ b/src/components/dialogs/AlbumViewer.vue
@@ -216,7 +216,6 @@ export default {
       this.$store.dispatch("albums/shareDisable", this.selectedAlbum);
     },
     loadUserProgress() {
-      console.log(this.selectedTrack);
       if (this.selectedTrack.parent._id != this.selectedAlbum._id)
         this.$store.dispatch("user/getProgress", this.selectedAlbum);
     }
diff --git a/src/store/modules/user/actions.js b/src/store/modules/user/actions.js
index 121949e..53348f3 100644
--- a/src/store/modules/user/actions.js
+++ b/src/store/modules/user/actions.js
@@ -84,7 +84,8 @@ export default {
     if (context.state._id == -1) {
       return;
     }
-    axios.post(context.rootGetters.server + "/api/user/progress", item, context.rootGetters.headers);
+    axios
+      .post(context.rootGetters.server + "/api/user/progress", item, context.rootGetters.headers);
   },
   getProgress(context, parent) {
     if (context.state._id == -1) {
@@ -97,6 +98,13 @@ export default {
         parent.progress = res.data;
       });
   },
+  resetProgress(context, item) {
+    if (context.state._id == -1) {
+      return;
+    }
+    axios
+      .delete(context.rootGetters.server + "/api/user/progress/" + item.album_id, context.rootGetters.headers);
+  },
   savePlayerSettings(context) {
     let body = {
       repeat: context.rootGetters["player/repeatType"],
-- 
2.45.2


From 724f35dfb148dc41a37723e291d0b48d4f3b5ea9 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 19 Sep 2023 15:16:23 +0200
Subject: [PATCH 28/33] pregress handling for artists

---
 src/components/Player.vue               |  8 +-
 src/components/dialogs/ArtistViewer.vue | 99 ++++++++++---------------
 2 files changed, 42 insertions(+), 65 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index 78fdd3a..0defff9 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -145,9 +145,9 @@ export default {
 
       this.pushHistoryItem();
 
-      if (this.selectedTrack.parent.progress) {
-        this.skipToSecond(this.selectedTrack.parent.progress.progress);
-        this.selectedTrack.parent.progress = undefined;
+      if (this.currentTrackParent.progress) {
+        this.skipToSecond(this.currentTrackParent.progress.progress);
+        this.currentTrackParent.progress = undefined;
       } else {
         // Try to fix SAFARI
         this.audio.play();
@@ -275,7 +275,7 @@ export default {
       this.progress = this.audio.currentTime;
       let item = {
         id: this.selectedTrack._id,
-        parentId: this.selectedTrack.parent._id,
+        parentId: this.currentTrackParent._id,
         type: "track",
         progress: Math.round(this.progress)
       }
diff --git a/src/components/dialogs/ArtistViewer.vue b/src/components/dialogs/ArtistViewer.vue
index e16b8b6..7d38aeb 100644
--- a/src/components/dialogs/ArtistViewer.vue
+++ b/src/components/dialogs/ArtistViewer.vue
@@ -1,24 +1,10 @@
 <template>
-  <DialogBase
-    ref="dialogWindow"
-    id="dialogWindow"
-    :title="selectedArtist.name"
-    @canceled="closed"
-    :showFooter="false"
-    :showFullscreenButton="true"
-    :disableXscroll="true"
-    :disableYscroll="true"
-  >
+  <DialogBase ref="dialogWindow" id="dialogWindow" :title="selectedArtist.name" @canceled="closed" :showFooter="false" :showFullscreenButton="true" :disableXscroll="true" :disableYscroll="true">
     <div id="artistViewer">
       <div id="header" class="flex-column">
         <div id="background" :style="coverBackground" />
-        <awesome-icon
-          icon="star"
-          size="2x"
-          class="favourite ma4"
-          :class="{ active: isFavourite }"
-          @click="toggleFavourite"
-        />
+        <awesome-icon icon="star" size="2x" class="favourite ma4" :class="{ active: isFavourite }" @click="toggleFavourite" />
+        <awesome-icon icon="play" size="2x" class="keepPlaying ma4 primary-text" @click="playProgress" v-if="selectedArtist.progress" title="Keep playing" />
         <h1 @dblclick="dblclick">
           {{ selectedArtist.name }}
         </h1>
@@ -28,41 +14,20 @@
           <b>{{ artist_duration }}</b>
         </span>
         <div id="albumList" class="flex-row showOnMobilePortrait">
-          <AlbumItem
-            class="ma"
-            :class="{ playing: playingAlbumId == album._id }"
-            v-for="album in selectedArtist.albums"
-            :key="album._id"
-            :item="album"
-            @click="scrollToAlbum(album)"
-            @dblclick="playAlbum(album)"
-          />
+          <AlbumItem class="ma" :class="{ playing: playingAlbumId == album._id }" v-for="album in selectedArtist.albums" :key="album._id" :item="album" @click="scrollToAlbum(album)" @dblclick="playAlbum(album)" />
         </div>
         <div id="navigation" class="flex-row center ma-top">
           <div class="flex-row grow"></div>
           <div class="flex-row">
-            <button
-              @click="gotoPrevArtist"
-              class="primary ma4"
-              :title="prevArtist.name"
-              :disabled="!prevArtist._id"
-            >
+            <button @click="gotoPrevArtist" class="primary ma4" :title="prevArtist.name" :disabled="!prevArtist._id">
               <awesome-icon icon="angle-left" class="ma4" />
             </button>
-            <button
-              @click="gotoNextArtist"
-              class="primary ma4"
-              :title="nextArtist.name"
-              :disabled="!nextArtist._id"
-            >
+            <button @click="gotoNextArtist" class="primary ma4" :title="nextArtist.name" :disabled="!nextArtist._id">
               <awesome-icon icon="angle-right" class="ma4" />
             </button>
           </div>
           <div class="flex-row grow right center">
-            <DropDown
-              v-if="$store.getters['user/isAdministrator']"
-              class="hideOnMobile"
-            >
+            <DropDown v-if="$store.getters['user/isAdministrator']" class="hideOnMobile">
               <button class="flat pa8-left pa8-right">
                 <awesome-icon icon="ellipsis-v" />
               </button>
@@ -86,23 +51,9 @@
       </div>
       <div class="flex-row overflow-y">
         <div id="albumList" class="flex-column hideOnMobilePortrait">
-          <AlbumItem
-            class="ma-top ma-left ma-right"
-            :class="{ playing: playingAlbumId == album._id }"
-            v-for="album in selectedArtist.albums"
-            :key="album._id"
-            :item="album"
-            :id="album._id"
-            :ref="album._id"
-            @click="scrollToAlbum(album)"
-            @dblclick="playAlbum(album)"
-          />
+          <AlbumItem class="ma-top ma-left ma-right" :class="{ playing: playingAlbumId == album._id }" v-for="album in selectedArtist.albums" :key="album._id" :item="album" :id="album._id" :ref="album._id" @click="scrollToAlbum(album)" @dblclick="playAlbum(album)" />
         </div>
-        <ul
-          id="trackList"
-          class="tracks"
-          :class="{ playing: selectedTrack._id != null }"
-        >
+        <ul id="trackList" class="tracks" :class="{ playing: selectedTrack._id != null }">
           <li v-for="track in selectedArtist.tracks" :key="track._id">
             <TrackItem :track="track" :ref="track._id" />
           </li>
@@ -143,6 +94,14 @@ export default {
         }
       }
     },
+    playProgress() {
+      let track = this.selectedArtist.tracks.find(
+        (f) => f._id == this.selectedArtist.progress.id
+      );
+      if (track) {
+        this.$store.dispatch("tracks/play", track);
+      }
+    },
     gotoNextArtist() {
       this.$store.dispatch("artists/gotoNextArtist");
     },
@@ -194,6 +153,10 @@ export default {
     uploadNewCover() {
       this.$store.dispatch("artists/uploadNewCover", this.selectedArtist);
     },
+    loadUserProgress() {
+      if (this.selectedTrack.parent._id != this.selectedArtist._id)
+        this.$store.dispatch("user/getProgress", this.selectedArtist);
+    }
   },
   computed: {
     ...mapGetters({
@@ -266,6 +229,7 @@ export default {
           this.$refs.dialogWindow.open();
           window.addEventListener("keydown", this.keydownListener);
         }
+        this.loadUserProgress();
         this.gotoTrack();
       } else {
         if (this.$refs.dialogWindow.visible) {
@@ -289,6 +253,7 @@ export default {
   flex-direction: column;
   overflow: hidden;
 }
+
 h1,
 #stats {
   z-index: 1;
@@ -297,33 +262,40 @@ h1,
   color: var(--white);
   text-shadow: 0 1px 2px black;
 }
+
 #artistImage {
   width: 512px;
   max-height: 256px;
 }
+
 #header {
   position: relative;
   background-color: black;
   width: 760px;
   max-width: 100%;
 }
+
 #albumList {
   z-index: 1;
   overflow-y: auto;
   background-color: var(--white);
 }
+
 #albumList::-webkit-scrollbar {
   display: none;
 }
+
 #albumList .album:last-child {
   margin-bottom: 12px;
 }
+
 #navigation {
   z-index: 2;
   background-color: #ffffff40;
   border-top: 1px solid #ffffff20;
   border-bottom: 1px solid #00000020;
 }
+
 #trackList {
   z-index: 1;
   background-color: var(--white);
@@ -338,12 +310,15 @@ h1,
   width: initial;
   height: initial;
 }
+
 .dialog-body button {
   color: var(--darkgray);
 }
+
 .container {
   flex-grow: 0;
 }
+
 @media (max-width: 480px) {
   #albumList {
     background-color: initial;
@@ -353,19 +328,21 @@ h1,
   }
 }
 
-@media (max-width: 480px), (max-height: 480px) {
+@media (max-width: 480px),
+(max-height: 480px) {
   #artistViewer {
     height: initial;
   }
+
   #trackList {
     width: initial;
     height: initial;
   }
+
   #header {
     width: initial;
   }
 }
 
-@media (max-height: 480px) {
-}
+@media (max-height: 480px) {}
 </style>
\ No newline at end of file
-- 
2.45.2


From 733b8eee9184b91d4d880a6b9303a9076e811ddc Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 19 Sep 2023 16:20:21 +0200
Subject: [PATCH 29/33] reset progress for artists if playing is done

---
 src/components/Player.vue         | 9 +++++++--
 src/store/modules/user/actions.js | 4 ++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index 0defff9..8b70d1f 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -203,8 +203,13 @@ export default {
         this.audio.play();
       }
     },
-    reset(container) {
-      this.$store.dispatch("user/resetProgress", container);
+    reset(item) {
+      let parentId = item.parent._id;
+      if (item.parent.parent && item.parent.parent.tracks) {
+        parentId = item.parent.parent._id;
+      }
+      console.log(parentId);
+      this.$store.dispatch("user/resetProgress", parentId);
 
       window.clearInterval(this.intervalProgress);
       window.clearInterval(this.intervalState);
diff --git a/src/store/modules/user/actions.js b/src/store/modules/user/actions.js
index 53348f3..4a2acd5 100644
--- a/src/store/modules/user/actions.js
+++ b/src/store/modules/user/actions.js
@@ -98,12 +98,12 @@ export default {
         parent.progress = res.data;
       });
   },
-  resetProgress(context, item) {
+  resetProgress(context, parentId) {
     if (context.state._id == -1) {
       return;
     }
     axios
-      .delete(context.rootGetters.server + "/api/user/progress/" + item.album_id, context.rootGetters.headers);
+      .delete(context.rootGetters.server + "/api/user/progress/" + parentId, context.rootGetters.headers);
   },
   savePlayerSettings(context) {
     let body = {
-- 
2.45.2


From 25b9b7b582a84f200b6c606e8327ca11f116ff2d Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 19 Sep 2023 16:32:06 +0200
Subject: [PATCH 30/33] disable play button on artist dialog

---
 src/components/Player.vue               | 1 -
 src/components/dialogs/ArtistViewer.vue | 3 ++-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index 8b70d1f..d1ac890 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -208,7 +208,6 @@ export default {
       if (item.parent.parent && item.parent.parent.tracks) {
         parentId = item.parent.parent._id;
       }
-      console.log(parentId);
       this.$store.dispatch("user/resetProgress", parentId);
 
       window.clearInterval(this.intervalProgress);
diff --git a/src/components/dialogs/ArtistViewer.vue b/src/components/dialogs/ArtistViewer.vue
index 7d38aeb..954dc81 100644
--- a/src/components/dialogs/ArtistViewer.vue
+++ b/src/components/dialogs/ArtistViewer.vue
@@ -154,7 +154,7 @@ export default {
       this.$store.dispatch("artists/uploadNewCover", this.selectedArtist);
     },
     loadUserProgress() {
-      if (this.selectedTrack.parent._id != this.selectedArtist._id)
+      if (!this.isPlaying || this.selectedTrack.parent.parent._id != this.selectedArtist._id)
         this.$store.dispatch("user/getProgress", this.selectedArtist);
     }
   },
@@ -165,6 +165,7 @@ export default {
       selectedArtist: ["artists/selectedArtist"],
       selectedTrack: ["tracks/selectedTrack"],
       favourites: ["user/favourites"],
+      isPlaying: ["player/isPlaying"]
     }),
     cover() {
       let covers = this.selectedArtist.covers;
-- 
2.45.2


From aad14f6cd5e94ad1f7a804e5356ba35c5f87afab Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 19 Sep 2023 17:07:16 +0200
Subject: [PATCH 31/33] fix: check if the selected track equal the track in the
 progress

---
 public/config.json        | 4 ++--
 src/components/Player.vue | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/public/config.json b/public/config.json
index f966bb7..a3b7d4a 100644
--- a/public/config.json
+++ b/public/config.json
@@ -1,5 +1,5 @@
 {
-  "backend_dev": "http://localhost:31204",
-  "backend_de": "https://webplay.rocks",
+  "backend_de": "http://localhost:31204",
+  "backend_dev": "https://webplay.rocks",
   "backend": "https://webplay.rocks"
 }
\ No newline at end of file
diff --git a/src/components/Player.vue b/src/components/Player.vue
index d1ac890..fa441f4 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -146,7 +146,9 @@ export default {
       this.pushHistoryItem();
 
       if (this.currentTrackParent.progress) {
-        this.skipToSecond(this.currentTrackParent.progress.progress);
+        if (this.currentTrackParent.progress.id == this.selectedTrack._id) {
+          this.skipToSecond(this.currentTrackParent.progress.progress);
+        }
         this.currentTrackParent.progress = undefined;
       } else {
         // Try to fix SAFARI
-- 
2.45.2


From 37919998dd1b739b8b00f04e70518f9994eecf0d Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 19 Sep 2023 17:40:18 +0200
Subject: [PATCH 32/33] restore progress after reloading the page (F5)

---
 src/components/dialogs/AlbumViewer.vue  | 10 +++++++---
 src/components/dialogs/ArtistViewer.vue | 10 +++++++---
 src/store/modules/user/actions.js       | 21 ++++++++++++---------
 3 files changed, 26 insertions(+), 15 deletions(-)

diff --git a/src/components/dialogs/AlbumViewer.vue b/src/components/dialogs/AlbumViewer.vue
index 83f4e08..6c2b88e 100644
--- a/src/components/dialogs/AlbumViewer.vue
+++ b/src/components/dialogs/AlbumViewer.vue
@@ -216,8 +216,13 @@ export default {
       this.$store.dispatch("albums/shareDisable", this.selectedAlbum);
     },
     loadUserProgress() {
-      if (this.selectedTrack.parent._id != this.selectedAlbum._id)
-        this.$store.dispatch("user/getProgress", this.selectedAlbum);
+      if (this.selectedTrack.parent._id != this.selectedAlbum._id) {
+        this.$store
+          .dispatch("user/getProgress", this.selectedAlbum)
+          .then(() => {
+            this.gotoTrack();
+          });
+      }
     }
   },
   computed: {
@@ -310,7 +315,6 @@ export default {
           window.addEventListener("keydown", this.keydownListener);
         }
         this.loadUserProgress();
-        this.gotoTrack();
       } else {
         if (this.$refs.dialogWindow.visible) {
           this.$refs.dialogWindow.close();
diff --git a/src/components/dialogs/ArtistViewer.vue b/src/components/dialogs/ArtistViewer.vue
index 954dc81..027ac55 100644
--- a/src/components/dialogs/ArtistViewer.vue
+++ b/src/components/dialogs/ArtistViewer.vue
@@ -154,8 +154,13 @@ export default {
       this.$store.dispatch("artists/uploadNewCover", this.selectedArtist);
     },
     loadUserProgress() {
-      if (!this.isPlaying || this.selectedTrack.parent.parent._id != this.selectedArtist._id)
-        this.$store.dispatch("user/getProgress", this.selectedArtist);
+      if (!this.isPlaying || this.selectedTrack.parent.parent && this.selectedTrack.parent.parent._id != this.selectedArtist._id) {
+        this.$store.dispatch("user/getProgress", this.selectedArtist).then(() => {
+          this.gotoTrack();
+        });
+      } else {
+        this.gotoTrack();
+      }
     }
   },
   computed: {
@@ -231,7 +236,6 @@ export default {
           window.addEventListener("keydown", this.keydownListener);
         }
         this.loadUserProgress();
-        this.gotoTrack();
       } else {
         if (this.$refs.dialogWindow.visible) {
           this.$refs.dialogWindow.close();
diff --git a/src/store/modules/user/actions.js b/src/store/modules/user/actions.js
index 4a2acd5..0381491 100644
--- a/src/store/modules/user/actions.js
+++ b/src/store/modules/user/actions.js
@@ -88,15 +88,18 @@ export default {
       .post(context.rootGetters.server + "/api/user/progress", item, context.rootGetters.headers);
   },
   getProgress(context, parent) {
-    if (context.state._id == -1) {
-      return;
-    }
-
-    axios
-      .get(context.rootGetters.server + "/api/user/progress/" + parent._id, context.rootGetters.headers)
-      .then((res) => {
-        parent.progress = res.data;
-      });
+    return new Promise((resolve) => {
+      if (context.state._id == -1) {
+        resolve();
+      } else {
+        axios
+          .get(context.rootGetters.server + "/api/user/progress/" + parent._id, context.rootGetters.headers)
+          .then((res) => {
+            parent.progress = res.data;
+            resolve();
+          });
+      }
+    });
   },
   resetProgress(context, parentId) {
     if (context.state._id == -1) {
-- 
2.45.2


From 0a78c4ee19d73cfcb9cbb8e001e3476bc69f92da Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 19 Sep 2023 18:05:26 +0200
Subject: [PATCH 33/33] try to fix behavior on safari

---
 src/components/Player.vue               | 6 +++---
 src/components/dialogs/ArtistViewer.vue | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index fa441f4..fc5afa3 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -150,10 +150,10 @@ export default {
           this.skipToSecond(this.currentTrackParent.progress.progress);
         }
         this.currentTrackParent.progress = undefined;
-      } else {
-        // Try to fix SAFARI
-        this.audio.play();
       }
+      // Try to fix SAFARI
+      this.audio.play();
+
     },
     pushHistoryItem() {
       if (!this.currentUser._id) {
diff --git a/src/components/dialogs/ArtistViewer.vue b/src/components/dialogs/ArtistViewer.vue
index 027ac55..f24861d 100644
--- a/src/components/dialogs/ArtistViewer.vue
+++ b/src/components/dialogs/ArtistViewer.vue
@@ -154,7 +154,7 @@ export default {
       this.$store.dispatch("artists/uploadNewCover", this.selectedArtist);
     },
     loadUserProgress() {
-      if (!this.isPlaying || this.selectedTrack.parent.parent && this.selectedTrack.parent.parent._id != this.selectedArtist._id) {
+      if (!this.isPlaying || !this.selectedTrack.parent.parent || this.selectedTrack.parent.parent._id != this.selectedArtist._id) {
         this.$store.dispatch("user/getProgress", this.selectedArtist).then(() => {
           this.gotoTrack();
         });
-- 
2.45.2