Implemented v1 admin dashboard
This commit is contained in:
32
Server/views/partials/valueChip.ejs
Normal file
32
Server/views/partials/valueChip.ejs
Normal file
@@ -0,0 +1,32 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user