moein/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Moein Moradi
2025-08-04 16:33:07 +03:30
commit f798e8e35c
9595 changed files with 1208683 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
resources/js/views/apps/academy/AcademyCardTopCourses.vue Normal file
View File

@@ -0,0 +1,84 @@
<script setup>
const coursesData = [
{
title: 'Videography Basic Design Course',
views: '1.2k',
icon: 'tabler-brand-zoom',
color: 'primary',
},
{
title: 'Basic Front-end Development Course',
views: '834',
icon: 'tabler-code',
color: 'info',
},
{
title: 'Basic Fundamentals of Photography',
views: '3.7k',
icon: 'tabler-camera',
color: 'success',
},
{
title: 'Advance Dribble Base Visual Design',
views: '2.5k',
icon: 'tabler-brand-dribbble',
color: 'warning',
},
{
title: 'Your First Singing Lesson',
views: '948',
icon: 'tabler-microphone-2',
color: 'error',
},
]
</script>
<template>
<VCard>
<VCardItem title="Top Courses">
<template #append>
<MoreBtn />
</template>
</VCardItem>
<VCardText>
<VList class="card-list">
<VListItem
v-for="(course, index) in coursesData"
:key="index"
>
<template #prepend>
<VAvatar
rounded
variant="tonal"
:color="course.color"
>
<VIcon
:icon="course.icon"
size="24"
/>
</VAvatar>
</template>
<VListItemTitle class="me-4">
<div class="d-flex flex-column">
<h6 class="text-h6 text-truncate">
{{ course.title }}
</h6>
<div>
<VChip
variant="tonal"
color="secondary"
label
size="small"
>
{{ course.views }} Views
</VChip>
</div>
</div>
</VListItemTitle>
</VListItem>
</VList>
</VCardText>
</VCard>
</template>