eduvia/lms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: tooltips for number cards on statistics page

Browse Source
This commit is contained in:
Jannat Patel
2025-05-08 15:10:51 +05:30
parent e526627eb9
commit 080be7a885
1 changed files with 40 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
frontend/src/pages/Statistics.vue
View File

@@ -7,35 +7,45 @@
</header> </header>
<div v-if="chartDetails.data" class="p-5"> <div v-if="chartDetails.data" class="p-5">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-4"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-4">
<NumberChart <Tooltip :text="__('Published Courses')">
class="border rounded-md" <NumberChart
:config="{ title: 'Courses', value: chartDetails.data.courses }" class="border rounded-md"
/> :config="{ title: 'Courses', value: chartDetails.data.courses }"
<NumberChart />
class="border rounded-md" </Tooltip>
:config="{ title: 'Signups', value: chartDetails.data.users }" <Tooltip :text="__('Active Members')">
/> <NumberChart
<NumberChart class="border rounded-md"
class="border rounded-md" :config="{ title: 'Signups', value: chartDetails.data.users }"
:config="{ />
title: 'Enrollments', </Tooltip>
value: chartDetails.data.enrollments, <Tooltip :text="__('Course Enrollments')">
}" <NumberChart
/> class="border rounded-md"
<NumberChart :config="{
class="border rounded-md" title: 'Enrollments',
:config="{ value: chartDetails.data.enrollments,
title: 'Completions', }"
value: chartDetails.data.completions, />
}" </Tooltip>
/> <Tooltip :text="__('Course Completions')">
<NumberChart <NumberChart
class="border rounded-md" class="border rounded-md"
:config="{ :config="{
title: 'Certifications', title: 'Completions',
value: chartDetails.data.certifications, value: chartDetails.data.completions,
}" }"
/> />
</Tooltip>
<Tooltip :text="__('Certified Members')">
<NumberChart
class="border rounded-md"
:config="{
title: 'Certifications',
value: chartDetails.data.certifications,
}"
/>
</Tooltip>
</div> </div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4">
<div class="border rounded-md min-h-72"> <div class="border rounded-md min-h-72">
@@ -129,6 +139,7 @@ import {
createResource, createResource,
DonutChart, DonutChart,
NumberChart, NumberChart,
Tooltip,
usePageMeta, usePageMeta,
} from 'frappe-ui' } from 'frappe-ui'
import { computed } from 'vue' import { computed } from 'vue'