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
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:
parent
3f19554cfa
commit
d5218297a4
1 changed files with 0 additions and 30 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue