TelemedPro/hgh_admin
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
nasir@endelospay.com 2024-06-07 04:02:32 +05:00
parent bff5e31c09
commit e024a459c0
10 changed files with 624 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.eslintrc-auto-import.json
View File

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

3
auto-imports.d.ts vendored
View File

@ -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']>

28
resources/js/@core/utils/validators.js
View File

@ -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);
};

7
resources/js/constants.js
View File

@ -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/"

4
resources/js/navigation/vertical/dashboard.js
View File

@ -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',
},
{

444
resources/js/pages/labs/labs-kit.vue Normal file
View File

@ -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>

4
resources/js/pages/medicines/medicines.vue
View File

@ -242,7 +242,7 @@ const save = async () => {
price: defaultItem.value.price,
currency: currencySign.value,
excel:'',//ecelData,
image:''//imageBase64.value
image:imageBase64.value
})
}
@ -300,7 +300,7 @@ const update = async () => {
price: editedItem.value.price,
currency: currencySign.value,
excel:'',//ecelData,
image:''//imageBase64.value
image:imageBase64.value
})
}

5
resources/js/plugins/1.router/additional-routes.js
View File

@ -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',

133
resources/js/store.js
View File

@ -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
},
}
})

1
typed-router.d.ts vendored
View File

@ -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>>,