show dummy icon for radios without logo. fix #13

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"
 }

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>

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>

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>