38 lines
2.0 KiB
HTML
38 lines
2.0 KiB
HTML
<template>
|
|
<div class="loading-container">
|
|
<template if:true={isLoading}>
|
|
<div class="spinner-container">
|
|
<lightning-spinner alternative-text="Loading" size="medium" style="color: orangered;"></lightning-spinner>
|
|
</div>
|
|
</template>
|
|
<div class="container" >
|
|
<lightning-layout multiple-rows="true">
|
|
<lightning-layout-item size="12" small-device-size="6">
|
|
<div class="slds-card slds-p-around_medium" style="margin: 25px;">
|
|
<h1 >Account Information</h1>
|
|
<div class="card">
|
|
<p><b>Account Name:</b> {AccInfo.AccountName}</p>
|
|
<p><b>Account Number:</b> {AccInfo.AccountNumber}</p>
|
|
<p><b>Industry:</b> {AccInfo.Industry}</p>
|
|
<p><b>Type:</b> {AccInfo.Type}</p>
|
|
</div>
|
|
</div>
|
|
</lightning-layout-item>
|
|
<lightning-layout-item size="12" small-device-size="6">
|
|
<div class="slds-scrollable_y slds-card slds-p-around_medium">
|
|
<h1>Membership Details</h1>
|
|
<template for:each={Membership} for:item="membership">
|
|
<div key={membership.Id} class="card">
|
|
<p><b>Membership ID:</b> {membership.Name}</p>
|
|
<p><b>Member Since:</b> {membership.Membership_Created_Date__c}</p>
|
|
<p><b>Current Balance:</b> {membership.Balance__c}</p>
|
|
<p><b>Membership Type:</b> {membership.Financial_Product_Name}</p>
|
|
<!--other fields -->
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</lightning-layout-item>
|
|
</lightning-layout>
|
|
</div>
|
|
</div>
|
|
</template> |