mirror of
https://github.com/openobserve/openobserve.git
synced 2026-11-06 08:09:24 +00:00
uddhavdaveandgithub-actions[bot]
356d0693f3
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
37 lines
1.2 KiB
Vue
37 lines
1.2 KiB
Vue
<!-- Copyright 2026 OpenObserve Inc. -->
|
|
<template>
|
|
<ODialog
|
|
:open="showInDialog"
|
|
size="sm"
|
|
:title="t('paidUsage.consentTitle')"
|
|
:sub-title="t('paidUsage.consentSubtitle')"
|
|
:primary-button-label="canEnable ? t('paidUsage.enablePaidUsage') : undefined"
|
|
:secondary-button-label="t('common.cancel')"
|
|
:primary-button-disabled="!acknowledgementChecked || !canEnable"
|
|
:primary-button-loading="isSubmitting"
|
|
:persistent="isSubmitting"
|
|
:show-close="!isSubmitting"
|
|
data-test="paid-overage-consent-dialog"
|
|
@update:open="onOpenChange"
|
|
@click:primary="accept"
|
|
@click:secondary="decline"
|
|
>
|
|
<PaidOverageConsentBody />
|
|
</ODialog>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import ODialog from "@/lib/overlay/Dialog/ODialog.vue";
|
|
import PaidOverageConsentBody from "@/components/PaidOverageConsentBody.vue";
|
|
import { useI18nTyped } from "@/types/i18n";
|
|
import { usePaidOverageConsent } from "@/composables/usePaidOverageConsent";
|
|
|
|
const { t } = useI18nTyped();
|
|
const { acknowledgementChecked, isSubmitting, canEnable, showInDialog, accept, decline } =
|
|
usePaidOverageConsent();
|
|
|
|
function onOpenChange(open: boolean) {
|
|
if (!open) decline();
|
|
}
|
|
</script>
|