Files
homebox/frontend/components/App/OutdatedModal.vue
Tonya 9cf244c933
Some checks failed
Docker publish rootless / build-rootless (push) Waiting to run
Docker publish / build (push) Waiting to run
Update Currencies / update-currencies (push) Waiting to run
Docker publish ARM / build (push) Has been cancelled
Docker publish rootless ARM / build-rootless (push) Has been cancelled
Dockerhub publish / build (push) Has been cancelled
Add a warning when the version does not match the latest release (#442)
2025-01-04 14:22:25 -05:00

42 lines
1.1 KiB
Vue

<template>
<BaseModal v-model="modal">
<template #title>🎉 {{ $t("components.app.outdated.new_version_available") }} 🎉</template>
<div class="p-4">
<p>{{ $t("components.app.outdated.current_version") }}: {{ current }}</p>
<p>{{ $t("components.app.outdated.latest_version") }}: {{ latest }}</p>
<p>
<a href="https://github.com/sysadminsmedia/homebox/releases" target="_blank" rel="noopener" class="link">
{{ $t("components.app.outdated.new_version_available_link") }}
</a>
</p>
</div>
<button class="btn btn-warning" @click="hide">
{{ $t("components.app.outdated.dismiss") }}
</button>
</BaseModal>
</template>
<script setup lang="ts">
const props = defineProps({
modelValue: {
type: Boolean,
required: true,
},
current: {
type: String,
required: true,
},
latest: {
type: String,
required: true,
},
});
const modal = useVModel(props, "modelValue");
const hide = () => {
modal.value = false;
localStorage.setItem("latestVersion", props.latest);
};
</script>