From 2b52bc5d29e53d1bb278fb18ea33e8c3fbad628c Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@woozle.org>
Date: Sun, 22 Jan 2023 16:34:29 -0700
Subject: [PATCH] Make the little icon orange when rx is happening.

I am a fan of subtle notifications,
so the color doesn't flash like an rx light.

Closes #49
---
 static/assets/vail-rx.png | Bin 0 -> 5030 bytes
 static/assets/vail-rx.svg | 156 ++++++++++++++++++++++++++++++++++++++
 static/scripts/vail.mjs   |  12 +++
 3 files changed, 168 insertions(+)
 create mode 100644 static/assets/vail-rx.png
 create mode 100644 static/assets/vail-rx.svg

diff --git a/static/assets/vail-rx.png b/static/assets/vail-rx.png
new file mode 100644
index 0000000000000000000000000000000000000000..50f792b3677f1ad914caebd9470f8b1d0971e5c5
GIT binary patch
literal 5030
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
XG;E4OUC00Zf1@+hHGyF6Iz{|HTZz!I

literal 0
HcmV?d00001

diff --git a/static/assets/vail-rx.svg b/static/assets/vail-rx.svg
new file mode 100644
index 0000000..d3ef5f1
--- /dev/null
+++ b/static/assets/vail-rx.svg
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:bx="https://boxy-svg.com"
+   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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 500 500"
+   version="1.1"
+   id="svg37"
+   sodipodi:docname="vail-rx.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+  <metadata
+     id="metadata41">
+    <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>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1295"
+     inkscape:window-height="808"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="1.102"
+     inkscape:cx="107.57784"
+     inkscape:cy="249.56755"
+     inkscape:window-x="19"
+     inkscape:window-y="13"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g11" />
+  <defs
+     id="defs5">
+    <mask
+       id="mask-0">
+      <rect
+         x="234.28"
+         y="129.248"
+         width="247.019"
+         height="167.227"
+         style="fill: rgb(255, 255, 255);"
+         id="rect2" />
+    </mask>
+  </defs>
+  <g
+     style=""
+     transform="matrix(0.95245, 0, 0, 1.139872, 6.889973, -7.454849)"
+     id="g11">
+    <path
+       d="M 327.185 337.24 L 360.06 463.215 L 214.596 463.215 L 327.185 337.24 Z"
+       style="fill:#ffa500;fill-opacity:1"
+       transform="matrix(0.859836, -0.51057, 0.51057, 0.859836, -104.141418, 118.932152)"
+       bx:shape="triangle 214.596 337.24 145.464 125.975 0.774 0 1@97556a29"
+       id="path7" />
+    <rect
+       x="24.773"
+       y="44.071"
+       width="460.948"
+       height="294.539"
+       style="fill:#ffa500;fill-opacity:1"
+       rx="66.036"
+       ry="66.036"
+       id="rect9" />
+  </g>
+  <path
+     style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0);"
+     d="M 296.4 154.545"
+     id="path13" />
+  <g
+     transform="matrix(1.584063, 0, 0, 1.70527, -312.019287, -153.773422)"
+     style="mask: url(#mask-0);"
+     mask="url(#mask-0)"
+     id="g35">
+    <rect
+       x="43.405"
+       y="231.448"
+       width="284.629"
+       height="38.553"
+       style="fill: rgb(255, 255, 255);"
+       rx="7.898"
+       ry="7.898"
+       id="rect15" />
+    <path
+       d="M 55.235 167.548 L 306.103 167.548 L 308.543 167.548 L 310.582 168.864 L 360.729 201.228 L 448.168 201.228 L 448.168 217.228 L 434.05 217.228 L 358.289 217.228 L 355.848 217.228 L 353.809 215.912 L 303.663 183.548 L 55.235 183.548 L 55.235 167.548 Z"
+       style="fill: rgb(255, 255, 255);"
+       id="path17" />
+    <rect
+       x="412.367"
+       y="179.765"
+       width="32.602"
+       height="27.855"
+       style="fill: rgb(255, 255, 255);"
+       id="rect19" />
+    <path
+       d="M 383.813 153.485 C 388.547 139.021 466.546 139.043 472.225 153.485 C 477.511 166.926 445.092 184.036 445.092 184.036 L 412.726 184.036 C 412.726 184.036 379.124 167.804 383.813 153.485 Z"
+       style="stroke-linejoin: round; fill: rgb(255, 255, 255);"
+       id="path21" />
+    <path
+       d="M 257.196 232.936 L 280.351 232.936 L 273.245 196.76 L 264.768 196.76 L 257.196 232.936 Z"
+       style="fill: rgb(255, 255, 255);"
+       id="path23" />
+    <rect
+       x="119.534"
+       y="151.839"
+       width="36.544"
+       height="98.388"
+       style="fill: rgb(255, 255, 255);"
+       rx="10.068"
+       ry="10.068"
+       id="rect25" />
+    <rect
+       x="265.233"
+       y="170.764"
+       width="7.081"
+       height="19.702"
+       style="fill: rgb(255, 255, 255);"
+       id="rect27" />
+    <rect
+       y="201.262"
+       width="16.756"
+       height="33.909"
+       style="fill: rgb(255, 255, 255);"
+       x="61.162"
+       id="rect29" />
+    <rect
+       x="66"
+       y="163.211"
+       width="7.081"
+       height="31.292"
+       style="fill: rgb(255, 255, 255);"
+       id="rect31" />
+    <rect
+       y="156.105"
+       width="16.756"
+       height="8.523"
+       style="fill: rgb(255, 255, 255);"
+       x="61.162"
+       id="rect33" />
+  </g>
+</svg>
diff --git a/static/scripts/vail.mjs b/static/scripts/vail.mjs
index 13105f1..504faea 100644
--- a/static/scripts/vail.mjs
+++ b/static/scripts/vail.mjs
@@ -165,8 +165,20 @@ class VailClient {
 		document.querySelector("#keyer-rate").dispatchEvent(new Event("input"))
 	}
 
+	setIconBase(base) {
+		for (let e of document.querySelectorAll("link[rel=icon]")) {
+			let ext = e.href.split(".")[1]
+			e.href = `${base}.${ext}`
+		}
+	}
+
 	Buzz() {
 		this.outputs.Buzz(false)
+
+		clearTimeout(this.activityTimeout)
+		this.activityTimeout = setTimeout(() => this.setIconBase("assets/vail"), 2*time.Second)
+		this.setIconBase("assets/vail-rx")
+
 		if (this.rxChart) this.rxChart.Set(1)
 	}