mirror of
https://github.com/unraid/api.git
synced 2026-01-06 16:49:49 -06:00
50 lines
1.3 KiB
Vue
50 lines
1.3 KiB
Vue
<script lang="ts" setup>
|
|
import { storeToRefs } from "pinia";
|
|
import { useTrialStore } from "~/store/trial";
|
|
|
|
export interface Props {
|
|
open?: boolean;
|
|
}
|
|
|
|
withDefaults(defineProps<Props>(), {
|
|
open: false,
|
|
});
|
|
|
|
const trialStore = useTrialStore();
|
|
const { trialModalLoading, trialStatus, trialStatusCopy } = storeToRefs(trialStore);
|
|
|
|
const close = () => {
|
|
if (trialStatus.value === 'trialStart') return console.debug("[close] not allowed");
|
|
trialStore.setTrialStatus('ready');
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<Modal
|
|
@close="close"
|
|
:open="open"
|
|
:title="trialStatusCopy?.heading"
|
|
:description="trialStatusCopy?.subheading"
|
|
:show-close-x="!trialModalLoading"
|
|
max-width="max-w-640px"
|
|
>
|
|
<template #main>
|
|
<BrandLoading v-if="trialModalLoading" class="w-[150px] mx-auto my-24px" />
|
|
</template>
|
|
|
|
<template v-if="!trialModalLoading" #footer>
|
|
<div class="w-full max-w-xs flex flex-col items-center gap-y-16px mx-auto">
|
|
<div>
|
|
<button
|
|
@click="close"
|
|
class="text-12px tracking-wide inline-block mx-8px opacity-60 hover:opacity-100 focus:opacity-100 underline transition"
|
|
:title="'Close Modal'"
|
|
>
|
|
{{ "Close" }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</Modal>
|
|
</template>
|