��Root Mod By V1rus

Viewing: category.vue

<script setup>
const {t, locale} = useI18n();
import ImageMap from "image-map";

const localePath = useLocalePath();
const loading = ref(true);

onNuxtReady(() => {
  ImageMap('img[usemap]');
});

const handleClick = (type) => {
  loading.value = true;
  if (type == 'add') {
    navigateTo(localePath('/unit/make/create'));
  } else {
    navigateTo(localePath('/units?category=' + type));
  }
};

definePageMeta({
  middleware: ['auth'],
  title: 'Select Category'
});

useHead({
  title: t('select category')
});

onMounted(() => {
  loading.value = false;
})
</script>
<template>
  <div v-if="loading" class="flex items-center justify-center">
    <SharedLoading/>
  </div>
  <div class=" flex justify-center items-center" v-else>
    <img src="~/public/categories-en.jpg" usemap="#buttonmap" class="w-full" :alt="t('Select Category')"
         v-if="locale === 'en'">
    <img src="~/public/categories-fa.jpg" usemap="#buttonmap" class="w-full" :alt="t('Select Category')" v-else>
    <ClientOnly>
      <map name="buttonmap">
        <area coords="40,1158,550,1283" @click="handleClick('add')" alt="drawer" :title="t('add_piece')" shape="rect"
              class="cursor-pointer">
        <area coords="633,787,973,911" @click="handleClick('drawer')" alt="drawer" :title="t('sliding')"
              shape="rect">
        <area coords="35,814,375,938" @click="handleClick('refrigerator')" alt="Refrigerator"
              :title="t('refrigerator')" shape="rect">
        <area coords="274,557,614,681" @click="handleClick('height')" alt="height" :title="t('height_unit')"
              shape="rect">
        <area coords="702,392,1042,516" @click="handleClick('air')" alt="air" title="Air" shape="rect">
        <area coords="944,900,1284,1024" @click="handleClick('ground')" alt="ground" :title="t('ground_unit')"
              shape="rect">
      </map>
    </ClientOnly>
    <!--     Image Map Generated by http://www.image-map.net/-->
  </div>
</template>

<style scoped>
map[name='buttonmap'] {
  cursor: pointer !important;
}
</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: category.vue

��Root Mod By V1rus_Alfa