Use dot-only live input indicators in troubleshooting page
Some checks failed
ci-bundle.yml / Use dot-only live input indicators in troubleshooting page (push) Failing after 0s
ci-copr.yml / Use dot-only live input indicators in troubleshooting page (push) Failing after 0s
ci-homebrew.yml / Use dot-only live input indicators in troubleshooting page (push) Failing after 0s

This commit is contained in:
Joey Yakimowich-Payne 2026-02-11 15:43:30 -07:00
commit d5218297a4

View file

@ -170,9 +170,6 @@
<span :class="['badge', s.policy.allow_keyboard ? 'bg-success' : 'bg-secondary']" style="font-size: 0.7em">
{{ s.policy.allow_keyboard ? 'ON' : 'OFF' }}
</span>
<span :class="['activity-state', s.activity.keyboard_active ? 'text-success' : 'text-secondary']">
{{ activityStateLabel(s.activity.keyboard_active, s.activity.last_keyboard_ms_ago) }}
</span>
</span>
<span class="d-flex align-items-center gap-1" title="Mouse">
<span :class="['activity-dot', s.activity.mouse_active ? 'dot-green' : 'dot-gray']"></span>
@ -180,9 +177,6 @@
<span :class="['badge', s.policy.allow_mouse ? 'bg-success' : 'bg-secondary']" style="font-size: 0.7em">
{{ s.policy.allow_mouse ? 'ON' : 'OFF' }}
</span>
<span :class="['activity-state', s.activity.mouse_active ? 'text-success' : 'text-secondary']">
{{ activityStateLabel(s.activity.mouse_active, s.activity.last_mouse_ms_ago) }}
</span>
</span>
<span class="d-flex align-items-center gap-1" title="Gamepad">
<span :class="['activity-dot', s.activity.gamepad_active ? 'dot-green' : 'dot-gray']"></span>
@ -190,9 +184,6 @@
<span :class="['badge', s.policy.allow_gamepad ? 'bg-success' : 'bg-secondary']" style="font-size: 0.7em">
{{ s.policy.allow_gamepad ? 'ON' : 'OFF' }}
</span>
<span :class="['activity-state', s.activity.gamepad_active ? 'text-success' : 'text-secondary']">
{{ activityStateLabel(s.activity.gamepad_active, s.activity.last_gamepad_ms_ago) }}
</span>
</span>
</div>
</div>
@ -455,21 +446,6 @@
clearInterval(this.sessionInterval);
},
methods: {
activityStateLabel(active, msAgo) {
if (active) {
return 'LIVE';
}
if (msAgo < 0) {
return 'never';
}
if (msAgo < 1000) {
return `${msAgo}ms`;
}
return `${(msAgo / 1000).toFixed(1)}s`;
},
refreshActiveSessions() {
fetch("./api/sessions/active")
.then((r) => r.json())
@ -715,12 +691,6 @@
.dot-gray {
background-color: #6b7280;
}
.activity-state {
min-width: 3.25rem;
font-size: 0.72em;
text-transform: uppercase;
letter-spacing: 0.02em;
}
</style>
</body>