��Root Mod By V1rus

Viewing: ConfirmationDialog.vue

<script setup lang="ts">
const {t, locale} = useI18n();
const direction = locale.value === 'en' ? 'ltr' : 'rtl';

const props = defineProps([
  'toggleShowUp',
  'message',
]);

const emit = defineEmits([
    'onClosed',
    'onConfirmed'
])
</script>

<template>
  <UModal v-model="props.toggleShowUp" :dir="direction">
    <UCard :ui="{ ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
      <div class="modal-content-container p-2 px-4">
        <div class="w-full mb-8">
          <div class="mb-8 relative mx-auto w-full">
            <h3>
              {{ props.message }}
            </h3>
          </div>
          <div class="w-full px-3 flex justify-between">
            <UButton color="green"
                     variant="solid"
                     :label="t('yes')"
                     icon="i-heroicons-check"
                     @click="emit('onConfirmed')"
            />

            <UButton color="red"
                     variant="solid"
                     :label="t('no')"
                     icon="i-heroicons-x-mark-20-solid"
                     @click="emit('onClosed')"
            />
          </div>
        </div>
      </div>
    </UCard>
  </UModal>
</template>

<style scoped>

</style>

User / IP	: 216.73.217.78
Host / Server	: 195.214.235.115 / npln.ir
System	: Linux damavand.pws-dns.net 5.14.0-503.35.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Apr 4 05:23:43 EDT 2025 x86_64

���Root Mod By V1rus_Alfa

Viewing: ConfirmationDialog.vue

��Root Mod By V1rus_Alfa