first commit

resources/js/pages/dashboards/analytics.vue

@@ -0,0 +1,131 @@
+<script setup>
+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"
+      md="4"
+    >
+      <AnalyticsAward />
+    </VCol>
+
+    <VCol
+      cols="12"
+      md="8"
+    >
+      <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"
+    >
+      <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"
+    >
+      <AnalyticsPerformance />
+    </VCol>
+
+    <VCol
+      cols="12"
+      md="8"
+    >
+      <AnalyticsDepositWithdraw />
+    </VCol>
+
+    <VCol
+      cols="12"
+      md="4"
+    >
+      <AnalyticsSalesByCountries />
+    </VCol>
+
+    <VCol
+      cols="12"
+      md="8"
+    >
+      <AnalyticsUserTable />
+    </VCol>
+  </VRow>
+</template>
+
+<style lang="scss">
+@use "@core-scss/template/libs/apex-chart.scss";
+</style>