mirror of
https://github.com/PhotonVision/photonvision
synced 2026-07-05 03:21:40 +00:00
19b57235fe
* Rework settings page; touch up contour, output, and 3D tabs; font sizing No stream placeholder; driver mode refined; cameras page Make settings snackbar work Lint fix Fix settings page padding Actually hide settings fields if unsupported * Make toggle buttons less confusing; fix driver toggle; form validation * Make eyedropper work and make input/select styling more consistent * Fix color picker and tabbing bugs * Set up camera and settings pages to talk to the backend * Add auto reconnect * Add lots of tooltips and improve related thematic consistency * Only show output stream while color picking * Unbreak robot offset * Increase tooltip delay and refactor tooltip label into a component * Remove toggle button switching behavior * Fix PnP tab and add a flag to disable FOV configuration * Move FPS indicator * Make GPU acceleration status use one value in the store * Only allow IPv4 static IPs and remove accidentally committed index
105 lines
3.0 KiB
Vue
105 lines
3.0 KiB
Vue
<template>
|
|
<div>
|
|
<v-row
|
|
align="start"
|
|
class="pb-4"
|
|
style="height: 300px;"
|
|
>
|
|
<!-- Simple table height must be set here and in the CSS for the fixed-header to work -->
|
|
<v-simple-table
|
|
fixed-header
|
|
height="100%"
|
|
dense
|
|
dark
|
|
>
|
|
<template v-slot:default>
|
|
<thead style="font-size: 1.25rem;">
|
|
<tr>
|
|
<th class="text-center">
|
|
Target
|
|
</th>
|
|
<template v-if="!$store.getters.currentPipelineSettings.is3D">
|
|
<th class="text-center">
|
|
Pitch
|
|
</th>
|
|
<th class="text-center">
|
|
Yaw
|
|
</th>
|
|
<th class="text-center">
|
|
Skew
|
|
</th>
|
|
</template>
|
|
<th class="text-center">
|
|
Area
|
|
</th>
|
|
<template v-if="$store.getters.currentPipelineSettings.is3D">
|
|
<th class="text-center">
|
|
X
|
|
</th>
|
|
<th class="text-center">
|
|
Y
|
|
</th>
|
|
<th class="text-center">
|
|
Angle
|
|
</th>
|
|
</template>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr
|
|
v-for="(value, index) in $store.getters.currentPipelineResults.targets"
|
|
:key="index"
|
|
>
|
|
<td>{{ index }}</td>
|
|
<template v-if="!$store.getters.currentPipelineSettings.is3D">
|
|
<td>{{ parseFloat(value.pitch).toFixed(2) }}</td>
|
|
<td>{{ parseFloat(value.yaw).toFixed(2) }}</td>
|
|
<td>{{ parseFloat(value.skew).toFixed(2) }}</td>
|
|
</template>
|
|
<td>{{ parseFloat(value.area).toFixed(2) }}</td>
|
|
<template v-if="$store.getters.currentPipelineSettings.is3D">
|
|
<!-- TODO: Make sure that units are correct -->
|
|
<td>{{ parseFloat(value.pose.x).toFixed(2) }} m</td>
|
|
<td>{{ parseFloat(value.pose.y).toFixed(2) }} m</td>
|
|
<td>{{ parseFloat(value.pose.rotation).toFixed(2) }}°</td>
|
|
</template>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-simple-table>
|
|
</v-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "TargetsTab",
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.v-data-table {
|
|
text-align: center;
|
|
background-color: transparent !important;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.v-data-table th {
|
|
background-color: #006492 !important;
|
|
}
|
|
|
|
.v-data-table th,td {
|
|
font-size: 1rem !important;
|
|
}
|
|
|
|
.v-data-table td {
|
|
font-family: monospace !important;
|
|
}
|
|
|
|
/** This is unfortunately the only way to override table background color **/
|
|
.theme--dark.v-data-table tbody tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {
|
|
background: #005281;
|
|
}
|
|
</style> |