replace speaker icons with svg

2021-05-15 23:02:06 +02:00
parent 6af115f4f0
commit 4a1676bb81
5 changed files with 329 additions and 16 deletions
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -684,13 +684,6 @@ img.openwebrx-mirror-img
 	width: 95px;
 }

-.openwebrx-sliderbtn-img
-{
-	width: 14px;
-	position:relative;
-	top: 1px;
-}
-
 .openwebrx-panel-line
 {
 	padding-top: 5px;
@@ -1339,14 +1332,6 @@ img.openwebrx-mirror-img
    height: 15px;
 }

-.openwebrx-mute-button .sprite-speaker {
-    background-position: -103px -38px;
-}
-
-.openwebrx-mute-button.muted .sprite-speaker {
-    background-position: -117px -38px;
-}
-
 .sprite-squelch {
    background-position: -131px -38px;
    width: 14px;
@@ -1373,4 +1358,30 @@ img.openwebrx-mirror-img

 .openwebrx-zoom-button svg {
    height: 27px;
+}
+
+.openwebrx-sliderbtn-img
+{
+	width: 14px;
+	position:relative;
+	top: 1px;
+}
+
+.openwebrx-slider-button img,
+.openwebrx-slider-button svg {
+	position:relative;
+	top: 1px;
+    height: 15px;
+}
+
+.openwebrx-mute-button svg.muted {
+    display: none;
+}
+
+.openwebrx-mute-button.muted svg.muted {
+    display: initial;
+}
+
+.openwebrx-mute-button.muted svg.unmuted {
+    display: none;
 }
--- a/htdocs/gfx/svg-defs.svg
+++ b/htdocs/gfx/svg-defs.svg
@@ -10,5 +10,7 @@
        <g id="zoom-out" stroke="#fff"><circle cx="31.75" cy="32" r="27.5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><path d="m57.147 47.242 20.644 20.645a4 4 90 0 1 0 5.657l-3.748 3.748a4 4 180 0 1-5.656 0L47.743 56.647" fill="#fff" stroke-width="2.1"/><path d="M18.25 32h27" fill="none" stroke-linecap="round" stroke-width="10"/></g>
        <g id="zoom-out-total" stroke="#fff"><circle cx="44.001" cy="51.307" r="16.326" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4.75"/><path d="M59.079 60.356 71.6 72.877a2 2 90 0 1 0 2.829l-2.755 2.754a2 2 180 0 1-2.828 0L53.496 65.94" fill="#fff" stroke-width="1.247"/><path d="m20.893 1.244-16.199 16.9 16.199 16.9V21.698H59.5v13.346l16.199-16.9L59.5 1.244V14.7H20.893z" fill="#fff"/></g>
        <g id="zoom-in-total" stroke="#fff"><circle cx="44.701" cy="51.307" r="16.326" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4.75"/><path d="M59.779 60.356 72.3 72.877a2 2 90 0 1 0 2.829l-2.755 2.754a2 2-180 0 1-2.828 0L54.196 65.94" fill="#fff" stroke-width="1.247"/><path d="M4.8 1.244v33.801L17.595 21.7H62.4l12.793 13.346v-33.8L62.296 14.698H17.698z" fill="#fff"/></g>
+        <g id="speaker" stroke="#fff"><path d="M33.5 7.15 16.74 25.201H2.65v31.7h16.041L33.5 72.848z" fill="#fff" stroke-width="2.1"/><g fill="none"><path d="M46.336 16.041A20 30 0 0 1 54.3 40a20 30 0 0 1-7.964 23.959" stroke-width="3"/><path d="M52.716 9.652A30.6 38 0 0 1 64.9 40a30.6 38 0 0 1-12.184 30.348" stroke-width="4.2"/><path d="M59.035 2.065A41.1 47.5 0 0 1 75.4 40a41.1 47.5 0 0 1-16.365 37.935" stroke-width="5.4"/></g></g>
+        <g id="speaker-muted"><path d="M33.5 7.15 16.74 25.201H2.65v31.7h16.041L33.5 72.848z" fill="#fff" stroke="#fff" stroke-width="2.1"/></g>
    </defs>
 </svg>
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -130,7 +130,10 @@
                </div>
                <div class="openwebrx-modes openwebrx-panel-line"></div>
                <div class="openwebrx-panel-line">
-                    <div title="Mute on/off" class="openwebrx-button openwebrx-mute-button" onclick="toggleMute();"><span class="sprite sprite-speaker openwebrx-sliderbtn-img"></span></div>
+                    <div title="Mute on/off" class="openwebrx-button openwebrx-slider-button openwebrx-mute-button" onclick="toggleMute();">
+                        <svg class="unmuted" viewBox="0 0 80 80"><use xlink:href="static/gfx/svg-defs.svg#speaker"></use></svg>
+                        <svg class="muted" viewBox="0 0 80 80"><use xlink:href="static/gfx/svg-defs.svg#speaker-muted"></use></svg>
+                    </div>
                    <input title="Volume" id="openwebrx-panel-volume" class="openwebrx-panel-slider" type="range" min="0" max="150" value="50" step="1" onchange="updateVolume()" oninput="updateVolume()">
                    <div title="Auto-adjust waterfall colors (right-click for continuous)" id="openwebrx-waterfall-colors-auto" class="openwebrx-button"><span class="sprite sprite-waterfall-auto openwebrx-sliderbtn-img"></span></div>
                    <input title="Waterfall minimum level" id="openwebrx-waterfall-color-min" class="openwebrx-panel-slider" type="range" min="-200" max="100" value="50" step="1" onchange="updateWaterfallColors(0);" oninput="updateVolume()">
--- a/files/openwebrx-speake-mutedr.svg
+++ b/files/openwebrx-speake-mutedr.svg
@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
+   version="1.1"
+   id="svg1400"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)"
+   sodipodi:docname="openwebrx-speake-mutedr.svg">
+  <defs
+     id="defs1394" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="41.0369"
+     inkscape:cy="47.752075"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:pagecheckerboard="true"
+     inkscape:window-width="2560"
+     inkscape:window-height="1381"
+     inkscape:window-x="0"
+     inkscape:window-y="348"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata1397">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="original image"
+     style="display:none">
+    <image
+       width="76.83168"
+       height="80"
+       preserveAspectRatio="none"
+       xlink:href="data:image/png;base64,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
+"
+       id="image2189"
+       x="1.5841584"
+       y="1.15"
+       style="display:inline" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       id="rect2211"
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:2.1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 33.5,7.1503846 16.740234,25.201166 H 2.6503906 V 56.900385 H 18.691406 L 33.5,72.849604 Z" />
+  </g>
+</svg>
--- a/files/openwebrx-speaker.svg
+++ b/files/openwebrx-speaker.svg
@@ -0,0 +1,168 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
+   version="1.1"
+   id="svg1400"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)"
+   sodipodi:docname="openwebrx-speaker.svg">
+  <defs
+     id="defs1394" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="41.0369"
+     inkscape:cy="44.180646"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:pagecheckerboard="true"
+     inkscape:window-width="2560"
+     inkscape:window-height="1381"
+     inkscape:window-x="0"
+     inkscape:window-y="348"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata1397">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="original image"
+     style="display:none">
+    <image
+       width="76.83168"
+       height="80"
+       preserveAspectRatio="none"
+       xlink:href="data:image/png;base64,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
+"
+       id="image2189"
+       x="1.5841584"
+       y="1.15"
+       style="display:inline" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       id="rect2211"
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:2.1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 33.5,7.1503846 16.740234,25.201166 H 2.6503906 V 56.900385 H 18.691406 L 33.5,72.849604 Z" />
+    <path
+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path2222"
+       sodipodi:type="arc"
+       sodipodi:cx="34.299999"
+       sodipodi:cy="40.000381"
+       sodipodi:rx="20"
+       sodipodi:ry="30"
+       sodipodi:start="5.3581608"
+       sodipodi:end="0.9250245"
+       sodipodi:arc-type="arc"
+       d="M 46.3363,16.041316 A 20,30 0 0 1 54.299999,40.000381 20,30 0 0 1 46.3363,63.959447"
+       sodipodi:open="true" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:4.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path2222-5"
+       sodipodi:type="arc"
+       sodipodi:cx="34.299999"
+       sodipodi:cy="40.000381"
+       sodipodi:rx="30.6"
+       sodipodi:ry="38"
+       sodipodi:start="5.3581608"
+       sodipodi:end="0.9250245"
+       sodipodi:arc-type="arc"
+       sodipodi:open="true"
+       d="M 52.715539,9.652232 A 30.6,38 0 0 1 64.9,40.000381 30.6,38 0 0 1 52.715539,70.348531" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:5.4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path2222-56"
+       sodipodi:type="arc"
+       sodipodi:cx="34.299999"
+       sodipodi:cy="40.000381"
+       sodipodi:rx="41.099998"
+       sodipodi:ry="47.5"
+       sodipodi:start="5.3581608"
+       sodipodi:end="0.9250245"
+       sodipodi:arc-type="arc"
+       sodipodi:open="true"
+       d="M 59.034596,2.0651946 A 41.099998,47.5 0 0 1 75.399998,40.000381 41.099998,47.5 0 0 1 59.034596,77.935568" />
+  </g>
+</svg>