MathewFrancis/btc_horse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : # is showing for {isBoxed : true}

Browse Source
This commit is contained in:
karthik 2025-08-04 01:21:11 +05:30
parent 717bc895a6
commit 79cc372c6a
1 changed files with 27 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
btc-UI/src/app/components/middle-section/middle-section.component.html
View File

@ -1,6 +1,5 @@
<!-- Responsive Container --> <!-- Responsive Container -->
<div class="middle-section-container" [ngStyle]="{ height: containerHeight }"> <div class="middle-section-container" [ngStyle]="{ height: containerHeight }">
<!-- Transaction Summary --> <!-- Transaction Summary -->
<div class="transaction-summary"> <div class="transaction-summary">
<div <div
@ -8,7 +7,6 @@
style="background-color: #546c98" style="background-color: #546c98"
> >
<h5 class="text-center mb-3">Transaction Summary</h5> <h5 class="text-center mb-3">Transaction Summary</h5>
<div <div
class="rounded flex-grow-1" class="rounded flex-grow-1"
style="background-color: #f1f1f1df; padding: 1rem; overflow: hidden" style="background-color: #f1f1f1df; padding: 1rem; overflow: hidden"
@ -34,36 +32,31 @@
</div> </div>
<!-- Main Table --> <!-- Main Table -->
<div class="main-table "> <div class="main-table">
<div <div
class="p-2 rounded h-100 d-flex flex-column justify-content-between" class="p-2 rounded h-100 d-flex flex-column justify-content-between"
style="background-color: #f1f1f1df" style="background-color: #f1f1f1df"
> >
<table class="table borderless-custom w-100 mb-2 table-main"> <table class="table borderless-custom w-100 mb-2 table-main">
<colgroup> <colgroup>
<col style="width: 12%" /> <col style="width: 12%" /> <!-- Label column -->
<col style="width: 60%" /> <col style="width: 60%" /> <!-- Numbers column -->
<col style="width: 10%" /> <col style="width: 10%" /> <!-- Value column -->
<col style="width: 18%" /> <col style="width: 18%" /> <!-- Total column -->
</colgroup> </colgroup>
<tbody> <tbody>
<tr *ngFor="let row of filledRows"> <tr *ngFor="let row of filledRows">
<td class="custom-cell-new-1">{{ row.label }}</td> <td class="custom-cell-new-1">{{ row.label }}</td>
<td class="custom-cell-new">{{ row.numbers.join(', ') }}</td> <td class="custom-cell-new">{{ row.isBoxed ? '# ' : '' }}{{ row.numbers.join(', ') }}</td>
<td class="custom-cell-new-2">{{ row.value || '' }}</td> <td class="custom-cell-new-2">{{ row.value || '' }}</td>
<td class="custom-cell-new-3">{{ row.total || '' }}</td> <td class="custom-cell-new-3">{{ row.total || '' }}</td>
</tr> </tr>
</tbody>
</tbody> </table>
</table> <div class="buttons-custom d-flex justify-content-between align-items-center">
<button class="btn btn-dark">Repeat</button>
<div class="buttons-custom d-flex justify-content-between align-items-center"> <div class="fw-bold fs-5">Amount : ₹ {{ grandTotal }}</div>
<button class="btn btn-dark">Repeat</button> </div>
<div class="fw-bold fs-5">Amount : ₹ {{ grandTotal }}</div> </div>
</div>
</div> </div>
</div> </div>