expressCart/views/dashboard.hbs

74 lines
3.2 KiB
Handlebars
Raw Normal View History

2019-12-30 22:28:37 +10:00
{{> partials/menu}}
2020-02-01 16:59:30 +10:00
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
2019-12-30 22:28:37 +10:00
<div class="col-sm-12">
<h2>Dashboard</h2>
</div>
<div class="row">
<div class="col-6 bottom-pad-30">
<div class="card">
<div class="card-body text-center">
<h5 class="card-title">Orders placed</h5>
<h6 class="card-subtitle mb-2 text-muted">Total number of orders placed</h6>
<h4 class="card-text text-danger">
{{dashboardData.ordersCount}}
</h4>
</div>
</div>
</div>
<div class="col-6 bottom-pad-30">
<div class="card">
<div class="card-body text-center">
<h5 class="card-title">Order total value</h5>
<h6 class="card-subtitle mb-2 text-muted">Total value of orders placed</h6>
<h4 class="card-text text-danger">
{{currencySymbol config.currencySymbol}}{{formatAmount dashboardData.ordersAmount}}
</h4>
</div>
</div>
</div>
<div class="col-6 bottom-pad-30">
<div class="card">
<div class="card-body text-center">
<h5 class="card-title">Products for sale</h5>
<h6 class="card-subtitle mb-2 text-muted">Number of products for sale</h6>
<h4 class="card-text text-danger">
{{dashboardData.productsCount}}
</h4>
</div>
</div>
</div>
<div class="col-6 bottom-pad-30">
<div class="card">
<div class="card-body text-center">
<h5 class="card-title">Total products sold</h5>
<h6 class="card-subtitle mb-2 text-muted">Number of products sold</h6>
<h4 class="card-text text-danger">
{{dashboardData.productsSold}}
</h4>
</div>
</div>
</div>
<div class="col-12 bottom-pad-30">
<div class="card">
<div class="card-body text-center">
<h5 class="card-title">Top products sold</h5>
<ul class="list-unstyled">
2019-12-30 22:36:06 +10:00
{{#if dashboardData.topProducts}}
2019-12-30 22:28:37 +10:00
{{#each dashboardData.topProducts}}
<li class="media my-4 align-middle">
<img src="{{this.productImage}}" class="col-2 mr-3 img-fluid" alt="">
<div class="media-body">
<h5 class="mt-3 mb-1">{{this.title}}</h5>
<h4 class="mt-4">Sold: <span class="text-danger">{{this.count}}</span></h4>
</div>
</li>
{{/each}}
2019-12-30 22:36:06 +10:00
{{else}}
<h5 class="mt-3 mb-1 text-danger">Nothing to see yet. Do some orders.</h5>
{{/if}}
2019-12-30 22:28:37 +10:00
</ul>
</div>
</div>
</div>
</div>
2020-02-01 16:59:30 +10:00
</main>