32 lines
1.3 KiB
Plaintext
32 lines
1.3 KiB
Plaintext
<div class="col-xl-3 col-lg-6">
|
|
<div class="info-card l-bg-<%=bgColor%>">
|
|
<div class="card-statistic p-4">
|
|
<div class="card-icon card-icon-large"><i class="bi bi-<%=icon%>"></i></div>
|
|
<div class="mb-4">
|
|
<h5 class="card-title mb-0">
|
|
<%=title%>
|
|
</h5>
|
|
</div>
|
|
<div class="row align-items-center mb-2 d-flex">
|
|
<div class="col-8">
|
|
<h2 class="d-flex align-items-center mb-0">
|
|
<%=value%>
|
|
</h2>
|
|
</div>
|
|
<% if (progressPercent) {%>
|
|
<div class="col-4 text-right">
|
|
<span>
|
|
<%=progressPercent%>%<i class="fa fa-arrow-up"></i>
|
|
</span>
|
|
</div>
|
|
<%}%>
|
|
</div>
|
|
<% if (progressPercent) {%>
|
|
<div class="progress mt-1 " data-height="8" style="height: 8px;">
|
|
<div class="progress-bar l-bg-cyan" role="progressbar" data-width="<%=progressPercent%>%" aria-valuenow="<%=progressPercent%>"
|
|
aria-valuemin="0" aria-valuemax="100" style="width: <%=progressPercent%>%;"></div>
|
|
</div>
|
|
<%}%>
|
|
</div>
|
|
</div>
|
|
</div> |