TelemedPro/hgh_admin
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Inshal
2024-05-29 22:34:28 +05:00
commit e63fc41a20
1470 changed files with 174828 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -0,0 +1,56 @@
<script setup>
import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
const props = defineProps({
articles: {
type: Array,
required: true,
},
})
</script>
<template>
<VRow>
<VCol
v-for="article in props.articles"
:key="article.title"
cols="12"
md="4"
>
<VCard
flat
border
>
<VCardText class="text-center">
<VNodeRenderer :nodes="h('div', { class: 'help-center-article-icon', innerHTML: article.img })" />
<h5 class="text-h5 my-3">
{{ article.title }}
</h5>
<p class="clamp-text text-body-1 mb-3 mx-auto">
{{ article.subtitle }}
</p>
<VBtn
variant="outlined"
:to="{
name: 'front-pages-help-center-article-title',
params: {
title: 'how-to-add-product-in-cart',
},
}"
>
Read More
</VBtn>
</VCardText>
</VCard>
</VCol>
</VRow>
</template>
<style lang="scss">
.help-center-article-icon svg {
block-size: 58px;
inline-size: 58px;
}
</style>

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

@@ -0,0 +1,19 @@
<template>
<div
class="text-center"
style="padding-block: 6.25rem;"
>
<h4 class="text-h4 text-center mb-4">
Still need help?
</h4>
<p class="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>
</div>
</template>

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

@@ -0,0 +1,97 @@
<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>
<VCardItem class="pb-6">
<div class="d-flex align-center">
<VAvatar
rounded
color="primary"
variant="tonal"
class="me-3"
size="32"
>
<VIcon
:icon="article.icon"
size="20"
/>
</VAvatar>
<VCardTitle>{{ article.title }}</VCardTitle>
</div>
</VCardItem>
<VCardText>
<VList class="card-list">
<VListItem
v-for="(item, index) in article.articles"
:key="index"
>
<RouterLink
:to="{
name: 'front-pages-help-center-article-title',
params: {
title: 'how-to-add-product-in-cart',
},
}"
class="text-high-emphasis"
>
{{ item.title }}
</RouterLink>
<template #append>
<VIcon
icon="ri-arrow-right-s-line"
size="20"
class="text-disabled"
/>
</template>
</VListItem>
</VList>
<div class="text-base font-weight-medium mt-4 d-flex align-center gap-x-3">
<RouterLink
:to="{
name: 'front-pages-help-center-article-title',
params: {
title: 'how-to-add-product-in-cart',
},
}"
>
<div class="d-flex align-center gap-x-3">
<div>
See all {{ article.articles.length }} Articles
</div>
<VIcon
icon="ri-arrow-right-line"
size="18"
color="primary"
/>
</div>
</RouterLink>
</div>
</VCardText>
</VCard>
</VCol>
</VRow>
</template>
<style lang="scss">
.card-list {
--v-card-list-gap: 0.5rem;
}
</style>