mirror of
https://github.com/PhotonVision/photonvision
synced 2026-06-24 01:31:44 +00:00
d649a9cb9e
## Description <img width="3840" height="2160" alt="image" src="https://github.com/user-attachments/assets/c0289923-a6c8-48b9-84c1-ce92c7acbc9d" /> <img width="3840" height="2160" alt="image" src="https://github.com/user-attachments/assets/3b58c7d0-e12e-45d6-b328-c3061949349a" /> closes #871 ## Meta Merge checklist: - [x] Pull Request title is [short, imperative summary](https://cbea.ms/git-commit/) of proposed changes - [ ] 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 v2025.3.2 - [ ] 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
28 lines
809 B
Vue
28 lines
809 B
Vue
<script setup lang="ts">
|
|
import { useStateStore } from "@/stores/StateStore";
|
|
</script>
|
|
|
|
<template>
|
|
<v-snackbar
|
|
v-model="useStateStore().snackbarData.show"
|
|
location="top"
|
|
variant="elevated"
|
|
:color="useStateStore().snackbarData.color"
|
|
:timeout="useStateStore().snackbarData.timeout"
|
|
>
|
|
<p style="padding: 0; margin: 0; text-align: center">
|
|
{{ useStateStore().snackbarData.message }}
|
|
</p>
|
|
<v-progress-linear
|
|
v-if="useStateStore().snackbarData.progressBar != -1"
|
|
v-model="useStateStore().snackbarData.progressBar"
|
|
height="15"
|
|
:color="useStateStore().snackbarData.progressBarColor"
|
|
>
|
|
<template #default="{ value }">
|
|
<strong> {{ Math.ceil(value) }}% </strong>
|
|
</template>
|
|
</v-progress-linear>
|
|
</v-snackbar>
|
|
</template>
|