source: templates/rank_list_most_active_customers.html

Last change on this file was 4abe330, checked in by ManuelTrajcev <manueltrajcev7@…>, 2 weeks ago

rank_list_artists view update + bootstrap styling

  • Property mode set to 100644
File size: 1.6 KB
Line 
1<!DOCTYPE html>
2<html>
3<head>
4 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet"
5 integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
6 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/js/bootstrap.bundle.min.js"
7 integrity="sha384-k6d4wzSIapyDyv1kpU366/PK5hCdSbCRGRCMv+eplOQJWyd1fbcAu9OCUj5zNLiq"
8 crossorigin="anonymous"></script>
9 <title>Most Active Customers</title>
10</head>
11<body class="d-flex bg-light">
12{% include 'sidebar.html' %}
13<div class="container mt-5">
14 <h1 class="text-center mb-4">Most Active Customers</h1>
15
16 <div class="list-group">
17 <div class="row">
18 <div class="col-4 font-weight-bold"><strong>Name</strong></div>
19 <div class="col-4 font-weight-bold"><strong>Total Orders</strong></div>
20 <div class="col-4 font-weight-bold"><strong>Total Money Spent</strong></div>
21 </div>
22 {% for row in data %}
23 <a href="#" class="list-group-item list-group-item-action">
24 <div class="row">
25 <div class="col-4 font-weight-bold"> {{ row.name }}</div>
26 <div class="col-4 font-weight-bold">{{ row.total_orders }}</div>
27 <div class="col-4 font-weight-bold"> ${{ row.total_money_spent }}</div>
28 </div>
29 </a>
30 {% empty %}
31 <div class="alert alert-warning" role="alert">
32 No data found.
33 </div>
34 {% endfor %}
35 </div>
36</div>
37</body>
38</html>
Note: See TracBrowser for help on using the repository browser.