mirror of https://github.com/nealey/vail.git
Smarter way to do icons
This commit is contained in:
parent
2b52bc5d29
commit
dc3efd3104
|
@ -19,8 +19,10 @@
|
||||||
|
|
||||||
<!-- Vail stuff -->
|
<!-- Vail stuff -->
|
||||||
<link rel="manifest" href="manifest.json">
|
<link rel="manifest" href="manifest.json">
|
||||||
<link rel="icon" href="assets/vail.png" sizes="256x256" type="image/png">
|
<link rel="icon" class="quiet icon" href="assets/vail.png" sizes="256x256" type="image/png">
|
||||||
<link rel="icon" href="assets/vail.svg" sizes="any" type="image/svg+xml">
|
<link rel="icon" class="quiet icon" href="assets/vail.svg" sizes="any" type="image/svg+xml">
|
||||||
|
<link rel="" class="rx icon" href="assets/vail-rx.png" sizes="256x256" type="image/png">
|
||||||
|
<link rel="" class="rx icon" href="assets/vail-rx.svg" sizes="any" type="image/svg+xml">
|
||||||
<script type="module" src="scripts/vail.mjs"></script>
|
<script type="module" src="scripts/vail.mjs"></script>
|
||||||
<script type="module" src="scripts/ui.mjs"></script>
|
<script type="module" src="scripts/ui.mjs"></script>
|
||||||
<link rel="stylesheet" href="vail.css">
|
<link rel="stylesheet" href="vail.css">
|
||||||
|
|
|
@ -165,10 +165,13 @@ class VailClient {
|
||||||
document.querySelector("#keyer-rate").dispatchEvent(new Event("input"))
|
document.querySelector("#keyer-rate").dispatchEvent(new Event("input"))
|
||||||
}
|
}
|
||||||
|
|
||||||
setIconBase(base) {
|
setIconBase(icon) {
|
||||||
for (let e of document.querySelectorAll("link[rel=icon]")) {
|
for (let e of document.querySelectorAll("link.icon")) {
|
||||||
let ext = e.href.split(".")[1]
|
if (e.classList.contains(icon)) {
|
||||||
e.href = `${base}.${ext}`
|
e.relList.add("icon")
|
||||||
|
} else {
|
||||||
|
e.relList.remove("icon")
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -176,8 +179,8 @@ class VailClient {
|
||||||
this.outputs.Buzz(false)
|
this.outputs.Buzz(false)
|
||||||
|
|
||||||
clearTimeout(this.activityTimeout)
|
clearTimeout(this.activityTimeout)
|
||||||
this.activityTimeout = setTimeout(() => this.setIconBase("assets/vail"), 2*time.Second)
|
this.activityTimeout = setTimeout(() => this.setIconBase("quiet"), 2*time.Second)
|
||||||
this.setIconBase("assets/vail-rx")
|
this.setIconBase("rx")
|
||||||
|
|
||||||
if (this.rxChart) this.rxChart.Set(1)
|
if (this.rxChart) this.rxChart.Set(1)
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue