| 1 | <div class="h-100 d-flex flex-column flex-shrink-0 p-3 bg-light-subtle border border-2 border-secondary-subtle rounded-end-5" style="width: 250px;">
|
|---|
| 2 | <h4 class="mb-4">Menu</h4>
|
|---|
| 3 | <ul class="nav nav-pills flex-column mb-auto">
|
|---|
| 4 | <li class="nav-item">
|
|---|
| 5 | <a href="{% url 'album_list' %}" class="nav-link {% if request.path == '/album/' %}active{% endif %}" aria-current="page">
|
|---|
| 6 | Album List
|
|---|
| 7 | </a>
|
|---|
| 8 | </li>
|
|---|
| 9 | <li class="nav-item">
|
|---|
| 10 | <a href="{% url 'artist_list' %}" class="nav-link {% if request.path == '/artist/' %}active{% endif %}">
|
|---|
| 11 | Artist List
|
|---|
| 12 | </a>
|
|---|
| 13 | </li>
|
|---|
| 14 | <li class="nav-item">
|
|---|
| 15 | <a href="{% url 'avg_track_duration' %}" class="nav-link {% if request.path == '/artist/avg-track-duration' %}active{% endif %}">
|
|---|
| 16 | Average Track Duration
|
|---|
| 17 | </a>
|
|---|
| 18 | </li>
|
|---|
| 19 | <li class="nav-item">
|
|---|
| 20 | <a href="{% url 'avg_track_price' %}" class="nav-link {% if request.path == '/artist/avg-track-price' %}active{% endif %}">
|
|---|
| 21 | Average Track Price per Artist
|
|---|
| 22 | </a>
|
|---|
| 23 | </li>
|
|---|
| 24 | <li class="nav-item">
|
|---|
| 25 | <a href="{% url 'rank_list_artists' %}" class="nav-link {% if request.path == '/artist/most-popular' %}active{% endif %}">
|
|---|
| 26 | Artist with Highest Earnings
|
|---|
| 27 | </a>
|
|---|
| 28 | </li>
|
|---|
| 29 | <li class="nav-item">
|
|---|
| 30 | <a href="{% url 'track_list' %}" class="nav-link {% if request.path == '/track/' %}active{% endif %}">
|
|---|
| 31 | Track List
|
|---|
| 32 | </a>
|
|---|
| 33 | </li>
|
|---|
| 34 | <li class="nav-item">
|
|---|
| 35 | <a href="{% url 'genres_per_customer' %}" class="nav-link {% if request.path == '/customer/genres-per-customer' %}active{% endif %}">
|
|---|
| 36 | Genres per Customer
|
|---|
| 37 | </a>
|
|---|
| 38 | </li>
|
|---|
| 39 | <li class="nav-item">
|
|---|
| 40 | <a href="{% url 'invoice_per_customer_after_date' %}" class="nav-link {% if request.path == '/customer/invoices-per-customer' %}active{% endif %}">
|
|---|
| 41 | Invoices per Customer
|
|---|
| 42 | </a>
|
|---|
| 43 | </li>
|
|---|
| 44 | <li class="nav-item">
|
|---|
| 45 | <a href="{% url 'most_listened_genre_per_customer' %}" class="nav-link {% if request.path == '/customer/most-popular-genre-per-customer' %}active{% endif %}">
|
|---|
| 46 | Most Popular Genre per Customer
|
|---|
| 47 | </a>
|
|---|
| 48 | </li>
|
|---|
| 49 | <li class="nav-item">
|
|---|
| 50 | <a href="{% url 'media_type_percentage' %}" class="nav-link {% if request.path == '/media-type/percentage' %}active{% endif %}">
|
|---|
| 51 | Media Type Percentage
|
|---|
| 52 | </a>
|
|---|
| 53 | </li>
|
|---|
| 54 | <li class="nav-item">
|
|---|
| 55 | <a href="{% url 'track_count_per_genre' %}" class="nav-link {% if request.path == '/track/per-genre' %}active{% endif %}">
|
|---|
| 56 | Track Count per Genre
|
|---|
| 57 | </a>
|
|---|
| 58 | </li>
|
|---|
| 59 | <li class="nav-item">
|
|---|
| 60 | <a href="{% url 'rank_list_most_active_customers' %}" class="nav-link {% if request.path == '/customer/rank-list' %}active{% endif %}">
|
|---|
| 61 | Rank List of Most Active Customers
|
|---|
| 62 | </a>
|
|---|
| 63 | </li>
|
|---|
| 64 | <li class="nav-item">
|
|---|
| 65 | <a href="{% url 'most_popular_artist_per_customer_per_genre' %}" class="nav-link {% if request.path == '/customer/artist-per-genre' %}active{% endif %}">
|
|---|
| 66 | Most Popular Artists Per Customer
|
|---|
| 67 | </a>
|
|---|
| 68 | </li>
|
|---|
| 69 | </ul>
|
|---|
| 70 | </div>
|
|---|
