��Root Mod By V1rus

Viewing: Navigation.vue

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

let isContactUsModalOpen = ref(false);
let isTicketStatusActive = ref(false);

let contact_us = reactive({
  title: '',
  description: '',
});

const isMainPage = (() => {
  return [
    '/',
    '/fa',
    '/en'
  ].includes(route.path)
});

let captionClass = direction === 'ltr' ? 'left-2' : 'right-2';
const contactUsPhone = '02191302815'

const handleBackButton = () => {
  if (isMainPage())
    navigateTo("https://pwa.cutunix.com/home", {external: true});
  else
    router.back();
}
</script>
<template>
  <div class="flex justify-between h-14 bg-main-700">
    <div class="">
      <UButton @click="handleBackButton"
               class="!shadow-none bg-transparent hover:bg-transparent h-full px-2 hover:text-white text-white class flex flex-col"
               inactive-class="text-gray-500 hover:text-main-700 "
      >
        <UIcon name="i-heroicons-arrow-right" class=" ml-2 text-2xl"/>
        <span class="text-lg font-bold text-white text-center block">{{ t('back') }}</span>
      </UButton>
    </div>
    <div class="flex items-center justify-center">
      <h2 class="text-[#fff] select-none w-full h-full flex items-center">
        Cutunix
      </h2>
    </div>
    <div class="support-container flex items-center justify-center">
      <UButton @click="isContactUsModalOpen = true"
               class="!shadow-none  flex flex-col bg-transparent hover:bg-transparent h-full px-2  justify-start items-center hover:text-white text-white"
               inactive-class="text-gray-500 hover:text-main-700">

        <div>
          <UIcon name="i-heroicons-phone" class="text-base"/>
        </div>
        <div class="block text-base text-center bold">
          {{ t('support') }}
        </div>
      </UButton>

      <UModal v-model="isContactUsModalOpen" :dir="direction">
        <UCard :ui="{ ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
          <template #header>
            <div class="flex items-center justify-between">
              <h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white">
                {{ t('contact_us') }}
              </h3>
              <UButton color="gray"
                       variant="ghost"
                       icon="i-heroicons-x-mark-20-solid"
                       class="-my-1"
                       @click="isContactUsModalOpen = false"
              />
            </div>
          </template>
          <div class="modal-content-container p-2 px-4">
            <div class="w-full mb-8">
              <div class="mb-8 relative mx-auto w-full">
                <input @keypress.enter=""
                       v-model="contact_us.title"
                       name="title"
                       class="w-full focus:ring-1 outline-none rounded border border-gray-400 focus:ring-main-700 focus:border-main-700 h-10 pl-3 md:h-14 py-0 text-xs md:text-sm"
                       type="text"
                       :disabled="!isTicketStatusActive"
                >
                <span class="block text-gray-400  bg-white absolute -top-2 px-2 text-xs md:text-sm"
                      :class="[captionClass]">
                        {{ t('title') }}
                    </span>
              </div>

              <div class="mb-8 relative mx-auto w-full">
                <input @keypress.enter=""
                       v-model="contact_us.description"
                       name="title"
                       class="w-full focus:ring-1 outline-none rounded border border-gray-400 focus:ring-main-700 focus:border-main-700 h-10 pl-3 md:h-14 py-0 text-xs md:text-sm"
                       type="text"
                       :disabled="!isTicketStatusActive"
                >
                <span class="block text-gray-400  bg-white absolute -top-2 px-2 text-xs md:text-sm "
                      :class="[captionClass]">
                        {{ t('description') }}
                    </span>
              </div>
            </div>
            <div class="flex mb-5">
              <div class="text-red-500 text-[12px] text-center">
                {{ t('contact_us_ticket_not_active') }}
              </div>
            </div>
            <div class="flex">
              <h2>
                {{ t('contact_support') }}
                {{ contactUsPhone }}
              </h2>
            </div>
          </div>
        </UCard>
      </UModal>
    </div>
  </div>
</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: Navigation.vue

��Root Mod By V1rus_Alfa
