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

53
resources/js/views/pages/help-center/HelpCenterLandingArticlesOverview.vue Normal file
View File

@@ -0,0 +1,53 @@
<script setup>
const props = defineProps({
articles: {
type: Array,
required: true,
},
})
</script>
<template>
<VRow v-if="props.articles.length">
<VCol
v-for="article in props.articles"
:key="article.title"
cols="12"
md="4"
>
<VCard
flat
border
>
<VCardText class="align-center text-center d-flex flex-column gap-3">
<img
:src="article.img"
alt="svg"
height="58"
width="58"
>
<h5 class="text-h5">
{{ article.title }}
</h5>
<p class="text-body-1 mb-0">
{{ article.subtitle }}
</p>
<VBtn
size="small"
variant="tonal"
:to="{
name: 'front-pages-help-center-article-title',
params: {
title: 'how-to-add-product-in-cart',
},
}"
>
Read More
</VBtn>
</VCardText>
</VCard>
</VCol>
</VRow>
</template>

16
resources/js/views/pages/help-center/HelpCenterLandingFooter.vue Normal file
View File

@@ -0,0 +1,16 @@
<template>
<VCardText class="text-center py-4">
<h4 class="text-h4 text-center">
Still need help?
</h4>
<p class="my-4 text-body-1">
Our specialists are always happy to help.
<br>
Contact us during standard business hours or email us 24/7, and we'll get back to you.
</p>
<div class="d-flex justify-center gap-4 flex-wrap">
<VBtn>Visit our community</VBtn>
<VBtn>Contact us</VBtn>
</div>
</VCardText>
</template>

94
resources/js/views/pages/help-center/HelpCenterLandingKnowledgeBase.vue Normal file
View File

@@ -0,0 +1,94 @@
<script setup>
const props = defineProps({
categories: {
type: Array,
required: true,
},
})
</script>
<template>
<VRow>
<VCol
v-for="article in props.categories"
:key="article.title"
cols="12"
sm="6"
lg="4"
>
<VCard :title="article.title">
<template #prepend>
<VAvatar
rounded
color="primary"
variant="tonal"
size="32"
class="me-1"
>
<VIcon
:icon="article.icon"
size="20"
/>
</VAvatar>
</template>
<VCardText>
<VList class="card-list">
<VListItem
v-for="(item, index) in article.articles"
:key="index"
class="text-disabled"
>
<RouterLink
:to="{
name: 'front-pages-help-center-article-title',
params: {
title: 'how-to-add-product-in-cart',
},
}"
class="text-high-emphasis"
>
<div>{{ item.title }}</div>
</RouterLink>
<template #append>
<VIcon
icon="tabler-chevron-right"
class="flip-in-rtl"
size="20"
/>
</template>
</VListItem>
</VList>
<div class="mt-6">
<RouterLink
:to="{
name: 'front-pages-help-center-article-title',
params: {
title: 'how-to-add-product-in-cart',
},
}"
class="text-base d-flex align-center font-weight-medium d-inline-block"
>
<span class="d-inline-block">
See All Articles
</span>
<VIcon
icon="tabler-arrow-right"
size="18"
class="ms-3 flip-in-rtl"
/>
</RouterLink>
</div>
</VCardText>
</VCard>
</VCol>
</VRow>
</template>
<style lang="scss">
.card-list {
--v-card-list-gap: 0.5rem;
}
</style>