Enabled discount

pull/6161/head^2
Cagatay Civici 2024-08-21 11:54:48 +03:00
parent 0efac060bd
commit f4c0ac4939
11 changed files with 33 additions and 31 deletions

View File

@ -1,6 +1,6 @@
{ {
"id": 64, "id": 65,
"content": "Sakai Template v4 is out!", "content": "Summer Sale: Up to 50% Off 🛍️",
"linkText": "View Demo", "linkText": "Visit Store",
"linkHref": "https://sakai.primevue.org" "linkHref": "https://primefaces.org/store"
} }

View File

@ -6,7 +6,7 @@
<div class="flex-1 border border-surface rounded-xl lg:rounded-2xl p-6 min-w-80"> <div class="flex-1 border border-surface rounded-xl lg:rounded-2xl p-6 min-w-80">
<span class="text-surface-600 dark:text-surface-400 font-semibold">{{ detail.title }}</span> <span class="text-surface-600 dark:text-surface-400 font-semibold">{{ detail.title }}</span>
<div class="text-surface-900 dark:text-surface-0 text-4xl font-semibold mt-4 mb-5"> <div class="text-surface-900 dark:text-surface-0 text-4xl font-semibold mt-4 mb-5">
<span :class="{ 'text-surface-600 dark:text-surface-400 line-through mr-4': license.showDiscount }">{{ detail.price }}</span> <span :class="{ 'text-muted-color line-through mr-4': license.showDiscount }">{{ detail.price }}</span>
<span v-if="license.showDiscount">{{ detail.discount }}</span> <span v-if="license.showDiscount">{{ detail.discount }}</span>
</div> </div>
<div class="flex flex-col gap-2 mb-5"> <div class="flex flex-col gap-2 mb-5">

View File

@ -43,18 +43,18 @@ export default {
license: { license: {
documentLink: 'https://apollo.primevue.org/documentation/', 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.', 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, showDiscount: true,
licenseDetails: [ licenseDetails: [
{ {
title: 'Basic License', title: 'Basic License',
price: '$59', price: '$59',
discount: '', discount: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates'] included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
}, },
{ {
title: 'Extended License', title: 'Extended License',
price: '$590', price: '$590',
discount: '', discount: '$390',
included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates'] included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
} }
] ]

View File

@ -42,18 +42,18 @@ export default {
license: { license: {
documentLink: 'https://atlantis.primevue.org/documentation', 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.', 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, showDiscount: true,
licenseDetails: [ licenseDetails: [
{ {
title: 'Basic License', title: 'Basic License',
price: '$59', price: '$59',
discount: '', discount: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates'] included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
}, },
{ {
title: 'Extended License', title: 'Extended License',
price: '$590', price: '$590',
discount: '', discount: '$390',
included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates'] included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
} }
] ]

View File

@ -44,17 +44,17 @@ export default {
license: { license: {
documentLink: 'https://avalon.primevue.org/documentation', 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.', 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, showDiscount: true,
licenseDetails: [ licenseDetails: [
{ {
title: 'Basic License', title: 'Basic License',
price: '$49', price: '$29',
discount: '', discount: '',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates'] included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
}, },
{ {
title: 'Extended License', title: 'Extended License',
price: '$490', price: '$290',
discount: '', discount: '',
included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates'] included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
} }

View File

@ -43,18 +43,18 @@ export default {
license: { license: {
documentLink: 'https://diamond.primevue.org/documentation/', 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.', 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, showDiscount: true,
licenseDetails: [ licenseDetails: [
{ {
title: 'Basic License', title: 'Basic License',
price: '$59', price: '$59',
discount: '', discount: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates'] included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
}, },
{ {
title: 'Extended License', title: 'Extended License',
price: '$590', price: '$590',
discount: '', discount: '$390',
included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates'] included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
} }
] ]

View File

@ -43,18 +43,18 @@ export default {
license: { license: {
documentLink: 'https://freya.primevue.org/documentation', 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.', 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, showDiscount: true,
licenseDetails: [ licenseDetails: [
{ {
title: 'Basic License', title: 'Basic License',
price: '$59', price: '$59',
discount: '', discount: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates'] included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
}, },
{ {
title: 'Extended License', title: 'Extended License',
price: '$590', price: '$590',
discount: '', discount: '$390',
included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates'] included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
} }
] ]

View File

@ -43,18 +43,18 @@ export default {
license: { license: {
documentLink: 'https://poseidon.primevue.org/documentation/', 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.', 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, showDiscount: true,
licenseDetails: [ licenseDetails: [
{ {
title: 'Basic License', title: 'Basic License',
price: '$59', price: '$59',
discount: '', discount: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates'] included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
}, },
{ {
title: 'Extended License', title: 'Extended License',
price: '$590', price: '$590',
discount: '', discount: '$390',
included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates'] included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
} }
] ]

View File

@ -44,18 +44,18 @@ export default {
license: { license: {
documentLink: 'https://ultima.primevue.org/documentation/', 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.', 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, showDiscount: true,
licenseDetails: [ licenseDetails: [
{ {
title: 'Basic License', title: 'Basic License',
price: '$59', price: '$59',
discount: '', discount: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates'] included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
}, },
{ {
title: 'Extended License', title: 'Extended License',
price: '$590', price: '$590',
discount: '', discount: '$390',
included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates'] included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
} }
] ]

View File

@ -43,18 +43,18 @@ export default {
license: { license: {
documentLink: 'https://verona.primevue.org/documentation', 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.', 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, showDiscount: true,
licenseDetails: [ licenseDetails: [
{ {
title: 'Basic License', title: 'Basic License',
price: '$49', price: '$49',
discount: '', discount: '$29',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates'] included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
}, },
{ {
title: 'Extended License', title: 'Extended License',
price: '$490', price: '$490',
discount: '', discount: '290',
included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates'] included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
} }
] ]

View File

@ -159,7 +159,8 @@
<div class="text-surface-500 dark:text-surface-400 font-medium">For individual designers</div> <div class="text-surface-500 dark:text-surface-400 font-medium">For individual designers</div>
<hr class="my-4 mx-0 border-t border-0 border-surface-200 dark:border-surface-700" /> <hr class="my-4 mx-0 border-t border-0 border-surface-200 dark:border-surface-700" />
<div class="flex flex-wrap gap-4"> <div class="flex flex-wrap gap-4">
<span class="text-2xl font-bold">$99</span> <span class="text-2xl text-muted-color line-through">$99</span>
<span class="text-2xl font-bold">$49</span>
</div> </div>
<hr class="my-4 mx-0 border-t border-0 border-surface-200 dark:border-surface-700" /> <hr class="my-4 mx-0 border-t border-0 border-surface-200 dark:border-surface-700" />
<ul class="list-none p-0 m-0 grow text-lg"> <ul class="list-none p-0 m-0 grow text-lg">
@ -201,7 +202,8 @@
<div class="text-surface-500 dark:text-surface-400 font-medium">For small teams</div> <div class="text-surface-500 dark:text-surface-400 font-medium">For small teams</div>
<hr class="my-4 mx-0 border-t border-0 border-surface-200 dark:border-surface-700" /> <hr class="my-4 mx-0 border-t border-0 border-surface-200 dark:border-surface-700" />
<div class="flex flex-wrap gap-4"> <div class="flex flex-wrap gap-4">
<span class="text-2xl font-bold">$249</span> <span class="text-2xl text-muted-color line-through">$249</span>
<span class="text-2xl font-bold">$149</span>
</div> </div>
<hr class="my-4 mx-0 border-t border-0 border-surface-200 dark:border-surface-700" /> <hr class="my-4 mx-0 border-t border-0 border-surface-200 dark:border-surface-700" />
<ul class="list-none p-0 m-0 grow text-lg"> <ul class="list-none p-0 m-0 grow text-lg">