78 lines
3.3 KiB
HTML
78 lines
3.3 KiB
HTML
<template>
|
|
<lightning-card>
|
|
<!-- Header Row -->
|
|
<div class="slds-grid slds-p-around_small header-row">
|
|
<div class="slds-col slds-size_2-of-3 slds-p-left_small feature-header-featurename">
|
|
Feature Name
|
|
</div>
|
|
<div class="slds-col slds-size_1-of-3 slds-text-align_center slds-p-right_small feature-header-status">
|
|
Status
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Feature Rows -->
|
|
<div class="slds-p-around_none">
|
|
<template for:each={data} for:item="obj">
|
|
<div key={obj.id} class="slds-grid slds-grid_vertical-align-center feature-row">
|
|
<div class="slds-col slds-size_2-of-3 slds-p-left_small">
|
|
{obj.updateName}
|
|
</div>
|
|
<div class="slds-col slds-size_1-of-3 slds-text-align_center slds-p-right_small">
|
|
<div class="slds-grid slds-grid_vertical-align-center slds-grid_align-center modal-center-toggle">
|
|
|
|
<!-- Dummy Toggle -->
|
|
<lightning-input type="toggle" message-toggle-active="" message-toggle-inactive=""
|
|
class="model-center-toggle" checked={obj.isActive} onchange={handleToggleClick}>
|
|
</lightning-input>
|
|
|
|
<!-- Dummy Info Icon -->
|
|
<div class="modal-center-info">
|
|
<c-tooltip title-value={obj.description} link={obj.link}></c-tooltip>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</lightning-card>
|
|
|
|
<!-- Modal -->
|
|
<template if:true={showModal}>
|
|
<template if:false={isInstalled}>
|
|
<c-regular-modal
|
|
title={beforeInstallTitle}
|
|
cancel-button-label="Cancel"
|
|
action-button-label={beforeInstallButtonLabel}
|
|
oncancel={closeModal}
|
|
onaction={redirectToAppExchange}>
|
|
<p class="description-text">{beforeInstallMessage}</p>
|
|
</c-regular-modal>
|
|
</template>
|
|
</template>
|
|
|
|
<template if:true={isInstalled}>
|
|
<template if:true={isValid}>
|
|
<c-regular-modal
|
|
title={onInstallTitle}
|
|
cancel-button-label="Cancel"
|
|
action-button-label={onInstallButtonLabel}
|
|
oncancel={closeInstallModal}
|
|
onaction={redirectToSetup}>
|
|
<p class="description-text">{onInstallMessage}</p>
|
|
<p class="slds-m-top_small description-text">Please Contact Us: <a href="mailto:support@syncmadeasy.com" target="_blank">support@syncmadeasy.com</a></p>
|
|
</c-regular-modal>
|
|
</template>
|
|
<template if:false={isValid}>
|
|
<c-regular-modal
|
|
title={onExpireTitle}
|
|
cancel-button-label="Cancel"
|
|
action-button-label={onExpireButtonLabel}
|
|
oncancel={closeInstallModal}
|
|
onaction={redirectToSupport}>
|
|
<p class="description-text">{onExpireMessage} <a href="mailto:support@syncmadeasy.com" target="_blank">support@syncmadeasy.com</a></p>
|
|
</c-regular-modal>
|
|
</template>
|
|
</template>
|
|
|
|
</template> |