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">
|
<span :class="['badge', s.policy.allow_keyboard ? 'bg-success' : 'bg-secondary']" style="font-size: 0.7em">
|
||||||
{{ s.policy.allow_keyboard ? 'ON' : 'OFF' }}
|
{{ s.policy.allow_keyboard ? 'ON' : 'OFF' }}
|
||||||
</span>
|
</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>
|
||||||
<span class="d-flex align-items-center gap-1" title="Mouse">
|
<span class="d-flex align-items-center gap-1" title="Mouse">
|
||||||
<span :class="['activity-dot', s.activity.mouse_active ? 'dot-green' : 'dot-gray']"></span>
|
<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">
|
<span :class="['badge', s.policy.allow_mouse ? 'bg-success' : 'bg-secondary']" style="font-size: 0.7em">
|
||||||
{{ s.policy.allow_mouse ? 'ON' : 'OFF' }}
|
{{ s.policy.allow_mouse ? 'ON' : 'OFF' }}
|
||||||
</span>
|
</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>
|
||||||
<span class="d-flex align-items-center gap-1" title="Gamepad">
|
<span class="d-flex align-items-center gap-1" title="Gamepad">
|
||||||
<span :class="['activity-dot', s.activity.gamepad_active ? 'dot-green' : 'dot-gray']"></span>
|
<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">
|
<span :class="['badge', s.policy.allow_gamepad ? 'bg-success' : 'bg-secondary']" style="font-size: 0.7em">
|
||||||
{{ s.policy.allow_gamepad ? 'ON' : 'OFF' }}
|
{{ s.policy.allow_gamepad ? 'ON' : 'OFF' }}
|
||||||
</span>
|
</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>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -455,21 +446,6 @@
|
||||||
clearInterval(this.sessionInterval);
|
clearInterval(this.sessionInterval);
|
||||||
},
|
},
|
||||||
methods: {
|
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() {
|
refreshActiveSessions() {
|
||||||
fetch("./api/sessions/active")
|
fetch("./api/sessions/active")
|
||||||
.then((r) => r.json())
|
.then((r) => r.json())
|
||||||
|
|
@ -715,12 +691,6 @@
|
||||||
.dot-gray {
|
.dot-gray {
|
||||||
background-color: #6b7280;
|
background-color: #6b7280;
|
||||||
}
|
}
|
||||||
.activity-state {
|
|
||||||
min-width: 3.25rem;
|
|
||||||
font-size: 0.72em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.02em;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue