joachim/openwebrx-clone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replace zoom in / out total with svg

Browse Source
This commit is contained in:
Jakob Ketterl
2021-05-14 23:01:27 +02:00
parent eb55167add
commit 3b8961c8c6
4 changed files with 322 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
htdocs/gfx/svg-defs.svg
View File

@@ -7,5 +7,7 @@
<g id="panel-settings" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.6"><path d="m39.855 10-1 .021c-1.041.04-2.078.134-3.11.282-.546.078-.853.587-.78 1.135a7.876 7.876 0 0 1-.022 1.841 6.504 6.504 0 0 1-5.428 5.428 7.889 7.889 0 0 1-1.992 0 6.501 6.501 0 0 1-4.156-2.463c-.336-.437-.916-.581-1.358-.25a29.998 29.998 0 0 0-6.017 6.016c-.331.442-.188 1.02.25 1.355a6.505 6.505 0 0 1 2.465 4.158 7.885 7.885 0 0 1 0 1.993 6.504 6.504 0 0 1-5.428 5.427 7.862 7.862 0 0 1-1.992-.002c-.461-.072-.904.256-.983.803a30.012 30.012 0 0 0-.002 8.51c.079.547.588.853 1.135.781a7.876 7.876 0 0 1 1.842.022 6.504 6.504 0 0 1 5.428 5.427 7.889 7.889 0 0 1 0 1.992 6.501 6.501 0 0 1-2.463 4.157c-.438.336-.581.915-.25 1.357a29.998 29.998 0 0 0 6.015 6.018c.442.33 1.02.187 1.356-.25a6.505 6.505 0 0 1 4.158-2.465 7.885 7.885 0 0 1 1.992 0 6.504 6.504 0 0 1 5.428 5.428 7.862 7.862 0 0 1-.002 1.992c-.072.46.256.904.803.982a30.012 30.012 0 0 0 8.51.002c.546-.078.853-.59.78-1.136a7.859 7.859 0 0 1 .022-1.84 6.504 6.504 0 0 1 5.428-5.428 7.889 7.889 0 0 1 1.992 0 6.501 6.501 0 0 1 4.156 2.463c.336.437.916.581 1.358.25a29.998 29.998 0 0 0 6.017-6.016c.331-.442.188-1.02-.25-1.355a6.505 6.505 0 0 1-2.465-4.158 7.885 7.885 0 0 1 0-1.993 6.504 6.504 0 0 1 5.428-5.427 7.862 7.862 0 0 1 1.992.002c.461.072.904-.258.983-.805a29.977 29.977 0 0 0 .002-8.508c-.079-.546-.59-.853-1.137-.781a7.859 7.859 0 0 1-1.84-.022 6.504 6.504 0 0 1-5.427-5.427 7.889 7.889 0 0 1 0-1.992 6.501 6.501 0 0 1 2.462-4.157c.438-.336.582-.915.25-1.357a29.998 29.998 0 0 0-6.015-6.018c-.442-.33-1.02-.187-1.356.25a6.505 6.505 0 0 1-4.158 2.465 7.885 7.885 0 0 1-1.992 0 6.504 6.504 0 0 1-5.428-5.428 7.862 7.862 0 0 1 .002-1.992c.072-.46-.256-.904-.803-.982a30.002 30.002 0 0 0-4.4-.305zM40 26.5A13.5 13.5 0 0 1 53.5 40 13.5 13.5 0 0 1 40 53.5 13.5 13.5 0 0 1 26.5 40 13.5 13.5 0 0 1 40 26.5z" fill="#fff" fill-opacity=".35"/><circle cx="40" cy="40" r="13.5" fill="#fff" fill-opacity=".2"/><circle cx="40" cy="40" r="8" fill="none"/></g>
<g id="zoom-in" 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="M31.75 18.5v27M18.25 32h27" fill="none" stroke-linecap="round" stroke-width="10"/></g>
<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>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.6 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

4
htdocs/index.html
View File

@@ -144,8 +144,8 @@
<div class="openwebrx-panel-line">
<div class="openwebrx-button openwebrx-square-button openwebrx-zoom-button" onclick="zoomInOneStep();" title="Zoom in one step"><svg viewBox="0 0 80 80"><use xlink:href="static/gfx/svg-defs.svg#zoom-in"></use></svg></div>
<div class="openwebrx-button openwebrx-square-button openwebrx-zoom-button" onclick="zoomOutOneStep();" title="Zoom out one step"><svg viewBox="0 0 80 80"><use xlink:href="static/gfx/svg-defs.svg#zoom-out"></use></svg></div>
<div class="openwebrx-button openwebrx-square-button" onclick="zoomInTotal();" title="Zoom in totally"><span class="sprite sprite-zoom-in-total"></span></div>
<div class="openwebrx-button openwebrx-square-button" onclick="zoomOutTotal();" title="Zoom out totally"><span class="sprite sprite-zoom-out-total"></span></div>
<div class="openwebrx-button openwebrx-square-button openwebrx-zoom-button" onclick="zoomInTotal();" title="Zoom in totally"><svg viewBox="0 0 80 80"><use xlink:href="static/gfx/svg-defs.svg#zoom-in-total"></use></svg></div>
<div class="openwebrx-button openwebrx-square-button openwebrx-zoom-button" onclick="zoomOutTotal();" title="Zoom out totally"><svg viewBox="0 0 80 80"><use xlink:href="static/gfx/svg-defs.svg#zoom-out-total"></use></svg></div>
<div id="openwebrx-smeter-db">0 dB</div>
</div>
<div class="openwebrx-panel-line">

149
inkscape files/openwebrx-zoom-in-total.svg Normal file
View File

@@ -0,0 +1,149 @@
<?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="svg8"
inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)"
sodipodi:docname="openwebrx-zoom-in-total.svg">
<defs
id="defs2">
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect982"
is_visible="true"
lpeversion="1"
satellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,2,0,1 @ F,0,0,1,0,2,0,1 @ F,0,0,1,0,2,0,1"
unit="px"
method="auto"
mode="F"
radius="2"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="false"
hide_knots="false" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#000000"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="11.2"
inkscape:cx="57.142857"
inkscape:cy="45.714286"
inkscape:document-units="px"
inkscape:current-layer="layer1"
inkscape:document-rotation="0"
showgrid="false"
units="px"
inkscape:pagecheckerboard="true"
showguides="false"
inkscape:window-width="2560"
inkscape:window-height="1381"
inkscape:window-x="0"
inkscape:window-y="348"
inkscape:window-maximized="1"
inkscape:snap-object-midpoints="true" />
<metadata
id="metadata5">
<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="71.428574"
height="80"
preserveAspectRatio="none"
xlink:href="data:image/png;base64,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
rkJggg==
"
id="image1417"
x="4.2857141"
y="0"
style="display:inline" />
</g>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<circle
style="display:inline;fill:none;fill-opacity:0.35;stroke:#ffffff;stroke-width:4.74948;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path954"
cx="44.701065"
cy="51.30669"
r="16.326326" />
<path
id="rect956"
style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.24673;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 59.778748,60.355899 12.521143,12.521407 a 2.0000423,2.0000423 89.999996 0 1 10e-7,2.828457 l -2.754808,2.754865 a 1.9999575,1.9999575 -180 0 1 -2.828397,0 L 54.195544,65.93922"
sodipodi:nodetypes="cccc"
inkscape:original-d="M 59.778748,60.355899 73.71409,74.291534 68.130886,79.874857 54.195544,65.93922"
inkscape:path-effect="#path-effect982" />
<path
id="path1423"
style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 4.8007812,1.2441406 V 35.044922 L 17.59375,21.699219 H 62.400391 L 75.193359,35.044922 V 1.2441406 L 62.294922,14.699219 H 17.697266 Z" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

169
inkscape files/openwebrx-zoom-out-total.svg Normal file
View File

@@ -0,0 +1,169 @@
<?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="svg8"
inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)"
sodipodi:docname="openwebrx-zoom-out-total.svg">
<defs
id="defs2">
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect982"
is_visible="true"
lpeversion="1"
satellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,2,0,1 @ F,0,0,1,0,2,0,1 @ F,0,0,1,0,2,0,1"
unit="px"
method="auto"
mode="F"
radius="2"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="false"
hide_knots="false" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#000000"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="11.2"
inkscape:cx="57.142857"
inkscape:cy="45.714286"
inkscape:document-units="px"
inkscape:current-layer="layer1"
inkscape:document-rotation="0"
showgrid="false"
units="px"
inkscape:pagecheckerboard="true"
showguides="false"
inkscape:window-width="2560"
inkscape:window-height="1381"
inkscape:window-x="0"
inkscape:window-y="348"
inkscape:window-maximized="1"
inkscape:snap-object-midpoints="true" />
<metadata
id="metadata5">
<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 />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="original image"
style="display:inline">
<image
width="71.428574"
height="80"
preserveAspectRatio="none"
xlink:href="data:image/png;base64,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
AAAAAElFTkSuQmCC
"
id="image2366"
x="4.2857141"
y="0" />
</g>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<circle
style="display:inline;fill:none;fill-opacity:0.35;stroke:#ffffff;stroke-width:4.74948;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path954"
cx="44.701065"
cy="51.30669"
r="16.326326" />
<path
id="rect956"
style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.24673;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 59.778748,60.355899 12.521143,12.521407 a 2.0000423,2.0000423 89.999996 0 1 10e-7,2.828457 l -2.754808,2.754865 a 1.9999575,1.9999575 180 0 1 -2.828397,0 L 54.195544,65.93922"
sodipodi:nodetypes="cccc"
inkscape:original-d="M 59.778748,60.355899 73.71409,74.291534 68.130886,79.874857 54.195544,65.93922"
inkscape:path-effect="#path-effect982" />
<path
style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 59.5,1.2441502 V 35.04415 l 16.2,-16.9 z"
id="path1423"
sodipodi:nodetypes="cccc" />
<path
style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 20.892617,35.04415 V 1.2441502 L 4.6926174,18.14415 Z"
id="path1423-6"
sodipodi:nodetypes="cccc" />
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect1445"
width="51.448483"
height="7"
x="14.778377"
y="14.7" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB