= 50 && percents < 100,
'bg-orange-container': percents >= 20 && percents < 50,
'bg-danger-container': percents > 0 && percents < 20,
'bg-inactive-container': percents === 100,
}"
>
= 50 && percents <= 100,
'bg-progress-orange': percents >= 20 && percents < 50,
'bg-progress-danger': percents > 0 && percents < 20,
}"
[ngStyle]="{ width: percents + '%' }"
class="table-progress-bar bg-progress-danger"
>
@if (type === 'days' || type === 'miles') {
Last Serviced
{{ progressDropdownData.row.lastService ?? '/' }}
Odometer
{{ progressDropdownData.row.textOdometer ?? '/' }}
Repair Shop
{{ progressDropdownData.row.textRepairShop ?? '/' }}
Invoice
{{ progressDropdownData.row.textInv ?? '/' }}
Cost
{{ progressDropdownData.row?.cost ?? '/' }}
}
@if (type === 'credit') {
Total Credit
{{
progressDropdownData.row.creditLimit
? (progressDropdownData.row.creditLimit
| formatCurrency)
: '/'
}}
Pay Term
{{
progressDropdownData.row.broker!.payTerm
?.name ?? '/'
}}
}