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/avg_price_per_artist.html

    r611686e r4abe330  
    11<!DOCTYPE html>
    2 <html>
     2<html lang="en">
    33<head>
     4    <meta charset="UTF-8">
     5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    46    <title>Average Track Price per Artist</title>
     7    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet"
     8          integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
     9    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/js/bootstrap.bundle.min.js"
     10            integrity="sha384-k6d4wzSIapyDyv1kpU366/PK5hCdSbCRGRCMv+eplOQJWyd1fbcAu9OCUj5zNLiq"
     11            crossorigin="anonymous"></script>
    512</head>
    6 <body>
    7 <h1>Average Track Price per Artist</h1>
    8 <ol>
    9     <h4>Name&emsp;-&emsp;Avg. track price</h4>
     13<body class="d-flex bg-light">
    1014
    11     {% for row in data %}
    12         <li>{{ row.name }}&emsp;-&emsp;{{ row.avg_price_per_track }}</li>
    13     {% endfor %}
    14 </ol>
     15{% include 'sidebar.html' %}
     16
     17<div class="container mt-5">
     18    <h1 class="mb-4 text-center">Average Track Price per Artist</h1>
     19
     20    <h4 class="mb-4 text-center">Name - Average Track Price</h4>
     21
     22    {% if not data %}
     23        <div class="alert alert-warning" role="alert">
     24            No data available.
     25        </div>
     26    {% else %}
     27        <ul class="list-group">
     28            {% for row in data %}
     29                <li class="list-group-item d-flex justify-content-between align-items-center">
     30                    <div class="col-6">
     31                        <strong>{{ row.name }}</strong>
     32                    </div>
     33                    <div class="col-6 text-end">
     34                        {% if row.avg_price_per_track == 'not enogu data' %}
     35                            <span class="badge bg-danger rounded-pill">No data available</span>
     36                        {% else %}
     37                            <span class="badge bg-success rounded-pill">${{ row.avg_price_per_track|floatformat:2 }}</span>
     38                        {% endif %}
     39                    </div>
     40                </li>
     41            {% endfor %}
     42        </ul>
     43    {% endif %}
     44</div>
     45
    1546</body>
    1647</html>
    17 
Note: See TracChangeset for help on using the changeset viewer.