59 lines
2.8 KiB
HTML
59 lines
2.8 KiB
HTML
<!--
|
|
@description :
|
|
@author : Satyam Mishra
|
|
@group :
|
|
@last modified on : 04-26-2024
|
|
@last modified by : Satyam Mishra
|
|
-->
|
|
<template>
|
|
<lightning-card title="Salesforce Health Pulse" icon-name="custom:custom63">
|
|
<div class="tableDiv">
|
|
<div class={tableStyle}>
|
|
<table aria-describedby="conatact-list" class="slds-table slds-table_bordered ">
|
|
<!--Header of the table-->
|
|
<thead>
|
|
<tr class="slds-line-height_reset">
|
|
<!--<th class="slds-size_1-of-6 " scope="col">
|
|
<div class="slds-truncate " title="#">#</div>
|
|
</th>-->
|
|
<th class="slds-size_1-of-6 " scope="col">
|
|
<div class="slds-truncate " title="Name">Name</div>
|
|
</th>
|
|
<th class="slds-size_1-of-6 " scope="col">
|
|
<div class="slds-truncate " title="Value">Value</div>
|
|
</th>
|
|
<th class="slds-size_1-of-6" scope="col">
|
|
<div class="slds-truncate " title="Limit">Limit</div>
|
|
</th>
|
|
<th class="slds-size_1-of-6" scope="col">
|
|
<div class="slds-truncate " title="Limit"> % </div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<!--Body of the table-->
|
|
<tbody>
|
|
<template for:each={healthCheckList.data} for:item="ocVO">
|
|
<tr bgcolor={ocVO.color} key={ocVO.id} class="slds-hint-parent">
|
|
<!--<td class="slds-size_1-of-6">
|
|
<div>{ocVO.id}</div>
|
|
</td>-->
|
|
<td class="slds-size_1-of-6">
|
|
<div>{ocVO.name}</div>
|
|
</td>
|
|
<td class="slds-size_1-of-6">
|
|
<div> <b>{ocVO.value}</b> </div>
|
|
</td>
|
|
<td class="slds-size_1-of-6">
|
|
<div> <b>{ocVO.maxlimit}</b> </div>
|
|
</td>
|
|
<td class="slds-size_1-of-6">
|
|
<div> <b>{ocVO.scale}%</b> </div>
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</lightning-card>
|
|
</template> |