42 lines
1.7 KiB
Vue
42 lines
1.7 KiB
Vue
|
<template>
|
||
|
|
<div class="template-license-wrapper">
|
||
|
|
<div class="template-license">
|
||
|
|
<div class="template-license-cards">
|
||
|
|
<template v-for="(detail, index) in license.licenseDetails" :key="index">
|
||
|
|
<div class="template-license-card">
|
||
|
|
<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>
|
||
|
|
</template>
|
||
|
|
</div>
|
||
|
|
<a href="https://www.primefaces.org/layouts/licenses" target="_blank">
|
||
|
|
<button>License Details</button>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
</div>
|
||
|
|
<p class="template-license-description">{{ license.description }}</p>
|
||
|
|
<p class="template-license-visit">
|
||
|
|
Visit the
|
||
|
|
<a :href="license.documentLink" target="_blank"> official documentation </a> for more information.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
license: {
|
||
|
|
type: null,
|
||
|
|
default: null
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|