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

initial commit

Browse Source
This commit is contained in:
Inshal
2024-10-25 01:05:27 +05:00
commit 94cd8a1dc9
1710 changed files with 273609 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
resources/js/@core/components/cards/CardStatisticsHorizontal.vue Normal file
View File

@@ -0,0 +1,62 @@
<script setup>
import { kFormatter } from '@core/utils/formatters'
const props = defineProps({
title: {
type: String,
required: true,
},
color: {
type: String,
required: false,
default: 'primary',
},
icon: {
type: String,
required: true,
},
stats: {
type: Number,
required: true,
},
change: {
type: Number,
required: true,
},
})
const isPositive = controlledComputed(() => props.change, () => Math.sign(props.change) === 1)
</script>
<template>
<VCard>
<VCardText class="d-flex align-center">
<VAvatar
size="44"
rounded
:color="props.color"
variant="tonal"
class="me-4"
>
<VIcon
:icon="props.icon"
size="30"
/>
</VAvatar>
<div>
<span class="text-caption">{{ props.title }}</span>
<div class="d-flex align-center flex-wrap">
<span class="text-h6 font-weight-semibold">{{ kFormatter(props.stats) }}</span>
<div
v-if="props.change"
:class="`${isPositive ? 'text-success' : 'text-error'} mt-1`"
>
<VIcon :icon="isPositive ? 'bx-chevron-up' : 'bx-chevron-down'" />
<span class="text-caption font-weight-semibold">{{ Math.abs(props.change) }}%</span>
</div>
</div>
</div>
</VCardText>
</VCard>
</template>

95
resources/js/@core/components/cards/CardStatisticsVertical.vue Normal file
View File

@@ -0,0 +1,95 @@
<script setup>
const props = defineProps({
title: {
type: String,
required: true,
},
image: {
type: String,
required: true,
},
content: {
type: String,
required: true,
},
subcontent: {
type: String,
required: true,
},
change: {
type: Number,
required: true,
},
})
const isPositive = controlledComputed(() => props.change, () => Math.sign(props.change) === 1)
</script>
<template>
<VCard>
<VCardText class="d-flex align-center" style="padding: 0;">
<img width="100%" :src="props.image" alt="image">
</VCardText>
<VCardText>
<p class="mb-1 mt-3">
{{ props.title }}
</p>
<p class="mb-1">
<b>{{ props.content }}</b>
</p>
</VCardText>
<VCardText class="bg-secondary">
<p class="mb-1 pt-2">
Introducing FemExcelle Hormone Replacement Therapy (HRT) for women, now live! Explore our new "refer and earn"
initiative: Refer a woman to FemExcelle, and she'll enjoy a 75% discount on the initial cost. Plus, for each
referral, you'll receive a $79 credit towards your HGH account. Simply click and share the link below to
begin referring today. Visit FemExcelle for more details
</p>
</VCardText>
</VCard>
<VCard class="mt-2">
<VCardText class="d-flex align-center" style="padding: 0;">
<img width="100%" :src="props.image" alt="image">
</VCardText>
<VCardText>
<p class="mb-1 mt-3">
<b>Recommend a Friend for Hormone Replacement Therapy Transform a Life</b>
</p>
<p class="mb-1 mt-2">
They'll receive a $70 discount on their initial purchase, and you'll receive all the gratitude!
</p>
<p class="mt-2 mb-0">
<RouterLink to="/overview">
<VBtn class="text-capitalize">Recommend a Friend</VBtn>
</RouterLink>
</p>
</VCardText>
</VCard>
<VCard class="mt-2">
<VCardText class="d-flex align-center" style="padding: 0;">
<img width="100%" :src="props.image" alt="image">
</VCardText>
<VCardText>
<p class="mb-1 mt-3">
<b>Regain Control of Your Life with Erectile Dysfunction Treatment</b>
</p>
<p class="mb-1 mt-2">
Choices crafted to ensure men are prepared when the moment arrives.
</p>
<p>
Now providing treatment in every state across the nation, we are thrilled to assist individuals in reclaiming
their lives! Begin your journey today by completing our complimentary hormone assessment.
</p>
<p class="mt-2 mb-0">
<RouterLink to="/overview">
<VBtn class="text-capitalize"> Read More</VBtn>
</RouterLink>
</p>
</VCardText>
</VCard>
</template>

80
resources/js/@core/components/cards/CardStatisticsWithImages.vue Normal file
View File

@@ -0,0 +1,80 @@
<script setup>
const props = defineProps({
title: {
type: String,
required: true,
},
subtitle: {
type: String,
required: true,
},
stats: {
type: String,
required: true,
},
change: {
type: Number,
required: true,
},
image: {
type: String,
required: true,
},
color: {
type: String,
required: false,
default: 'primary',
},
})
const isPositive = controlledComputed(() => props.change, () => Math.sign(props.change) === 1)
</script>
<template>
<VCard class="overflow-visible">
<div class="d-flex position-relative">
<VCardText>
<h6 class="text-base font-weight-semibold mb-4">
{{ props.title }}
</h6>
<div class="d-flex align-center flex-wrap mb-4">
<h5 class="text-h5 font-weight-semibold me-2">
{{ props.stats }}
</h5>
<span
class="text-caption"
:class="isPositive ? 'text-success' : 'text-error'"
>
{{ isPositive ? `+${props.change}` : props.change }}%
</span>
</div>
<VChip
v-if="props.subtitle"
size="small"
:color="props.color"
>
{{ props.subtitle }}
</VChip>
</VCardText>
<VSpacer />
<div class="illustrator-img">
<VImg
v-if="props.image"
:src="props.image"
:width="110"
/>
</div>
</div>
</VCard>
</template>
<style lang="scss">
.illustrator-img {
position: absolute;
inset-block-end: 0;
inset-inline-end: 5%;
}
</style>