mirror of
https://github.com/PhotonVision/photonvision
synced 2026-06-24 01:31:44 +00:00
bec8092660
## Description Upgrades to Vue 3 and necessary associated dependencies. Also fixes some issues with the layout and adds validation for object detection models. Closes #885, closes #1943, closes #1449. ## Meta Merge checklist: - [x] Pull Request title is [short, imperative summary](https://cbea.ms/git-commit/) of proposed changes - [x] The description documents the _what_ and _why_ - [ ] If this PR changes behavior or adds a feature, user documentation is updated - [ ] If this PR touches photon-serde, all messages have been regenerated and hashes have not changed unexpectedly - [ ] If this PR touches configuration, this is backwards compatible with settings back to v2024.3.1 - [ ] If this PR touches pipeline settings or anything related to data exchange, the frontend typing is updated - [ ] If this PR addresses a bug, a regression test for it is added --------- Co-authored-by: Matt M <matthew.morley.ca@gmail.com> Co-authored-by: Gold856 <117957790+Gold856@users.noreply.github.com> Co-authored-by: samfreund <techguy763@gmail.com>
47 lines
874 B
Vue
47 lines
874 B
Vue
<script setup lang="ts">
|
|
withDefaults(
|
|
defineProps<{
|
|
iconName: string;
|
|
disabled?: boolean;
|
|
color?: string;
|
|
tooltip?: string;
|
|
right?: boolean;
|
|
hover?: boolean;
|
|
}>(),
|
|
{
|
|
right: false,
|
|
disabled: false,
|
|
hover: false
|
|
}
|
|
);
|
|
|
|
defineEmits<{
|
|
(e: "click"): void;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<v-tooltip :right="right" :location="!right ? 'bottom' : undefined" offset="10" :disabled="tooltip === undefined">
|
|
<template #activator="{ props }">
|
|
<v-icon
|
|
:class="hover ? 'hover' : ''"
|
|
:color="color"
|
|
v-bind="props"
|
|
:disabled="disabled"
|
|
@click="$emit('click')"
|
|
>
|
|
{{ iconName }}
|
|
</v-icon>
|
|
</template>
|
|
<span>{{ tooltip }}</span>
|
|
</v-tooltip>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.hover:hover {
|
|
color: white !important;
|
|
}
|
|
</style>
|