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

@@ -64,10 +64,10 @@ const headers = [
   },
 
  
-  // {
+  {
-  //   title: 'ACTIONS',
+    title: 'ACTIONS',
-  //   key: 'actions',
+    key: 'actions',
-  // },
+  },
 ]
 
 const resolveStatusVariant = status => {
@@ -188,7 +188,7 @@ onMounted(() => {
           <VRow>
        
           <VCol cols="12" md="8" class="d-flex align-center">
-          <VBtn color="primary" prepend-icon="ri-add-line" @click="addDialog = true" style="display: none;">
+          <VBtn color="primary" prepend-icon="ri-add-line" @click="addDialog = true">
             New Lab Kit
           </VBtn>
           </VCol>

resources/js/pages/patients/PatienTabOverview.vue

@@ -42,12 +42,12 @@ const refVForm = ref(null);
 // Headers
 const headers = [
   // { title: 'Appointment Id', key: 'id' },
-  { title: 'Provider', key: 'provider_name' },
+  { title: 'Patient', key: 'patient_name' },
-  { key: 'appointment_date', sortable: false, title: 'Date' },
+  // { key: 'appointment_date', sortable: false, title: 'Date' },
-  //{ key: 'start_time', title: 'Start Time' },
+  { key: 'start_time', title: 'Start Time' },
- // { key: 'end_time', title: 'End Time' },
+  { key: 'end_time', title: 'End Time' },
-  //{ key: 'duration', title: 'Duration' },
+  { key: 'duration', title: 'Duration' },
-  //{ title: 'ACTIONS', key: 'actions' },
+  { title: 'ACTIONS', key: 'actions' },
 ];
 
 
@@ -93,7 +93,7 @@ const getPatientMeetingList = async () => {
  
   patientMeetingList.value = list.map(history => ({
     ...history,
-      appointment_date: formatDate(history.appointment_date+' '+history.appointment_time),
+    appointment_date: formatDate(history.appointment_date),
     start_time: formatDate(history.start_time),
     end_time: formatDate(history.end_time),
     duration: totalCallDuration(history.start_time, history.end_time),

resources/js/pages/patients/PatientBioPanel.vue

@@ -62,11 +62,6 @@ const resolveUserRoleVariant = role => {
     icon: 'ri-user-line',
   }
 }
- const firstThreeLines = computed(() => {
-      const lines = props.userData.plans.list_two_title.split(',')
-      return lines.slice(0, 3)
-    })
-
 </script>
 
 <template>
@@ -142,12 +137,33 @@ const resolveUserRoleVariant = role => {
                 <span class="font-weight-medium">
                   Address:
                 </span>
-                <span class="text-body-1">{{ props.userData.patient.address }} 
+                <span class="text-body-1">{{ props.userData.patient.address }}</span>
-                <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ props.userData.patient.city }},{{ props.userData.patient.state }} {{ props.userData.patient.zip_code }}</span>
+              </VListItemTitle>
+            </VListItem>
+            <VListItem>
+              <VListItemTitle class="text-sm">
+                <span class="font-weight-medium">
+                  City:
+                </span>
+                <span class="text-body-1">{{ props.userData.patient.city }}</span>
+              </VListItemTitle>
+            </VListItem>
+            <VListItem>
+              <VListItemTitle class="text-sm">
+                <span class="font-weight-medium">
+                  State:
+                </span>
+                <span class="text-body-1">{{ props.userData.patient.state }}</span>
+              </VListItemTitle>
+            </VListItem>
+            <VListItem>
+              <VListItemTitle class="text-sm">
+                <span class="font-weight-medium">
+                  Zip:
+                </span>
+                <span class="text-body-1">{{ props.userData.patient.zip_code }}</span>
               </VListItemTitle>
             </VListItem>
-            
-         
             
 
             
@@ -259,10 +275,7 @@ const resolveUserRoleVariant = role => {
                   icon="ri-circle-fill"
                 />
                 <div class="text-medium-emphasis">
-                <span v-for="(line, index) in firstThreeLines" :key="index">
+                  {{ props.userData.plans.list_two_title }}
-                  {{ line }}
-                  <br v-if="index !== firstThreeLines.length - 1" />
-                </span>
                 </div>
               </div>
             </VListItem>

resources/js/pages/providers/ProviderBioPanel.vue

@@ -131,13 +131,33 @@ const resolveUserRoleVariant = role => {
                 <span class="font-weight-medium">
                   Address:
                 </span>
-                <span class="text-body-1">{{ props.userData.telemed.home_address }} 
+                <span class="text-body-1">{{ props.userData.telemed.home_address }}</span>
-                <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ props.userData.telemed.city }},{{ props.userData.telemed.state }} {{ props.userData.telemed.zip_code }}</span>
+              </VListItemTitle>
+            </VListItem>
+            <VListItem>
+              <VListItemTitle class="text-sm">
+                <span class="font-weight-medium">
+                  City:
+                </span>
+                <span class="text-body-1">{{ props.userData.telemed.city }}</span>
+              </VListItemTitle>
+            </VListItem>
+            <VListItem>
+              <VListItemTitle class="text-sm">
+                <span class="font-weight-medium">
+                  State:
+                </span>
+                <span class="text-body-1">{{ props.userData.telemed.state }}</span>
+              </VListItemTitle>
+            </VListItem>
+            <VListItem>
+              <VListItemTitle class="text-sm">
+                <span class="font-weight-medium">
+                  Zip:
+                </span>
+                <span class="text-body-1">{{ props.userData.telemed.zip_code }}</span>
               </VListItemTitle>
             </VListItem>
-            
-           
-