2016-09-18 08:33:46 +00:00
|
|
|
<!DOCTYPE html5>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
{% import "header.html" as header %}
|
|
|
|
|
<title>Albums</title>
|
|
|
|
|
<meta charset="UTF-8">
|
2017-07-21 06:10:48 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
2018-02-24 20:51:36 +00:00
|
|
|
<link rel="stylesheet" href="/static/css/common.css">
|
|
|
|
|
<script src="/static/js/common.js"></script>
|
2018-03-10 01:38:40 +00:00
|
|
|
<script src="/static/js/albums.js"></script>
|
2016-11-27 09:06:11 +00:00
|
|
|
|
2016-09-18 08:33:46 +00:00
|
|
|
<style>
|
|
|
|
|
#content_body
|
|
|
|
|
{
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2016-11-27 09:06:11 +00:00
|
|
|
</head>
|
|
|
|
|
|
2016-09-18 08:33:46 +00:00
|
|
|
|
|
|
|
|
<body>
|
2016-12-18 13:12:14 +00:00
|
|
|
{{header.make_header(session=session)}}
|
2016-09-18 08:33:46 +00:00
|
|
|
<div id="content_body">
|
2017-04-23 04:40:48 +00:00
|
|
|
<h2>Albums</h2>
|
|
|
|
|
<ul>
|
|
|
|
|
{% for album in albums %}
|
|
|
|
|
<li><a href="/album/{{album.id}}">{{album.display_name}}</a></li>
|
|
|
|
|
{% endfor %}
|
2018-03-10 01:38:40 +00:00
|
|
|
<li>
|
2018-07-23 03:08:12 +00:00
|
|
|
<button id="create_child_prompt_button" class="green_button" onclick="albums.open_creator_prompt(event);">Create album</button>
|
2018-03-10 01:38:40 +00:00
|
|
|
<input type="text" id="create_child_title_entry" class="hidden" placeholder="Album title">
|
2018-07-23 03:08:12 +00:00
|
|
|
<button id="create_child_submit_button" class="green_button hidden" onclick="albums.submit_create_child(event);">Create</button>
|
2018-07-29 03:18:10 +00:00
|
|
|
<button id="create_child_cancel_button" class="gray_button hidden" onclick="albums.cancel_create_child(event);">Cancel</button>
|
2018-03-10 01:38:40 +00:00
|
|
|
</li>
|
2017-04-23 04:40:48 +00:00
|
|
|
</ul>
|
2016-09-18 08:33:46 +00:00
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
2018-03-10 01:38:40 +00:00
|
|
|
ALBUM_ID = undefined;
|
2016-11-27 09:06:11 +00:00
|
|
|
</script>
|
|
|
|
|
</html>
|
