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

Spring sale updates

pull/5677/head 4.0.0-beta.1
tugcekucukoglu 2024-04-29 13:31:11 +03:00
parent 684bfb6ea1
commit 07dbf58b63
11 changed files with 41 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1506,19 +1506,25 @@
border: 1px solid var(--p-surface-200);
background-color: var(--card-background);
span {
&-title {
color: var(--p-surface-900);
font-weight: 600;
line-height: 1.5rem;
}
h2 {
&-pricing {
color: var(--p-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(--p-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: true,
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: true,
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: true,
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: true,
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: true,
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: true,
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: true,
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: true,
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']
}
]

6
pages/uikit/index.vue
View File

@ -157,7 +157,8 @@
<div class="text-600 font-medium">For individual designers</div>
<hr class="my-3 mx-0 border-top-1 border-none surface-border" />
<div class="flex flex-wrap gap-3">
<span class="text-2xl font-bold text-900">$99</span>
<span class="text-2xl font-bold text-900 line-through text-color-secondary">$99</span>
<span class="text-2xl font-bold text-900">$49</span>
</div>
<hr class="my-3 mx-0 border-top-1 border-none surface-border" />
<ul class="list-none p-0 m-0 flex-grow-1 text-lg">
@ -201,7 +202,8 @@
<div class="text-600 font-medium">For small teams</div>
<hr class="my-3 mx-0 border-top-1 border-none surface-border" />
<div class="flex flex-wrap gap-3">
<span class="text-2xl font-bold text-900">$249</span>
<span class="text-2xl font-bold text-900 line-through text-color-secondary">$249</span>
<span class="text-2xl font-bold text-900">$149</span>
</div>
<hr class="my-3 mx-0 border-top-1 border-none surface-border" />
<ul class="list-none p-0 m-0 flex-grow-1 text-lg">