Ignore:
Timestamp:
05/01/25 12:32:20 (4 weeks ago)
Author:
ManuelTrajcev <manueltrajcev7@…>
Branches:
master
Children:
59b2e9c
Parents:
611686e
Message:

rank_list_artists view update + bootstrap styling

File:
1 edited

Legend:

Unmodified
Added
Removed

  • templates/rank_list_artists.html

    r611686e r4abe330  
    22<html>
    33<head>
    4     <title>Most popular Artist</title>
     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>Artist with Highest Earnings</title>
    510</head>
    6 <body>
    7 <h1>Most popular Artist</h1>
    8 <ol>
    9     <h4>Name&emsp;-&emsp;Total invoices</h4>
     11<body class="d-flex bg-light">
     12{% include 'sidebar.html' %}
     13<div class="container mt-5">
     14    <h1 class="text-center mb-4">Artist with Highest Earnings</h1>
    1015
    11     {% for row in data %}
    12         <li>{{ row.name }}&emsp;-&emsp;{{ row.num_invoices }}</li>
    13     {% endfor %}
    14 </ol>
     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 Invoices</strong></div>
     20            <div class="col-4 font-weight-bold"><strong>Total Money Earned</strong></div>
     21        </div>
     22
     23        {% for row in data %}
     24
     25            <a href="#" class="list-group-item list-group-item-action">
     26                <div class="row">
     27                    <div class="col-4 font-weight-bold">{{ row.name }}</div>
     28                    <div class="col-4 font-weight-bold">{{ row.num_invoices }}</div>
     29                    <div class="col-4 font-weight-bold">${{ row.money_earned }}</div>
     30                </div>
     31            </a>
     32
     33        {% empty %}
     34            <div class="alert alert-warning" role="alert">
     35                No data found.
     36            </div>
     37        {% endfor %}
     38    </div>
     39</div>
    1540</body>
    1641</html>
    17 
Note: See TracChangeset for help on using the changeset viewer.