From 1342de520d0365136e31e800df371d50146f5945 Mon Sep 17 00:00:00 2001
From: Muhammad Shahzad <shahzadm287@gmail.com>
Date: Wed, 5 Jun 2024 22:58:34 +0500
Subject: [PATCH] fixes

---
 .../js/pages/apps/logistics/dashboard.vue     | 114 +++++++++++++++---
 .../js/pages/pages/patient-meetings/notes.vue | 105 +++++++++++-----
 .../pages/patient-meetings/prescription.vue   |  17 +++
 resources/js/pages/patients/meetings.vue      |   2 +-
 .../js/plugins/1.router/additional-routes.js  |   2 +-
 5 files changed, 191 insertions(+), 49 deletions(-)

diff --git a/resources/js/pages/apps/logistics/dashboard.vue b/resources/js/pages/apps/logistics/dashboard.vue
index 84dd006..d5a3728 100644
--- a/resources/js/pages/apps/logistics/dashboard.vue
+++ b/resources/js/pages/apps/logistics/dashboard.vue
@@ -1,55 +1,131 @@
 <script setup>
-import LogisticsCardStatistics from '@/views/apps/logistics/LogisticsCardStatistics.vue'
-import LogisticsDeliveryExpectations from '@/views/apps/logistics/LogisticsDeliveryExpectations.vue'
-import LogisticsDeliveryPerformance from '@/views/apps/logistics/LogisticsDeliveryPerformance.vue'
-import LogisticsOrderByCountries from '@/views/apps/logistics/LogisticsOrderByCountries.vue'
-import LogisticsOverviewTable from '@/views/apps/logistics/LogisticsOverviewTable.vue'
-import LogisticsShipmentStatistics from '@/views/apps/logistics/LogisticsShipmentStatistics.vue'
-import LogisticsVehicleOverview from '@/views/apps/logistics/LogisticsVehicleOverview.vue'
+import AnalyticsAward from '@/views/dashboards/analytics/AnalyticsAward.vue'
+import AnalyticsDepositWithdraw from '@/views/dashboards/analytics/AnalyticsDepositWithdraw.vue'
+import AnalyticsPerformance from '@/views/dashboards/analytics/AnalyticsPerformance.vue'
+import AnalyticsSalesByCountries from '@/views/dashboards/analytics/AnalyticsSalesByCountries.vue'
+import AnalyticsSessionBarCharts from '@/views/dashboards/analytics/AnalyticsSessionsBarCharts.vue'
+import AnalyticsTotalEarning from '@/views/dashboards/analytics/AnalyticsTotalEarning.vue'
+import AnalyticsTotalProfit from '@/views/dashboards/analytics/AnalyticsTotalProfit.vue'
+import AnalyticsTransactions from '@/views/dashboards/analytics/AnalyticsTransactions.vue'
+import AnalyticsUserTable from '@/views/dashboards/analytics/AnalyticsUserTable.vue'
+import AnalyticsWeeklyOverview from '@/views/dashboards/analytics/AnalyticsWeeklyOverview.vue'
+
+const totalProfit = {
+  title: 'Total Profit',
+  color: 'secondary',
+  icon: 'ri-pie-chart-2-line',
+  stats: '$25.6k',
+  change: 42,
+  subtitle: 'Weekly Project',
+}
+
+const newProject = {
+  title: 'New Project',
+  color: 'primary',
+  icon: 'ri-file-word-2-line',
+  stats: '862',
+  change: -18,
+  subtitle: 'Yearly Project',
+}
 </script>
 
 <template>
   <VRow class="match-height">
-    <VCol cols="12">
-      <LogisticsCardStatistics />
-    </VCol>
     <VCol
       cols="12"
-      md="6"
+      md="4"
     >
-      <LogisticsVehicleOverview />
+      <AnalyticsAward />
     </VCol>
 
     <VCol
       cols="12"
-      md="6"
+      md="8"
     >
-      <LogisticsShipmentStatistics />
+      <AnalyticsTransactions />
+    </VCol>
+
+    <VCol
+      cols="12"
+      md="4"
+      sm="6"
+    >
+      <AnalyticsWeeklyOverview />
+    </VCol>
+
+    <VCol
+      cols="12"
+      md="4"
+      sm="6"
+    >
+      <AnalyticsTotalEarning />
     </VCol>
 
     <VCol
       cols="12"
       md="4"
     >
-      <LogisticsDeliveryPerformance />
+      <VRow class="match-height">
+        <VCol
+          cols="12"
+          sm="6"
+        >
+          <AnalyticsTotalProfit />
+        </VCol>
+
+        <VCol
+          cols="12"
+          sm="6"
+        >
+          <CardStatisticsVertical v-bind="totalProfit" />
+        </VCol>
+
+        <VCol
+          cols="12"
+          sm="6"
+        >
+          <CardStatisticsVertical v-bind="newProject" />
+        </VCol>
+
+        <VCol
+          cols="12"
+          sm="6"
+        >
+          <AnalyticsSessionBarCharts />
+        </VCol>
+      </VRow>
     </VCol>
 
     <VCol
       cols="12"
       md="4"
     >
-      <LogisticsDeliveryExpectations />
+      <AnalyticsPerformance />
+    </VCol>
+
+    <VCol
+      cols="12"
+      md="8"
+    >
+      <AnalyticsDepositWithdraw />
     </VCol>
 
     <VCol
       cols="12"
       md="4"
     >
-      <LogisticsOrderByCountries />
+      <AnalyticsSalesByCountries />
     </VCol>
 
-    <VCol cols="12">
-      <LogisticsOverviewTable />
+    <VCol
+      cols="12"
+      md="8"
+    >
+      <AnalyticsUserTable />
     </VCol>
   </VRow>
 </template>
+
+<style lang="scss">
+@use "@core-scss/template/libs/apex-chart.scss";
+</style>
diff --git a/resources/js/pages/pages/patient-meetings/notes.vue b/resources/js/pages/pages/patient-meetings/notes.vue
index 882ccc8..b3140da 100644
--- a/resources/js/pages/pages/patient-meetings/notes.vue
+++ b/resources/js/pages/pages/patient-meetings/notes.vue
@@ -58,7 +58,18 @@ const formatDateDate = (date) => {
     };
     return messageDate.toLocaleDateString('en-US', options).replace(/\//g, '-');
 };
-
+const breadcrums = [
+    {
+        title: 'Meeting',
+        disabled: false,
+        to: '/admin/patient/meetings/'+patientId,
+    },
+    {
+        title: 'Notes',
+        disabled: false,
+    }
+    
+];
 const downloadFile = (fileUrl) => {
     const link = document.createElement('a');
     link.href = fileUrl;
@@ -70,32 +81,70 @@ const downloadFile = (fileUrl) => {
 </script>
 
 <template>
-    <VCard title="Notes">
-    <VList class="pb-0" lines="two" v-if="notes.length > 0">
-        <template v-for="(p_note, index) in notes" :key="index">
-            <VListItem class="pb-0">
-                <VListItemTitle>
-                    <span class="pb-0">{{ p_note.note }}</span>
-                    <span v-if="p_note.file_url" style="font-size: 12px;float: right;">
-                        <a type="button" @click="downloadFile(p_note.file_url)">
-                            <VIcon>ri-file-download-line</VIcon>
-                        </a>
-                    </span>
-                    <p class="text-start fs-5 mb-0 pb-0 text-grey">
-                        <small>{{ p_note.doctor }}</small>
-                    </p>
-                    <p class="text-end fs-5 mb-0 pb-0 text-grey"><small>{{ p_note.date }}</small></p>
-                </VListItemTitle>
-            </VListItem>
-            <VDivider v-if="index !== notes.length - 1" />
+     <v-breadcrumbs :items="breadcrums" class="text-primary pt-0 pb-0 mb-5">
+        <template v-slot:divider style="padding-top:0px; padding-bottom:0px">
+            >
         </template>
-    </VList>
-    <template v-else>
-        <VCard>
-            <VAlert border="start" color="#003152" variant="tonal">
-                <div class="text-center">No data found</div>
-            </VAlert>
-        </VCard>
-    </template>
-    </VCard>
+    </v-breadcrumbs>
+
+  <VCard title="Notes">
+    <VCardText>
+      <VTimeline
+        side="end"
+        align="start"
+        line-inset="8"
+        truncate-line="both"
+        density="compact"
+      >
+
+        <!-- SECTION Timeline Item: Flight -->
+        <template v-for="(p_note, index) in notes" :key="index">
+            <VTimelineItem
+          dot-color="primary"
+          size="x-small"
+        >
+          <!-- 👉 Header -->
+          <div class="d-flex justify-space-between align-center gap-2 flex-wrap">
+            <span class="app-timeline-title">
+              {{p_note.note}}
+            </span>
+            <span class="app-timeline-meta">{{ p_note.date }}</span>
+            <!-- <span></span> -->
+          </div>
+
+          <!-- 👉 Content -->
+          <div class="app-timeline-text mb-1">
+            <span>{{ p_note.doctor }}</span>
+            <VIcon
+              size="20"
+              icon="tabler-arrow-right"
+              class="mx-2 flip-in-rtl"
+            />
+            <!-- <span>Heathrow Airport, London</span> -->
+          </div>
+
+          <!-- <p class="app-timeline-meta mb-2">
+            6:30 AM
+          </p> -->
+
+          <!-- <div class="app-timeline-text d-flex align-center gap-2">
+            <div>
+              <VImg
+                :src="pdf"
+                :width="22"
+              />
+            </div>
+
+            <span>booking-card.pdf</span>
+          </div> -->
+        </VTimelineItem>
+        </template>
+        
+        
+        <!-- !SECTION -->
+
+        <!-- !SECTION -->
+      </VTimeline>
+    </VCardText>
+  </VCard>
 </template>
diff --git a/resources/js/pages/pages/patient-meetings/prescription.vue b/resources/js/pages/pages/patient-meetings/prescription.vue
index 7b3921d..55e39b2 100644
--- a/resources/js/pages/pages/patient-meetings/prescription.vue
+++ b/resources/js/pages/pages/patient-meetings/prescription.vue
@@ -136,8 +136,25 @@ const close = () => {
   prescriptionIndex.value = -1
   prescriptionItem.value = { ...defaultItem.value }
 }
+const breadcrums = [
+    {
+        title: 'Meeting',
+        disabled: false,
+        to: '/admin/patient/meetings/'+patientId,
+    },
+    {
+        title: 'Prescription',
+        disabled: false,
+    }
+    
+];
 </script>
 <template>
+    <v-breadcrumbs :items="breadcrums" class="text-primary pt-0 pb-0 mb-5">
+        <template v-slot:divider style="padding-top:0px; padding-bottom:0px">
+            >
+        </template>
+    </v-breadcrumbs>
     <v-row>
     <v-col cols="12" md="12" v-if="itemsPrescriptions">
       <v-card title="Prescriptions" v-if="prescription">
diff --git a/resources/js/pages/patients/meetings.vue b/resources/js/pages/patients/meetings.vue
index c3c0cb0..f505eb5 100644
--- a/resources/js/pages/patients/meetings.vue
+++ b/resources/js/pages/patients/meetings.vue
@@ -162,7 +162,7 @@ const options = [
           >
             <template #activator="{ props }">
               
-                <i class="ri-more-2-line cursor-pointer"  v-bind="props"></i>
+                <i class="ri-more-2-line cursor-pointer" style="font-size: 32px;" v-bind="props"></i>
               
             </template>
 
diff --git a/resources/js/plugins/1.router/additional-routes.js b/resources/js/plugins/1.router/additional-routes.js
index 610da4b..aeee2ad 100644
--- a/resources/js/plugins/1.router/additional-routes.js
+++ b/resources/js/plugins/1.router/additional-routes.js
@@ -36,7 +36,7 @@ export const routes = [
   {
     path: '/admin/dashboard',
     name: 'admin-dashboard',
-    component: () => import('@/pages/dashboards/crm.vue'),
+    component: () => import('@/pages/dashboards/analytics.vue'),
   },
   {
     path: '/admin/patients',