��Root Mod By V1rus

Viewing: header.vue

<script setup>
import {useMainStore} from '~/stores/index';
const {t, locale} = useI18n()
const direction = locale.value === 'en' ? 'ltr' : 'rtl';
const switchLocalePath = useSwitchLocalePath()
const localePath = useLocalePath()
const router = useRouter()
const route = useRoute();
const showInStaticNavigationBar = (() => {
  return [
      '/',
      '/login',
      '/fa',
      '/en'
  ].includes(route.path)
});
const {logUserOut} = useMainStore();
const contactUsPhone = '02191302815'
let isContactUsModalOpen = ref(false);
let isTicketStatusActive = ref(false);
let contact_us = reactive({
  title: '',
  description: '',
});
let captionClass = direction === 'ltr' ? 'left-2' : 'right-2';


const items = [
  [{
    label: 'فارسی',
    click: () => {
      router.push({path: switchLocalePath('fa')})
    }
  }, {
    label: 'English',
    click: () => {
      router.push({path: switchLocalePath('en')})
    }
  }]
]
const props = defineProps({
  title: {
    type: String,
    required: false,
  },
});
const {title} = props;
const logout = () => {
  logUserOut();
  navigateTo(localePath('/login'));
}
</script>
<template>
  <header class="shadow-sm sm:border-r sm:border-l bg-white">
    <nav class=" flex px-2  w-full py-2 items-center justify-between">
      <div class="flex  items-center justify-start w-[30%]">
        <template v-if="title != 'آنالیز کابینت' && title != 'Cabinet Analyze'">
          <ULink :to="localePath('/')"
                 class=" flex flex-col items-center text-gray-700"
                 inactive-class="text-gray-500 !bg-white  hover:text-main-700 "
          >
            <UIcon name="i-heroicons-home" class=" text-red-600 text-2xl text-right"/>
            <span class="    text-xs text-red-600 mt-1 text-right block  ">{{ t('home') }}</span>
          </ULink>
        </template>
      </div>
      <div class=" w-[40%] ">
        <h1 class=" block  text-base text-main-700 text-center bold">{{ t(title) }}</h1>
      </div>
      <div class=" w-[30%]  flex justify-end  items-center">
        <div id="header" class="   bg-transparent   pl-5">


          <div :class="$i18n.locale == 'en' ? 'order-1 justify-end' : 'justify-start'"
               class="w-full lg:w-10/12  mona flex  lg:justify-between items-center text-3xl text-white"
               v-if="showInStaticNavigationBar()"
          >
            <div :class="$i18n.locale == 'en' ? 'order-1 ltr' : ''"
                 class="border border-red-600  border-dashed  rounded   px-2 flex justify-center items-start">
              <UDropdown :items="items"
                         :popper="{ placement: 'bottom-start' }"
                         :ui="{ width: ' mx-auto overflow-hidden rounded w-auto border   border-main-700' , padding: 'p-0 ', background: '   ',item: { label: 'vazir', base: 'vazir  !justify-center px-4  text-sm  ' } }"
              >
                <UButton class="  !p-1  flex-col  !bg-transparent   text-black   !shadow-none !ring-0 ">
                  <label class="text-xs">
                    {{ $i18n.locale == 'fa' ? 'زبان' : 'lang' }}
                  </label>
                  <UIcon name="i-heroicons-chevron-down-20-solid" class="  text-lg"/>
                </UButton>
              </UDropdown>
            </div>
          </div>
        </div>
        <ULink :to="'https://cutunix.com/'+$i18n.locale "
               class="  !shadow-none  flex flex-col justify-center items-center text-gray-700 "
               inactive-class="text-gray-500 !bg-white  hover:text-main-700 "
        >
          <UIcon name="i-heroicons-arrow-right-start-on-rectangle" class="  text-2xl"/>
          <span class="text-xs text-gray-700 mt-1 text-center block  ">
                    {{ t('Exit') }}
                  </span>
        </ULink>
      </div>
    </nav>
  </header>
</template>
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: header.vue

��Root Mod By V1rus_Alfa
