From aa345b66eafd7b6404d83b62af16767233b208b5 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Mon, 22 Apr 2024 10:57:06 +0300
Subject: [PATCH] Template pages discount implementation

---
 assets/styles/layout/templates/_templates.scss | 11 +++++++++--
 components/template/License.vue                |  7 +++++--
 pages/templates/apollo/index.vue               |  3 +++
 pages/templates/atlantis/index.vue             |  3 +++
 pages/templates/avalon/index.vue               |  3 +++
 pages/templates/diamond/index.vue              |  3 +++
 pages/templates/freya/index.vue                |  3 +++
 pages/templates/poseidon/index.vue             |  3 +++
 pages/templates/ultima/index.vue               |  3 +++
 pages/templates/verona/index.vue               |  3 +++
 10 files changed, 38 insertions(+), 4 deletions(-)

diff --git a/assets/styles/layout/templates/_templates.scss b/assets/styles/layout/templates/_templates.scss
index f7a3a18fd..b12a84501 100644
--- a/assets/styles/layout/templates/_templates.scss
+++ b/assets/styles/layout/templates/_templates.scss
@@ -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 {
diff --git a/components/template/License.vue b/components/template/License.vue
index 274986f7d..493e8381b 100644
--- a/components/template/License.vue
+++ b/components/template/License.vue
@@ -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>
diff --git a/pages/templates/apollo/index.vue b/pages/templates/apollo/index.vue
index 9b2fda961..dbbad5dae 100644
--- a/pages/templates/apollo/index.vue
+++ b/pages/templates/apollo/index.vue
@@ -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']
                     }
                 ]
diff --git a/pages/templates/atlantis/index.vue b/pages/templates/atlantis/index.vue
index 4af247ead..2347ef21b 100644
--- a/pages/templates/atlantis/index.vue
+++ b/pages/templates/atlantis/index.vue
@@ -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']
                     }
                 ]
diff --git a/pages/templates/avalon/index.vue b/pages/templates/avalon/index.vue
index 06ce1af7e..8b0eeb7c9 100644
--- a/pages/templates/avalon/index.vue
+++ b/pages/templates/avalon/index.vue
@@ -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']
                     }
                 ]
diff --git a/pages/templates/diamond/index.vue b/pages/templates/diamond/index.vue
index d391ef7a0..92b413719 100644
--- a/pages/templates/diamond/index.vue
+++ b/pages/templates/diamond/index.vue
@@ -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']
                     }
                 ]
diff --git a/pages/templates/freya/index.vue b/pages/templates/freya/index.vue
index 2d1c8235f..d82fee216 100644
--- a/pages/templates/freya/index.vue
+++ b/pages/templates/freya/index.vue
@@ -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']
                     }
                 ]
diff --git a/pages/templates/poseidon/index.vue b/pages/templates/poseidon/index.vue
index f8a3633c7..1c9a821ba 100644
--- a/pages/templates/poseidon/index.vue
+++ b/pages/templates/poseidon/index.vue
@@ -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']
                     }
                 ]
diff --git a/pages/templates/ultima/index.vue b/pages/templates/ultima/index.vue
index 4fe0ba99a..11f9a96b5 100644
--- a/pages/templates/ultima/index.vue
+++ b/pages/templates/ultima/index.vue
@@ -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']
                     }
                 ]
diff --git a/pages/templates/verona/index.vue b/pages/templates/verona/index.vue
index dddb12a50..3048c097d 100644
--- a/pages/templates/verona/index.vue
+++ b/pages/templates/verona/index.vue
@@ -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']
                     }
                 ]