Merge branch 'dev' of https://git.codelfi.com/TelemedPro/hgh_admin into dev

resources/js/pages/patients/CompletedMeetingTab.vue

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

resources/js/pages/patients/PatientBioPanel.vue

@@ -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"
+                <div class="mt-3">
-            class="text-capitalize mt-4"
+                  <span class="font-weight-medium" style="float: left;">
-          >
+                  Profile Status:
-            Patient
+                </span>
-          </VChip>
+                <VProgressLinear
-           <VChip
+                v-model="profile"
-                  size="small"
+                :color="color"
-                  :color="resolveUserStatusVariant('active')"
+                height="14"
-                   class="text-capitalize mt-4"
+                striped
-                >
+              >
-                  Active
+                <template #default="{ value }">
-                </VChip>
+                  <span>{{ Math.ceil(value) }}%</span>
+                </template>
+            </VProgressLinear>
+      </div>
         </VCardText>
 
       
 
         <!-- 👉 Details -->
+     
         <VCardText class="pb-6">
           <h5 class="text-h5">
             Details

resources/js/pages/providers/ProviderBioPanel.vue

@@ -95,20 +95,14 @@ const resolveUserRoleVariant = role => {
           </h5>
 
           <!-- 👉 Role chip -->
-          <VChip
+          
-            :color="resolveUserRoleVariant('Provider').color"
+            <!--  <VChip
-            size="small"
-            class="text-capitalize mt-4"
-          >
-            Provider
-          </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>