vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Template pages discount implementation

pull/5637/head
tugcekucukoglu 2024-04-22 10:57:06 +03:00
parent 344ec64cd4
commit aa345b66ea
10 changed files with 38 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/styles/layout/templates/_templates.scss
View File

@ -1398,19 +1398,26 @@
border-radius: 1rem;
border: 1px solid var(--surface-200);
background-color: var(--surface-card);
span {
&-title {
color: var(--surface-900);
font-weight: 600;
line-height: 1.5rem;
}
h2 {
&-pricing {
color: var(--surface-900);
font-size: 2.5rem;
font-weight: 600;
line-height: 3rem;
letter-spacing: -0.025rem;
margin: 1rem 0 1.25rem;
&-discount-active {
color: var(--surface-600);
text-decoration: line-through;
margin-right: 1rem;
}
}
button {

7
components/template/License.vue
View File

@ -4,8 +4,11 @@
<div class="template-license-cards">
<template v-for="(detail, index) in license.licenseDetails" :key="index">
<div class="template-license-card">
<span>{{ detail.title }}</span>
<h2>{{ detail.price }}</h2>
<span class="template-license-card-title">{{ detail.title }}</span>
<div class="template-license-card-pricing">
<span :class="{ 'template-license-card-pricing-discount-active': license.showDiscount }">{{ detail.price }}</span>
<span v-if="license.showDiscount">{{ detail.discount }}</span>
</div>
<div class="template-license-card-included">
<template v-for="(txt, i) in detail.included" :key="`text_${i}`">
<p>{{ txt }}</p>

3
pages/templates/apollo/index.vue
View File

@ -220,15 +220,18 @@ export default {
license: {
documentLink: 'https://apollo.primevue.org/documentation/',
description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
showDiscount: false,
licenseDetails: [
{
title: 'Basic License',
price: '$59',
discount: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
},
{
title: 'Extended License',
price: '$590',
discount: '$390',
included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
}
]

3
pages/templates/atlantis/index.vue
View File

@ -208,15 +208,18 @@ export default {
license: {
documentLink: 'https://atlantis.primevue.org/documentation',
description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
showDiscount: false,
licenseDetails: [
{
title: 'Basic License',
price: '$59',
discount: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
},
{
title: 'Extended License',
price: '$590',
discount: '$390',
included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
}
]

3
pages/templates/avalon/index.vue
View File

@ -207,15 +207,18 @@ export default {
license: {
documentLink: 'https://avalon.primevue.org/documentation',
description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
showDiscount: false,
licenseDetails: [
{
title: 'Basic License',
price: '$49',
discount: '$29',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
},
{
title: 'Extended License',
price: '$490',
discount: '$290',
included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
}
]

3
pages/templates/diamond/index.vue
View File

@ -197,15 +197,18 @@ export default {
license: {
documentLink: 'https://diamond.primevue.org/documentation/',
description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
showDiscount: false,
licenseDetails: [
{
title: 'Basic License',
price: '$59',
discount: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
},
{
title: 'Extended License',
price: '$590',
discount: '$390',
included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
}
]

3
pages/templates/freya/index.vue
View File

@ -194,15 +194,18 @@ export default {
license: {
documentLink: 'https://freya.primevue.org/documentation',
description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
showDiscount: false,
licenseDetails: [
{
title: 'Basic License',
price: '$59',
discount: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
},
{
title: 'Extended License',
price: '$590',
discount: '$390',
included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
}
]

3
pages/templates/poseidon/index.vue
View File

@ -172,15 +172,18 @@ export default {
license: {
documentLink: 'https://poseidon.primevue.org/documentation/',
description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
showDiscount: false,
licenseDetails: [
{
title: 'Basic License',
price: '$59',
discount: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
},
{
title: 'Extended License',
price: '$590',
discount: '$390',
included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
}
]

3
pages/templates/ultima/index.vue
View File

@ -206,15 +206,18 @@ export default {
license: {
documentLink: 'https://ultima.primevue.org/documentation/',
description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
showDiscount: false,
licenseDetails: [
{
title: 'Basic License',
price: '$59',
discount: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
},
{
title: 'Extended License',
price: '$590',
discount: '$390',
included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
}
]

3
pages/templates/verona/index.vue
View File

@ -195,15 +195,18 @@ export default {
license: {
documentLink: 'https://verona.primevue.org/documentation',
description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
showDiscount: false,
licenseDetails: [
{
title: 'Basic License',
price: '$49',
discount: '$29',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
},
{
title: 'Extended License',
price: '$490',
discount: '$290',
included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
}
]