Nicer handling of dead tabs, introduced version.

This commit is contained in:
Magnus Åhall 2025-11-10 10:02:34 +01:00
parent 0c0811a5fc
commit 5a15824ed5
3 changed files with 26 additions and 11 deletions

View file

@ -44,8 +44,9 @@
for (const uuid of Object.keys(json.Sites)) {
const site = json.Sites[uuid]
if (site.StopLoop) {
document.querySelector(`.url[data-uuid="${uuid}"]`)?.classList.add('dead')
document.querySelector(`.watch[data-uuid="${uuid}"]`)?.classList.add('dead')
const els = document.querySelectorAll(`[data-uuid="${uuid}"]`)
for (const el of els)
el.remove()
}
}
})
@ -64,6 +65,7 @@
</script>
<body>
<div id="version">{{ .VERSION }}</div>
<div class="browser">
<h1>Browser</h1>
<input type="text" class="user-data-dir" placeholder="~/.local/share/chrome-dev">
@ -81,14 +83,15 @@
<input type="text" class="new watch" placeholder="~/example.com/css/">
<button onclick="newSite()">Start</button>
{{ range . }}
{{ if .StopLoop }}
{{ continue }}
{{ end }}
<div class="line"></div>
<div class="url {{ if .StopLoop }}dead{{ end }}" data-uuid="{{ .UUID }}">{{ .URL }}</div>
<div class="watch {{ if .StopLoop }}dead{{ end }}" data-uuid="{{ .UUID }}">{{ .Watch }}</div>
<div class="stop" onclick="stopSite('{{ .UUID }}')">{{ if not .StopLoop }}❌{{ end }}</div>
{{ range .Sites }}
{{ if .StopLoop }}
{{ continue }}
{{ end }}
<div class="line" data-uuid="{{ .UUID }}"></div>
<div class="url" data-uuid="{{ .UUID }}">{{ .URL }}</div>
<div class="watch" data-uuid="{{ .UUID }}">{{ .Watch }}</div>
<div class="stop" onclick="stopSite('{{ .UUID }}')" data-uuid="{{ .UUID }}">{{ if not .StopLoop }}❌{{
end }}</div>
{{ end }}
</div>
<script>init()</script>