Kevin-Mok/spotify-lib-vis
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added basic Bootstrap elements to templates

Browse Source
This commit is contained in:
Kevin Mok
2018-11-18 04:40:07 -05:00
parent 4ff1bc6744
commit e8a94fb7c2
11 changed files with 127 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
graphs/templates/graphs/logged_in.html
View File

@@ -8,16 +8,38 @@
<link rel="stylesheet" href="{% sass_src 'scss/custom.scss' %}">
</head>
<body>
<h1>{{ user_id }}'s Graphs</h1>
<a class="btn btn-primary" href="{% url "graphs:display_audio_features" user_secret %}"
role="button">Audio Features</a>
<a class="btn btn-primary" href="{% url "graphs:display_genre_graph" user_secret %}"
role="button">Genres</a>
<a class="btn btn-primary" href="{% url "graphs:display_artist_graph" user_secret %}" role="button">
Artists
</a>
<a class="btn btn-primary" href="{% url "graphs:display_history_table" %}" role="button">
History
</a>
<div class="container-fluid">
<div class="row ml-1">
<h1>{{ user_id }}'s Graphs</h1>
</div>
<div class="row">
<div class="btn-toolbar ml-3">
<div class="btn-group mr-2">
<a class="btn btn-primary"
href="{% url "graphs:display_audio_features" user_secret %}"
role="button">Audio Features</a>
</div>
<div class="btn-group mr-2">
<a class="btn btn-primary"
href="{% url "graphs:display_genre_graph" user_secret %}"
role="button">Genres</a>
</div>
<div class="btn-group mr-2">
<a class="btn btn-primary"
href="{% url "graphs:display_artist_graph" user_secret %}"
role="button">
Artists
</a>
</div>
<div class="btn-group mr-2">
<a class="btn btn-primary"
href="{% url "graphs:display_history_table" %}"
role="button">
History
</a>
</div>
</div>
</div>
</div>
</body>
</html>

28
graphs/templates/graphs/user_history.html
View File

@@ -9,9 +9,29 @@
<link rel="stylesheet" href="{% sass_src 'scss/custom.scss' %}">
</head>
<body>
<h1>{{ user_id }}'s Listening History</h1>
<p> Found {{ total_history }} songs. </p>
<a class="btn btn-primary " href="{% export_url 'csv' %}" role="button">Export</a>
{% render_table user_history_table %}
<div class="container-fluid">
<div class="row">
<div class="col text-left">
<h1>{{ user_id }}'s Listening History</h1>
</div>
</div>
<div class="row mb-2 mt-1">
<div class="col text-left">
<div class="d-inline mr-3">
Found {{ total_history }} songs.
</div>
<div class="d-inline float-right">
<a class="btn btn-primary" href="{% export_url 'csv' %}"
role="button">Export</a>
</div>
</div>
</div>
<div class="row">
<div class="col">
{% render_table user_history_table %}
</div>
</div>
</div>
</body>
</html>