��Root Mod By V1rus

Viewing: list.vue

<script setup lang="ts">   
// set Meta
const { t } = useI18n() 
const localePath = useLocalePath() 
definePageMeta({
    title:"Unit Analysis List",
    layout: 'with-out-footer',
    middleware: ['auth'], 
})   
useHead ({
    title: t('Unit Analysis List')  
}) 
// set const global
const token = useCookie('token');    
const config = useRuntimeConfig();  
const route = useRoute()
// Fetch List
const { data, pending, error, refresh } = await useFetch(config.public.API_URL+'/analyze/list/get?project_id='+route.query.project_id, {
  onRequest({ request, options }) { 
    options.headers =  {}
    options.headers.Accept = 'application/json'
    options.headers.authorization = 'Bearer '+token.value
  }, 
  onResponseError({ request, response, options }) { 
      if(response.status  == 401){
          navigateTo(localePath('/login')); 
      }
      if(response.status  == 403){
          navigateTo(localePath('/payment')); 
      }
  },
  transform: (mountains:any) => {
   return JSON.parse(mountains).data;
  }, 
  server: false
}) 

// Methods
const ToggleCollapse = (id:any) => {
  document.querySelector('#body_collapse_'+id)!.classList.toggle('hidden');  
  document.querySelector('#header_collapse_'+id)!.classList.toggle('rotate-90');   
} 
</script>
<template> 
    <div>
      <span v-if="pending"><Snipper /></span>  
      <span v-else-if="error">Error: {{ error }}</span>  
      <div v-else>  
        <section class=" pt-3 mt-1 mb-10"> 
            <ul>
              <li  :dir="$i18n.locale == 'en' ? 'ltr' : 'rtl'"  class=" w-full border-b-2  mb-2  " v-for="row in data.list" :key="row.id">
                <div :class="$i18n.locale == 'en' ? ' text-left' : ' text-right'"  class=" px-2 cursor-pointer flex justify-between items-center">
                  <label @click="ToggleCollapse(row.id)" v-text="$i18n.locale == 'en' ? row.unit?.title_en : row.unit?.title" class=" block pb-2 w-full text-main-700 cursor-pointer text-sm "> 
                  </label> 
                  <div class="flex justify-end items-center pb-2"> 
                    <UIcon @click="ToggleCollapse(row.id)" :id="'header_collapse_'+row.id"  name="i-heroicons-chevron-down-20-solid"  class="text-gray-500   transition-all  text-2xl"  /> 
                  </div>
                </div>
                <div :id="'body_collapse_'+row.id" class="    border-t transition-all" >
                  <div class="w-full border-b  h-7  flex   justify-between items-center"  v-for="slice in row.attach">
                      
                    <div class=" w-[22%]  h-full  flex justify-start items-center border-l">
                      <span  :class="$i18n.locale == 'en' ? 'ml-2 text-left' : 'mr-2 text-right'" v-text="$i18n.locale == 'en' ? slice.label_en : slice.label" class=" text-gray-500 pr-1  text-[.55rem] "> 
                      </span> 
                    </div>
                    <div class=" w-[7%] flex justify-center items-center  h-full border-l">
                      <span class=" text-gray-500  text-[.55rem] "  v-text="slice.width_one == '1' ? 'N'  : slice.width_one == '2'  ? 'F' : slice.width_one == '3'  ? 'SH' : '-'" ></span> 
                    </div>
                    <div class=" w-[7%] flex justify-center items-center  h-full border-l">
                      <span class=" text-gray-500  text-[.55rem] "  v-text="slice.width_two == '1' ? 'N'  : slice.width_two == '2'  ? 'F' : slice.width_two == '3'  ? 'SH' : '-'"  ></span> 
                    </div>
                    <div class=" w-[7%] flex justify-center items-center  h-full border-l">
                      <span class=" text-gray-500  text-[.55rem] " v-text="slice.length_one == '1' ? 'N'  : slice.length_one == '2'  ? 'F' : slice.length_one == '3'  ? 'SH' : '-'" ></span> 
                    </div>
                    <div class=" w-[7%] flex justify-center items-center  h-full border-l">
                      <span class=" text-gray-500 text-[.55rem] "  v-text="slice.length_two == '1' ? 'N'  : slice.length_two == '2'  ? 'F' : slice.length_two == '3'  ? 'SH' : '-'" ></span> 
                    </div>
                    <div class=" w-[13%] flex justify-center items-center h-full border-l">
                      <span class=" text-gray-500  text-[.55rem] " v-html="slice.material ? $i18n.locale == 'en' ? slice.material.title_en : slice.material.title : '---'">
                        
                      </span> 
                    </div>
                    <div class=" w-[24%] flex justify-end pl-1 items-center h-full">
                      <div dir="ltr" class=" w-9/12  flex justify-start items-center ">
                            <span class="block  w-4/12 text-gray-500  text-center text-[.55rem] ">
                             {{ slice.length }}
                            </span>
                            <span class="block   w-2/12  text-gray-500  text-center text-[.55rem] ">
                            *
                            </span>
                            <span class="block  w-3/12 text-gray-500  text-center text-[.55rem] ">
                             {{ slice.width }}
                            </span>
                            <span class="block  w-1/12 text-gray-500   text-center text-[.55rem] ">
                            =
                            </span>
                            <span class="block  w-2/12 text-gray-500 text-center text-[.55rem] ">
                            {{ slice.count }}
                            </span>
                        </div>
                    </div>
                  </div>
                </div>
              </li>
            </ul>
        </section> 
      </div> 
    </div>
 </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: list.vue

��Root Mod By V1rus_Alfa
