This commit is contained in:
Muhammad Shahzad 2024-06-12 03:10:00 +05:00
commit 71f4acea1c
3 changed files with 36 additions and 25 deletions

View File

@ -47,7 +47,7 @@ const headers = [
{ key: 'start_time', title: 'Start Time' },
{ key: 'end_time', title: 'End Time' },
{ key: 'duration', title: 'Duration' },
{ title: 'ACTIONS', key: 'actions' },
// { title: 'ACTIONS', key: 'actions' },
];

View File

@ -1,4 +1,6 @@
<script setup>
const profile = ref(0)
const color = ref(0)
const props = defineProps({
userData: {
type: Object,
@ -66,7 +68,18 @@ const resolveUserRoleVariant = role => {
const lines = props.userData.plans.list_two_title.split(',')
return lines.slice(0, 3)
})
onMounted(async () => {
profile.value = props.userData.patient.profile_completion_Percentage
if (profile.value <= 50) {
color.value="rgb(var(--v-theme-error))"
}
if (profile.value >= 80) {
color.value="rgb(var(--v-theme-success))"
}
if (profile.value > 50 && profile.value < 80) {
color.value="rgb(var(--v-theme-warning))"
}
});
</script>
<template>
@ -100,25 +113,29 @@ const resolveUserRoleVariant = role => {
</h5>
<!-- 👉 Role chip -->
<VChip
:color="resolveUserRoleVariant('Patient').color"
size="small"
class="text-capitalize mt-4"
<div class="mt-3">
<span class="font-weight-medium" style="float: left;">
Profile Status:
</span>
<VProgressLinear
v-model="profile"
:color="color"
height="14"
striped
>
Patient
</VChip>
<VChip
size="small"
:color="resolveUserStatusVariant('active')"
class="text-capitalize mt-4"
>
Active
</VChip>
<template #default="{ value }">
<span>{{ Math.ceil(value) }}%</span>
</template>
</VProgressLinear>
</div>
</VCardText>
<!-- 👉 Details -->
<VCardText class="pb-6">
<h5 class="text-h5">
Details

View File

@ -95,20 +95,14 @@ const resolveUserRoleVariant = role => {
</h5>
<!-- 👉 Role chip -->
<VChip
:color="resolveUserRoleVariant('Provider').color"
size="small"
class="text-capitalize mt-4"
>
Provider
</VChip>
<VChip
<!-- <VChip
:color="resolveUserStatusVariant(props.userData.telemed.status==1?'Active':'InActive')"
size="small"
class="text-capitalize mt-4"
>
{{ props.userData.telemed.status==1?"Active":'InActive' }}
</VChip>
</VChip>-->
</VCardText>