fix

.eslintrc-auto-import.json

@@ -360,6 +360,7 @@
     "requiredEmail": true,
     "requiredExcelValidator": true,
     "requiredImageValidator": true,
-    "requiredName": true
+    "requiredName": true,
+    "requiredAmountFloat": true
   }
 }

auto-imports.d.ts

@@ -121,6 +121,7 @@ declare global {
   const refWithControl: typeof import('@vueuse/core')['refWithControl']
   const regexValidator: typeof import('./resources/js/@core/utils/validators.js')['regexValidator']
   const registerPlugins: typeof import('./resources/js/@core/utils/plugins.js')['registerPlugins']
+  const requiredAmountFloat: typeof import('./resources/js/@core/utils/validators.js')['requiredAmountFloat']
   const requiredEmail: typeof import('./resources/js/@core/utils/validators.js')['requiredEmail']
   const requiredExcelValidator: typeof import('./resources/js/@core/utils/validators.js')['requiredExcelValidator']
   const requiredFirstName: typeof import('./resources/js/@core/utils/validators.js')['requiredFirstName']
@@ -483,6 +484,7 @@ declare module 'vue' {
     readonly refWithControl: UnwrapRef<typeof import('@vueuse/core')['refWithControl']>
     readonly regexValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['regexValidator']>
     readonly registerPlugins: UnwrapRef<typeof import('./resources/js/@core/utils/plugins.js')['registerPlugins']>
+    readonly requiredAmountFloat: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredAmountFloat']>
     readonly requiredEmail: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredEmail']>
     readonly requiredExcelValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredExcelValidator']>
     readonly requiredFirstName: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredFirstName']>
@@ -838,6 +840,7 @@ declare module '@vue/runtime-core' {
     readonly refWithControl: UnwrapRef<typeof import('@vueuse/core')['refWithControl']>
     readonly regexValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['regexValidator']>
     readonly registerPlugins: UnwrapRef<typeof import('./resources/js/@core/utils/plugins.js')['registerPlugins']>
+    readonly requiredAmountFloat: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredAmountFloat']>
     readonly requiredEmail: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredEmail']>
     readonly requiredExcelValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredExcelValidator']>
     readonly requiredFirstName: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredFirstName']>

resources/js/@core/utils/validators.js

@@ -142,3 +142,31 @@ export const requiredExcelValidator = value => {
   
   return !!String(value).trim().length || 'Email is required'
 }
+export const requiredAmountFloat = (value) => {
+  // Check if the value is null, undefined, an empty array, or false
+  if (isNullOrUndefined(value) || isEmptyArray(value) || value === false) {
+    return 'Amount field is required';
+  }
+
+  // Check if the value is a valid float number
+  if (!isFloat(value)) {
+    return 'Please enter a valid amount';
+  }
+
+  // Additional checks as needed...
+
+  // Return true if the value passes validation
+  return true;
+};
+
+
+
+
+// Check if a value is a valid float number
+const isFloat = (value) => {
+  if (typeof value !== 'number' && typeof value !== 'string') {
+    return false;
+  }
+  // Use regex to match a valid float number (including negatives and decimals)
+  return /^-?\d*\.?\d+$/.test(value);
+};

resources/js/constants.js

@@ -37,3 +37,10 @@ export const ADMIN_GET_SITE_SETTING = MAIN_DOMAIN + "/api/admin/site-settings"
 export const ADMIN_UPDATE_SITE_SETTING = MAIN_DOMAIN + "/api/admin/update-settings/"
 export const ADMIN_UPDATE_PASSWORD = MAIN_DOMAIN + "/api/admin/password-update"
 export const PROFILE_UPDATE_API = MAIN_DOMAIN + "/api/admin/admin-update-profile"
+
+export const ADMIN_LAB_KIT_LIST_API = MAIN_DOMAIN + "/api/admin/labkit-list"
+export const ADMIN_LAB_KIT_UPDATE_API = MAIN_DOMAIN + "/api/admin/labkit-update/"
+export const ADMIN_LAB_KIT_ADD_API = MAIN_DOMAIN + "/api/admin/labkit-list-create"
+export const ADMIN_LAB_KIT_DELETE_API = MAIN_DOMAIN + "/api/admin/labkit-delete/"
+
+

resources/js/navigation/vertical/dashboard.js

@@ -41,9 +41,9 @@ export default [
     to: 'admin-providers',
   },
   {
-    title: 'Labs',
+    title: 'Lab Kites',
     icon: { icon: 'ri-test-tube-line' },
-    to: 'admin-labs',
+    to: 'admin-lab-kites',
   },
   
   {

resources/js/pages/labs/labs-kit.vue

@@ -0,0 +1,444 @@
+<script setup>
+
+
+
+import { useStore } from 'vuex';
+const store = useStore()
+const editDialog = ref(false)
+const deleteDialog = ref(false)
+const search = ref('')
+const defaultItem = ref({
+  id: -1,
+  name: '',
+  amount: '',
+
+})
+const addDialog = ref(false)
+const editedItem = ref(defaultItem.value)
+const editedIndex = ref(-1)
+const labsKitList = ref([])
+const isLoading=ref(false)
+// status options
+const selectedOptions = [
+  {
+    text: 'Active',
+    value: 1,
+  },
+  {
+    text: 'InActive',
+    value: 2,
+  },
+  
+]
+
+    const refVForm = ref(null)
+
+
+const formatPhoneNumber = () => {
+  console.log(editedItem.value)
+  // Remove non-numeric characters from the input
+  const numericValue = editedItem.value.contact_no.replace(/\D/g, '');
+
+  // Apply formatting logic
+  if (numericValue.length <= 10) {
+    editedItem.value.contact_no = numericValue.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
+  } else {
+    // Limit the input to a maximum of 14 characters
+    const truncatedValue = numericValue.slice(0, 10);
+    editedItem.value.contact_no = truncatedValue.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
+  }
+};
+// headers
+const headers = [
+{
+    title: 'ID',
+    key: 'id',
+  },
+  {
+    title: 'NAME',
+    key: 'name',
+  },
+  {
+    title: 'Amount',
+    key: 'amount',
+  },
+
+ 
+  {
+    title: 'ACTIONS',
+    key: 'actions',
+  },
+]
+
+const resolveStatusVariant = status => {
+  if (status === 1)
+    return {
+      color: 'primary',
+      text: 'Current',
+    }
+  else if (status === 2)
+    return {
+      color: 'success',
+      text: 'Professional',
+    }
+  else if (status === 3)
+    return {
+      color: 'error',
+      text: 'Rejected',
+    }
+  else if (status === 4)
+    return {
+      color: 'warning',
+      text: 'Resigned',
+    }
+  else
+    return {
+      color: 'info',
+      text: 'Applied',
+    }
+}
+
+const editItem = item => {
+  editedIndex.value = labsKitList.value.indexOf(item)
+  editedItem.value = { ...item }
+  editDialog.value = true
+}
+
+const deleteItem = item => {
+  editedIndex.value = labsKitList.value.indexOf(item)
+  editedItem.value = { ...item }
+  deleteDialog.value = true
+}
+
+const close = () => {
+  editDialog.value = false
+  editedIndex.value = -1
+  editedItem.value = { ...defaultItem.value }
+}
+const closeAdd = () => {
+  addDialog.value = false
+}
+const closeDelete = () => {
+  deleteDialog.value = false
+  editedIndex.value = -1
+  editedItem.value = { ...defaultItem.value }
+}
+
+const update = async () => {
+  const { valid } = await refVForm.value.validate()
+  console.log(valid)
+  if (valid) {
+    if (editedIndex.value > -1){
+      await store.dispatch('labKitUpdate',{
+        id: editedItem.value.id,
+        name: editedItem.value.name,
+        amount: editedItem.value.amount,
+      })
+      Object.assign(labsKitList.value[editedIndex.value], editedItem.value)
+        close()
+    } else {
+      await store.dispatch('labKitAdd',{
+        name: defaultItem.value.name,
+        amount: defaultItem.value.amount,
+      })
+      
+      defaultItem.value.name = null
+      defaultItem.value.amount=null
+      closeAdd()
+    }
+    await store.dispatch('labsKitList')
+      console.log('getLabsList',store.getters.getLabKitList)
+        let list = store.getters.getLabKitList
+        
+        labsKitList.value = list
+  }
+
+  
+}
+
+const deleteItemConfirm = async() => {
+  console.log('editedIndex.value',editedIndex.value,editedItem.value.id)
+  await store.dispatch('labKitDelete',{
+    id: editedItem.value.id
+  })
+  labsKitList.value.splice(editedIndex.value, 1)
+  closeDelete()
+}
+const getlabsKitList = computed(async () => {
+  store.dispatch('updateIsLoading', true)
+  await store.dispatch('labsKitList')
+  console.log('getLabsList',store.getters.getLabKitList)
+    let list = store.getters.getLabKitList
+    store.dispatch('updateIsLoading', false)
+  labsKitList.value = list
+    return labsKitList.value
+});
+
+onMounted(() => {
+ 
+
+})
+</script>
+
+<template>
+  <v-row>
+    <v-col cols="12" md="12" v-if="getlabsKitList">
+    <VCard title="Lab Kit">
+      <VCardText >
+          <VRow>
+       
+          <VCol cols="12" md="8" class="d-flex align-center">
+          <VBtn color="primary" prepend-icon="ri-add-line" @click="addDialog = true">
+            New Lab Kit
+          </VBtn>
+          </VCol>
+        <VCol cols="12" md="4" class="d-flex justify-end">
+          <VTextField
+            v-model="search"
+            label="Search"
+            placeholder="Search ..."
+            append-inner-icon="ri-search-line"
+            single-line
+            hide-details
+            dense
+            outlined
+          />
+        </VCol>
+       </VRow>
+        </VCardText>
+      <VDataTable
+        :headers="headers"
+        :items="labsKitList"
+        :search="search"
+        :items-per-page="5"
+        class="text-no-wrap"
+      >
+        <!-- full name -->
+        <template #item.name="{ item }">
+          <div class="d-flex align-center">
+            <!-- avatar -->
+            <VAvatar
+              size="32"
+              :color="item.avatar ? '' : 'primary'"
+              :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
+              :variant="!item.avatar ? 'tonal' : undefined"
+            >
+              <VImg
+                v-if="item.avatar"
+                :src="item.avatar"
+              />
+              <span
+                v-else
+                class="text-sm"
+              >{{ avatarText(item.name) }}</span>
+            </VAvatar>
+
+            <div class="d-flex flex-column ms-3">
+              <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.name }}</span>
+              <small>{{ item.post }}</small>
+            </div>
+          </div>
+        </template>
+
+        <!-- status -->
+        <template #item.status="{ item }">
+          <VChip
+            :color="resolveStatusVariant(item.status).color"
+            density="comfortable"
+          >
+            {{ resolveStatusVariant(item.status).text }}
+          </VChip>
+        </template>
+
+        <!-- Actions -->
+        <template #item.actions="{ item }">
+          <div class="d-flex gap-1">
+            <IconBtn
+              size="small"
+              @click="editItem(item)"
+            >
+              <VIcon icon="ri-pencil-line" />
+            </IconBtn>
+            <IconBtn
+              size="small"
+              @click="deleteItem(item)"
+            >
+              <VIcon icon="ri-delete-bin-line" />
+            </IconBtn>
+          </div>
+        </template>
+      </VDataTable>
+    </VCard>
+
+    </v-col>
+  </v-row>
+  <!-- 👉 Edit Dialog  -->
+  <VDialog
+    v-model="editDialog"
+    max-width="600px"
+  >
+  <VForm ref="refVForm" >
+    <VCard>
+      <VCardTitle>
+        <span class="headline">Edit Lab Kit</span>
+      </VCardTitle>
+
+      <VCardText>
+        <VContainer >
+         
+          <VRow>
+            <!-- fullName -->
+            <VCol cols="12" md="12">
+              <VTextField
+                v-model="editedItem.name"
+                label="Name"
+                :rules="[requiredValidator]"
+              />
+            </VCol>
+
+            <!-- email -->
+            <VCol cols="12" sm="12" md="12">
+              <VTextField
+                v-model="editedItem.amount"
+                label="Amount"
+                :rules="[requiredValidator]"
+              />
+            </VCol>
+
+         
+           
+            
+
+      
+            <!-- status -->
+            
+          </VRow>
+        </VContainer>
+      </VCardText>
+
+      <VCardActions>
+        <VSpacer />
+
+        <VBtn
+          color="error"
+          variant="outlined"
+          @click="close"
+        >
+          Cancel
+        </VBtn>
+
+        <VBtn
+          color="success"
+          variant="elevated"
+          @click="update"
+        >
+          Save
+        </VBtn>
+        
+      </VCardActions>
+    </VCard>
+  </VForm>
+  </VDialog>
+
+  <!-- 👉 Delete Dialog  -->
+  <VDialog
+    v-model="deleteDialog"
+    max-width="500px"
+  >
+    <VCard>
+      <VCardTitle>
+        Are you sure you want to delete this item?
+      </VCardTitle>
+
+      <VCardActions>
+        <VSpacer />
+
+        <VBtn
+          color="error"
+          variant="outlined"
+          @click="closeDelete"
+        >
+          Cancel
+        </VBtn>
+
+        <VBtn
+          color="success"
+          variant="elevated"
+          @click="deleteItemConfirm"
+        >
+          OK
+        </VBtn>
+
+        <VSpacer />
+      </VCardActions>
+    </VCard>
+  </VDialog>
+
+    <!-- 👉 Add Dialog  -->
+  <VDialog
+    v-model="addDialog"
+    max-width="600px"
+  >
+    <VForm ref="refVForm" >
+    <VCard>
+      <VCardTitle>
+        <span class="headline">Add Lab Kit</span>
+      </VCardTitle>
+
+      <VCardText>
+        <VContainer >
+         
+          <VRow>
+            <!-- fullName -->
+            <VCol cols="12" md="12">
+              <VTextField
+                v-model="defaultItem.name"
+                label="Name"
+                :rules="[requiredValidator]"
+              />
+            </VCol>
+
+            <!-- email -->
+            <VCol cols="12" sm="12" md="12">
+              <VTextField
+                v-model="defaultItem.amount"
+                label="Amount"
+                :rules="[requiredValidator,requiredAmountFloat]"
+              />
+            </VCol>
+
+         
+           
+            
+
+      
+            <!-- status -->
+            
+          </VRow>
+        </VContainer>
+      </VCardText>
+
+      <VCardActions>
+        <VSpacer />
+
+        <VBtn
+          color="error"
+          variant="outlined"
+          @click="closeAdd"
+        >
+          Cancel
+        </VBtn>
+
+        <VBtn
+          color="success"
+          variant="elevated"
+          @click="update"
+        >
+          Save
+        </VBtn>
+        
+      </VCardActions>
+    </VCard>
+  </VForm>
+  </VDialog>
+</template>

resources/js/pages/medicines/medicines.vue

@@ -241,8 +241,8 @@ const save = async () => {
               list_two_title: defaultItem.value.list_two_title,
               price: defaultItem.value.price,
               currency: currencySign.value,
-              excel:'', //ecelData,
+              excel:'',//ecelData,
-              image:''//imageBase64.value
+              image:imageBase64.value
             })
            
           }
@@ -299,8 +299,8 @@ const update = async () => {
               list_two_title: editedItem.value.list_two_title,
               price: editedItem.value.price,
               currency: currencySign.value,
-              excel:'', //ecelData,
+              excel:'',//ecelData,
-              image:''//imageBase64.value
+              image:imageBase64.value
             })
            
           }
@@ -393,7 +393,7 @@ onMounted(() => {
             outlined
           />
         </VCol>
-      </VRow>
+       </VRow>
         </VCardText>
       <VDataTable
         :headers="headers"

resources/js/plugins/1.router/additional-routes.js

@@ -83,6 +83,11 @@ export const routes = [
     name: 'admin-labs',
     component: () => import('@/pages/labs/labs.vue'),
   },
+  {
+    path: '/admin/lab-kites',
+    name: 'admin-lab-kites',
+    component: () => import('@/pages/labs/labs-kit.vue'),
+  },
   {
     path: '/admin/medicines',
     name: 'admin-medicines',

resources/js/store.js

@@ -2,6 +2,10 @@ import axios from 'axios';
 import { createStore } from 'vuex';
 import {
   ADMIN_GET_SITE_SETTING,
+  ADMIN_LAB_KIT_ADD_API,
+  ADMIN_LAB_KIT_DELETE_API,
+  ADMIN_LAB_KIT_LIST_API,
+  ADMIN_LAB_KIT_UPDATE_API,
   ADMIN_LOGIN_DETAIL,
   ADMIN_UPDATE_PASSWORD,
   ADMIN_UPDATE_SITE_SETTING,
@@ -48,7 +52,8 @@ export default createStore({
     siteSetting: null,
     showMessage: null,
     timeout: null,
-    checkLoginExpire:false
+    checkLoginExpire: false,
+    labKitList:[]
   },
   mutations: {
     setLoading(state, payload) {
@@ -95,6 +100,9 @@ export default createStore({
     setLabsList(state, payload) {
       state.labsList = payload
     },
+    setLabKitList(state, payload) {
+      state.labKitList = payload
+    },
     setPrescription(state, payload) {
       state.patientPrescription = payload
     },
@@ -278,7 +286,11 @@ export default createStore({
       })  .then(response => {
             commit('setLoading', false)
             console.log('Response:', response.data);
-  
+              if (response.data.message && response.status === 200) {
+                  commit('setSuccessMsg', true)
+                  console.log('Response:', response.data.message);
+                  commit('setShowMsg', response.data.message)
+              }
           })
           .catch(error => {
             commit('setLoading', false)
@@ -503,7 +515,11 @@ export default createStore({
       })  .then(response => {
             commit('setLoading', false)
             console.log('Response:', response.data);
-  
+            if (response.data.message=='success' && response.status === 200) {
+              commit('setSuccessMsg', true)
+              console.log('Response:', response.data.message);
+              commit('setShowMsg', 'Successfully Updated')
+            }
           })
           .catch(error => {
             commit('setLoading', false)
@@ -520,7 +536,11 @@ export default createStore({
       })  .then(response => {
             commit('setLoading', false)
             console.log('Response:', response.data);
-  
+            if (response.data.message && response.status === 200) {
+              commit('setSuccessMsg', true)
+              console.log('Response:', response.data.message);
+              commit('setShowMsg', 'Successfully Deleted')
+            }
           })
           .catch(error => {
             commit('setLoading', false)
@@ -576,7 +596,11 @@ export default createStore({
       })  .then(response => {
             commit('setLoading', false)
             console.log('Response:', response.data);
-  
+            if (response.data.message=='success' && response.status === 200) {
+              commit('setSuccessMsg', true)
+              console.log('Response:', response.data.message);
+              commit('setShowMsg', 'Successfully Added')
+            }
           })
           .catch(error => {
             commit('setLoading', false)
@@ -638,7 +662,11 @@ export default createStore({
       })  .then(response => {
             commit('setLoading', false)
             console.log('Response:', response.data);
-        
+            if (response.data.msg && response.status === 200) {
+              commit('setSuccessMsg', true)
+              console.log('Response:', response.data.message);
+              commit('setShowMsg', response.data.msg)
+            }
           })
           .catch(error => {
             commit('setLoading', false)
@@ -714,6 +742,96 @@ export default createStore({
             }
           });
     },
+     async labsKitList({ commit }, payload) {
+      commit('setLoading', true)
+  
+      await axios.post(ADMIN_LAB_KIT_LIST_API, {}, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+              commit('setLoading', false)
+            console.log('Response:', response.data);
+          
+           
+           
+            commit('setLabKitList',response.data.labkit)
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async labKitUpdate({ commit }, payload) {
+      commit('setLoading', true)
+      await axios.post(ADMIN_LAB_KIT_UPDATE_API+payload.id, {
+        name: payload.name,
+        amount: payload.amount,
+      }, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+            commit('setLoading', false)
+            console.log('Response:', response.data);
+          if (response.data.message && response.status === 200) {
+                  commit('setSuccessMsg', true)
+                  console.log('Response:', response.data.message);
+                  commit('setShowMsg', response.data.message)
+              }
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async labKitAdd({ commit }, payload) {
+      commit('setLoading', true)
+      await axios.post(ADMIN_LAB_KIT_ADD_API, {
+        name: payload.name,
+        amount: payload.amount,
+      }, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+            commit('setLoading', false)
+        console.log('Response:', response.data);
+        if (response.data.message && response.status === 200) {
+          commit('setSuccessMsg', true)
+           console.log('Response:', response.data.message);
+           commit('setShowMsg', response.data.message)
+        }
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async labKitDelete({ commit }, payload) {
+      commit('setLoading', true)
+      console.log(localStorage.getItem('admin_access_token'))
+      await axios.post(ADMIN_LAB_KIT_DELETE_API+payload.id, {}, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+            commit('setLoading', false)
+            console.log('Response:', response.data);
+            if (response.data.message && response.status === 200) {
+              commit('setSuccessMsg', true)
+              console.log('Response:', response.data.message);
+              commit('setShowMsg', response.data.message)
+            }
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
   },
   getters: {
     getIsLoading(state){
@@ -770,5 +888,8 @@ export default createStore({
     getCheckLoginExpire(state){
       return state.checkLoginExpire
     },
+    getLabKitList(state) {
+      return state.labKitList
+    },
   }
 })

typed-router.d.ts

@@ -119,6 +119,7 @@ declare module 'vue-router/auto/routes' {
     'front-pages-payment': RouteRecordInfo<'front-pages-payment', '/front-pages/payment', Record<never, never>, Record<never, never>>,
     'front-pages-pricing': RouteRecordInfo<'front-pages-pricing', '/front-pages/pricing', Record<never, never>, Record<never, never>>,
     'labs-labs': RouteRecordInfo<'labs-labs', '/labs/labs', Record<never, never>, Record<never, never>>,
+    'labs-labs-kit': RouteRecordInfo<'labs-labs-kit', '/labs/labs-kit', Record<never, never>, Record<never, never>>,
     'login': RouteRecordInfo<'login', '/login', Record<never, never>, Record<never, never>>,
     'medicines-medicines': RouteRecordInfo<'medicines-medicines', '/medicines/medicines', Record<never, never>, Record<never, never>>,
     'not-authorized': RouteRecordInfo<'not-authorized', '/not-authorized', Record<never, never>, Record<never, never>>,