MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-22 08:13:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

Device charging indicator

Browse Source
This commit is contained in:
Natsumi
2023-01-14 12:49:30 +13:00
parent d647b6a5ad
commit 50e6c83506
19 changed files with 67 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
html/src/vr.pug
View File

@@ -415,34 +415,39 @@ html
div(style="display:flex;flex-direction:row;flex-wrap:wrap")
div(v-for="device in devices" class="tracker-container")
template(v-if="device[0] === 'leftController'")
img(v-if="device[1] !== 'connected'" src="images/controller_status_off.png" class="tracker-device")
img(v-else-if="device[2] < 20" src="images/controller_status_ready_low.png" class="tracker-device")
img(v-else src="images/controller_status_ready.png" class="tracker-device")
span {{ $t('vr.status.devices.left') }}{{ device[2] }}%
img(v-if="device[1] !== 'connected'" src="images/left_controller_status_off.png" class="tracker-device")
img(v-else-if="device[2] === 'charging'" src="images/left_controller_status_ready_charging.png" class="tracker-device")
img(v-else-if="device[3] < 20" src="images/left_controller_status_ready_low.png" class="tracker-device")
img(v-else src="images/left_controller_status_ready.png" class="tracker-device")
span {{ device[3] }}%
template(v-else-if="device[0] === 'rightController'")
img(v-if="device[1] !== 'connected'" src="images/controller_status_off.png" class="tracker-device")
img(v-else-if="device[2] < 20" src="images/controller_status_ready_low.png" class="tracker-device")
img(v-else src="images/controller_status_ready.png" class="tracker-device")
span {{ $t('vr.status.devices.right') }}{{ device[2] }}%
img(v-if="device[1] !== 'connected'" src="images/right_controller_status_off.png" class="tracker-device")
img(v-else-if="device[2] === 'charging'" src="images/right_controller_status_ready_charging.png" class="tracker-device")
img(v-else-if="device[3] < 20" src="images/right_controller_status_ready_low.png" class="tracker-device")
img(v-else src="images/right_controller_status_ready.png" class="tracker-device")
span {{ device[3] }}%
template(v-else-if="device[0] === 'controller'")
img(v-if="device[1] !== 'connected'" src="images/controller_status_off.png" class="tracker-device")
img(v-else-if="device[2] < 20" src="images/controller_status_ready_low.png" class="tracker-device")
img(v-else-if="device[2] === 'charging'" src="images/controller_status_ready_charging.png" class="tracker-device")
img(v-else-if="device[3] < 20" src="images/controller_status_ready_low.png" class="tracker-device")
img(v-else src="images/controller_status_ready.png" class="tracker-device")
span {{ device[2] }}%
span {{ device[3] }}%
template(v-else-if="device[0] === 'tracker'")
img(v-if="device[1] !== 'connected'" src="images/tracker_status_off.png" class="tracker-device")
img(v-else-if="device[2] < 20" src="images/tracker_status_ready_low.png" class="tracker-device")
img(v-else-if="device[2] === 'charging'" src="images/tracker_status_ready_charging.png" class="tracker-device")
img(v-else-if="device[3] < 20" src="images/tracker_status_ready_low.png" class="tracker-device")
img(v-else src="images/tracker_status_ready.png" class="tracker-device")
span {{ device[2] }}%
span {{ device[3] }}%
template(v-else-if="device[0] === 'base'")
img(v-if="device[1] !== 'connected'" src="images/base_status_off.png" class="tracker-device")
img(v-else src="images/base_status_ready.png" class="tracker-device")
span(v-if="device[2] !== 100") {{ device[2] }}x
span(v-if="device[3] !== 100") {{ device[3] }}x
template(v-else)
img(v-if="device[1] !== 'connected'" src="images/other_status_off.png" class="tracker-device")
img(v-else-if="device[2] < 20" src="images/other_status_ready_low.png" class="tracker-device")
img(v-else-if="device[2] === 'charging'" src="images/other_status_ready_charging.png" class="tracker-device")
img(v-else-if="device[3] < 20" src="images/other_status_ready_low.png" class="tracker-device")
img(v-else src="images/other_status_ready.png" class="tracker-device")
span {{ device[2] }}%
span {{ device[3] }}%
.x-containerbottom
template(v-if="nowPlaying.playing")
span(style="float:right;padding-left:10px") {{ nowPlaying.remainingText }}