Skip to content

Commit

Permalink
Merge branch 'prod'
Browse files Browse the repository at this point in the history
  • Loading branch information
cagataycivici committed Jun 19, 2023
2 parents 264f694 + 638b1a8 commit 6e414f9
Show file tree
Hide file tree
Showing 5 changed files with 120 additions and 45 deletions.
6 changes: 3 additions & 3 deletions src/app/showcase/data/news.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"id": 55,
"content": "Summer Sale - Up to 50% Off at PrimeStore",
"linkText": "Buy Now",
"id": 56,
"content": "PrimeNG v16.0.1 is out now!",
"linkText": "Learn More",
"linkHref": "https://www.primefaces.org/store",
"backgroundStyle": "background-color:#3B82F6",
"textStyle": "color:#ffffff;font-weight:500",
Expand Down
141 changes: 112 additions & 29 deletions src/app/showcase/pages/lts/lts.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -41,74 +41,66 @@
<tbody>
<tr class="text-lg text-800">
<td class="p-2">
<p-tag value="v15" styleClass="text-lg px-3"></p-tag>
<p-tag value="v16" styleClass="text-lg px-3"></p-tag>
</td>
<td class="p-2">
Active
</td>
<td class="p-2">
After v16 release
After v17 release
</td>
<td class="p-2">
After v18 release
After v19 release
</td>
</tr>
<tr class="text-lg text-800">
<td class="p-2">
<p-tag value="v14" styleClass="text-lg px-3" severity="success"></p-tag>
<p-tag value="v15" styleClass="text-lg px-3" severity="success"></p-tag>
</td>
<td class="p-2">
LTS
</td>
<td class="p-2">
After v15 release
After v16 release
</td>
<td class="p-2">
After v17 release
After v18 release
</td>
</tr>
<tr class="text-lg text-800">
<td class="p-2">
<p-tag value="v13" styleClass="text-lg px-3" severity="success"></p-tag>
<p-tag value="v14" styleClass="text-lg px-3" severity="success"></p-tag>
</td>
<td class="p-2">
LTS
</td>
<td class="p-2">
After v14 release
After v15 release
</td>
<td class="p-2">
After v16 release
After v17 release
</td>
</tr>
<tr class="text-lg text-800">
<td class="p-2">
<p-tag value="v12" styleClass="text-lg px-3" severity="danger"></p-tag>
<p-tag value="v13" styleClass="text-lg px-3" severity="danger"></p-tag>
</td>
<td class="p-2">
Out of Support
</td>
<td class="p-2">
After v13 release
After v14 release
</td>
<td class="p-2">
After v15 release
After v16 release
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="card mb-5">
<div class="flex flex-wrap align-items-start justify-content-between gap-3 mb-5">
<div class="flex flex-column align-items-start gap-2">
<span class="text-2xl text-900 font-semibold">LTS License</span>
<a href="https://www.primefaces.org/lts/licenses/" class="text-primary-500 no-underline hover:underline font-semibold">View License Details</a>
</div>
<a href="https://www.primefaces.org/store/lts.xhtml" class="flex align-items-center justify-content-center border-1 bg-primary border-round block p-3 mb-4 hover:bg-primary-600 transition-all transition-duration-300 text-white font-medium text-lg">
Buy Now | $990 for 1 Year
</a>
</div>
<div class="text-2xl text-900 font-semibold mb-5">LTS License</div>

<div class="flex flex-column md:flex-row gap-5">
<div class="flex-1">
Expand All @@ -134,10 +126,95 @@
</div>
</div>
</div>
<div class="card mb-5">
<div class="text-900 font-bold text-5xl mb-4 text-center">Pricing</div>
<div class="mb-2 text-center line-height-3 text-lg">Choose the right plan for your business.</div>
<a href="https://www.primefaces.org/lts/licenses" class="mb-6 text-primary-500 no-underline hover:underline text-center block font-semibold">View License Details</a>

<div class="grid">
<div class="col-12 lg:col-6">
<div class="p-3 h-full">
<div class="shadow-2 p-5 h-full flex flex-column surface-card" style="border-radius: 6px">
<div class="text-900 font-medium text-xl mb-2">Basic License</div>
<div class="text-600 font-medium">Annual</div>
<hr class="my-3 mx-0 border-top-1 border-none surface-border" />
<div class="flex gap-3 flex-wrap">
<span class="text-2xl font-bold text-900">$249</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">
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle text-green-500 mr-2"></i>
<span class="font-bold">Expires After 1 Year</span>
</li>
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle text-green-500 mr-2"></i>
<span>Warning Message at Runtime After Expiry</span>
</li>
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle text-green-500 mr-2"></i>
<span>Eligible for <strong>1 Major Version</strong></span>
</li>
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle text-green-500 mr-2"></i>
<span>Unlimited Developers</span>
</li>
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle text-green-500 mr-2"></i>
<span>Unlimited Projects</span>
</li>
</ul>
<hr class="mb-3 mx-0 border-top-1 border-none surface-border mt-auto" />
<a href="https://www.primefaces.org/store/uikit.xhtml" pRipple class="bg-blue-500 text-white hover:bg-blue-400 p-3 w-full border-round text-center transition-colors transition-duration-300 font-bold">Buy Now</a>
</div>
</div>
</div>

<div class="col-12 lg:col-6">
<div class="p-3 h-full">
<div class="shadow-2 p-5 h-full flex flex-column surface-card" style="border-radius: 6px">
<div class="text-900 font-medium text-xl mb-2">Extended License</div>
<div class="text-600 font-medium">Perpetual</div>
<hr class="my-3 mx-0 border-top-1 border-none surface-border" />
<div class="flex gap-3 flex-wrap">
<div class="flex gap-3 flex-wrap">
<span class="text-2xl font-bold text-900">$990</span>
</div>
</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">
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle text-green-500 mr-2"></i>
<span class="font-bold">No Expiry</span>
</li>
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle text-green-500 mr-2"></i>
<span>No Warning Message at Runtime</span>
</li>
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle text-green-500 mr-2"></i>
<span>Eligible for <strong>1 Major Version</strong></span>
</li>
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle text-green-500 mr-2"></i>
<span>Unlimited Developers</span>
</li>
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle text-green-500 mr-2"></i>
<span>Unlimited Projects</span>
</li>
</ul>
<hr class="mb-3 mx-0 border-top-1 border-none surface-border" />
<a href="https://www.primefaces.org/store/uikit.xhtml" pRipple class="bg-purple-500 text-white hover:bg-purple-400 p-3 w-full border-round text-center transition-colors transition-duration-300 font-bold">Buy Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="card mb-5">
<div class="text-2xl text-900 font-semibold mb-3">Usage</div>
<p class="m-0 line-height-3 mb-5 text-secondary text-lg text-800">
LTS versions require a license key and a pass key to be verified at your main app component or main.ts. The keys would be available at <a href="https://www.primefaces.org/store/lts.xhtml" class="font-semibold text-primary-500 no-underline hover:underline">PrimeStore</a> under LTS Licenses section.
LTS versions require a license key and a pass key to be verified at your main app component or main.ts before bootstrap process. The keys would be available at <a href="https://www.primefaces.org/store/lts.xhtml" class="font-semibold text-primary-500 no-underline hover:underline">PrimeStore</a> under LTS Licenses section.
</p>
<app-code [code]="code" [hideToggleCode]="true"></app-code>
</div>
Expand All @@ -149,20 +226,26 @@
<p class="mt-0 mb-5 p-0 line-height-3 text-800">No, all releases of the latest PrimeNG version are free to use under MIT License until a new major version comes which happens every 6 months.</p>

<div class="text-900 line-height-3 mb-2 font-medium">How long is the duration of the LTS license?</div>
<p class="mt-0 mb-5 p-0 line-height-3 text-800">Duration is 1 year.</p>
<p class="mt-0 mb-5 p-0 line-height-3 text-800">Duration is 1 year for Basic License, for Extended License there is no limit.</p>

<div class="text-900 line-height-3 mb-2 font-medium">What happens after the license duration ends? </div>
<p class="mt-0 mb-5 p-0 line-height-3 text-800">A message will be displayed at the application screen and license needs to be renewed at PrimeStore.</p>
<div class="text-900 line-height-3 mb-2 font-medium">What happens after the license duration ends?</div>
<p class="mt-0 mb-5 p-0 line-height-3 text-800">A message will be displayed at the application screen and license needs to be renewed at PrimeStore. This only applies to Basic License as Extended License has no time limit.</p>

<div class="text-900 line-height-3 mb-2 font-medium">Does the license renew automatically?</div>
<p class="mt-0 mb-5 p-0 line-height-3 text-800">No, renewal should be done manually at PrimeStore.</p>
<div class="text-900 line-height-3 mb-2 font-medium">Is a license bound to a specific major version?</div>
<p class="mt-0 mb-5 p-0 line-height-3 text-800">Yes, a license key is tied to the major version such as 15 and same license key cannot be used on another major version like 14.</p>

<div class="text-900 line-height-3 mb-2 font-medium">How can I assign my license to a version?</div>
<p class="mt-0 mb-5 p-0 line-height-3 text-800">At PrimeStore, there is an "Assign" feature that activates your license by selecting a version.</p>
</div>
<div class="w-full lg:w-4 p-5">
<div class="text-900 line-height-3 mb-2 font-medium">Does the license renew automatically?</div>
<p class="mt-0 mb-5 p-0 line-height-3 text-800">No, renewal should be done manually at PrimeStore.</p>

<div class="text-900 line-height-3 mb-2 font-medium">How are LTS and Community versions differentiated at NPM?</div>
<p class="mt-0 mb-5 p-0 line-height-3 text-800">LTS releases have <span class="font-bold">-lts</span> suffix such as <span class="font-bold">14.2.4-lts</span>.</p>

<div class="text-900 line-height-3 mb-2 font-medium">Is the license per organization, per developer or per cpu/server?</div>
<p class="mt-0 mb-5 p-0 line-height-3 text-800">LTS license is per organization, there is no limit on the number of developers or hardware.</p>
<p class="mt-0 mb-5 p-0 line-height-3 text-800">LTS license is per organization, there is no limit on the number of developers, projects or hardware.</p>

<div class="text-900 line-height-3 mb-2 font-medium">Can subsidiary companies share the license of a parent company?</div>
<p class="mt-0 mb-5 p-0 line-height-3 text-800">No, license owner needs to be a separate entity as a result each company requires a separate license.</p>
Expand All @@ -175,7 +258,7 @@
<p class="mt-0 mb-5 p-0 line-height-3 text-800">No, this means violation of the license as keys cannot be shared.</p>

<div class="text-900 line-height-3 mb-2 font-medium">Does PRO provide access to the LTS releases?</div>
<p class="mt-0 mb-5 p-0 line-height-3 text-800">Yes, PRO users are granted licenses to access LTS releases at no extra cost.</p>
<p class="mt-0 mb-5 p-0 line-height-3 text-800">Yes, PRO users are granted a basic license.</p>

<div class="text-900 line-height-3 mb-2 font-medium">What is the difference between LTS and PRO?</div>
<p class="mt-0 p-0 line-height-3 text-800">PrimeNG PRO is a premium support service delivered via an exclusive JIRA instance where support engineers of PrimeTek provide assistance within 1 business day to the raised tickets. LTS on the other hand provides a license to utilize the long term support versions.</p>
Expand Down
2 changes: 2 additions & 0 deletions src/app/showcase/pages/lts/lts.component.ts
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,9 @@ import { LicenseManager } from 'primeng/api';
templateUrl: './app.component.html'
})
export class AppComponent {
LicenseManager.verify('LICENSE_KEY', 'PASS_KEY');
}`
};
}
10 changes: 1 addition & 9 deletions src/app/showcase/pages/support/support.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -83,15 +83,7 @@
</li>
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle mr-3 text-green-500"></i>
<span class="line-height-3">Visual Theme Builder (Soon)</span>
</li>
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle mr-3 text-green-500"></i>
<span class="line-height-3">Figma to Theme Generator (Soon)</span>
</li>
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle mr-3 text-green-500"></i>
<span class="line-height-3">PrimeIcons PRO - (Soon)</span>
<span class="line-height-3">Basic LTS License</span>
</li>
</ul>
</div>
Expand Down
6 changes: 2 additions & 4 deletions src/app/showcase/pages/uikit/uikit.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -114,8 +114,7 @@
<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 gap-3 flex-wrap">
<span class="text-2xl font-bold text-600 line-through">$99</span>
<span class="text-2xl font-bold text-900">$49</span>
<span class="text-2xl font-bold text-900">$99</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">
Expand Down Expand Up @@ -154,8 +153,7 @@
<hr class="my-3 mx-0 border-top-1 border-none surface-border" />
<div class="flex gap-3 flex-wrap">
<div class="flex gap-3 flex-wrap">
<span class="text-2xl font-bold text-600 line-through">$249</span>
<span class="text-2xl font-bold text-900">$149</span>
<span class="text-2xl font-bold text-900">$249</span>
</div>
</div>
<hr class="my-3 mx-0 border-top-1 border-none surface-border" />
Expand Down

1 comment on commit 6e414f9

@vercel
Copy link

@vercel vercel bot commented on 6e414f9 Jun 19, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.