��Root Mod By V1rus

Viewing: category.vue

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

const localePath = useLocalePath()
definePageMeta({
  middleware: ['auth'],
  title: 'Select Category'
})
useHead({
  title: t('Select Category')
})
onNuxtReady(() => {
  ImageMap('img[usemap]')
})
const loading = ref(false);
const HandelClick = (type) => {
  loading.value = true;
  if (type == 'add') {
    navigateTo(localePath('/unit/make/create'));
  } else {
    navigateTo(localePath('/units?category=' + type));
  }
}
</script>
<template>

  <div class=" flex justify-center items-center">
    <div v-if=" loading == true">
      <Snipper/>
    </div>
    <div v-else>
      <div class="relative kitchen-container">
        <img src="/categories.jpg" class="w-full" :alt="t('Select Category')">
        <button @click="HandelClick('add')" class="cursor-pointer absolute bottom-[1rem] left-[1rem] px-[1rem]">
          +
          {{ t('add_unit') }}
        </button>
        <button @click="HandelClick('drawer')" class="cursor-pointer absolute top-[22rem] left-[17rem]">
          {{ t('sliding') }}
        </button>
        <button @click="HandelClick('refrigerator')" class="cursor-pointer absolute top-[22rem] left-[2.3rem]">
          {{ t('refrigerator') }}
        </button>
        <button @click="HandelClick('height')" class="cursor-pointer absolute top-[14rem] left-[9rem]">
          {{ t('height_unit') }}
        </button>
        <button @click="HandelClick('air')" class="cursor-pointer absolute top-[10rem] left-[20rem]">
          {{ t('overhead') }}
        </button>
        <button @click="HandelClick('ground')" class="cursor-pointer absolute bottom-[8rem] right-[4rem]">
          {{ t('ground_unit') }}
        </button>
      </div>
    </div>
    <!-- Image Map Generated by http://www.image-map.net/ -->
  </div>
</template>

<style scoped>
.kitchen-container button {
  padding: 0 1rem;
  min-width: 110px !important;
  max-height: 50px !important;
  border: 3px solid #353532;
  border-radius: 50px;
  background-color: #ccc;
  color: #0f0f0f;
  font-size: 30px;
  font-weight: bold;
  box-shadow: 0 0 10px 2px #ffd2c4;
  outline: 0 !important;
}

.kitchen-container button:hover, .kitchen-container button:focus {
  outline: 0 !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