mirror of
https://github.com/PhotonVision/photonvision
synced 2026-06-26 01:51: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
65 lines
1.5 KiB
Vue
65 lines
1.5 KiB
Vue
<template>
|
|
<div>
|
|
<v-row
|
|
dense
|
|
align="center"
|
|
>
|
|
<v-col :cols="12 - (selectCols || 9)">
|
|
<tooltipped-label
|
|
:tooltip="tooltip"
|
|
:text="name"
|
|
/>
|
|
</v-col>
|
|
<v-col :cols="selectCols || 9">
|
|
<v-select
|
|
v-model="localValue"
|
|
:items="indexList"
|
|
item-text="name"
|
|
item-value="index"
|
|
dark
|
|
color="accent"
|
|
item-color="secondary"
|
|
:disabled="disabled"
|
|
:rules="rules"
|
|
@change="$emit('rollback', localValue)"
|
|
/>
|
|
</v-col>
|
|
</v-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import TooltippedLabel from "./cv-tooltipped-label";
|
|
|
|
export default {
|
|
name: 'Select',
|
|
components: {
|
|
TooltippedLabel,
|
|
},
|
|
// eslint-disable-next-line vue/require-prop-types
|
|
props: ['list', 'name', 'value', 'disabled', 'selectCols', 'rules', 'tooltip'],
|
|
computed: {
|
|
localValue: {
|
|
get() {
|
|
return this.value;
|
|
},
|
|
set(value) {
|
|
this.$emit('input', value)
|
|
}
|
|
},
|
|
indexList() {
|
|
let list = [];
|
|
for (let i = 0; i < this.list.length; i++) {
|
|
list.push({
|
|
name: this.list[i],
|
|
index: i
|
|
});
|
|
}
|
|
return list;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style> |