voussoir
/
etiquette
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
etiquette/frontends/etiquette_flask/templates/album.html

233 lines
5.9 KiB
HTML
Raw Normal View History

checkpoint
2016-09-18 08:33:46 +00:00
<!DOCTYPE html5>
<html>
<head>
list view
2016-11-07 02:00:30 +00:00
{% import "photo_card.html" as photo_card %}
checkpoint
2016-09-18 08:33:46 +00:00
{% import "header.html" as header %}
Add Album.@display_name to remove duplicate logic elsewhere
2017-03-11 01:08:38 +00:00
<title>Album {{album.display_name}}</title>
checkpoint
2016-09-18 08:33:46 +00:00
<meta charset="UTF-8">
<link rel="stylesheet" href="/static/common.css">
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
<script src="/static/common.js"></script>
checkpoint
2016-11-27 09:06:11 +00:00
checkpoint
2016-09-18 08:33:46 +00:00
<style>
Display album description
2016-12-14 21:26:42 +00:00
p
{
word-break: break-word;
}
checkpoint
2016-09-18 08:33:46 +00:00
#content_body
{
/* overriding common.css here */
display: block;
}
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
#title_editor,
#description_editor
{
width: 100%;
max-width: 800px;
}
#description_editor textarea
{
width: 100%;
height: 100%;
}
#description_editor
{
height: 100px;
}
.hidden
{
display: none;
}
checkpoint
2016-09-18 08:33:46 +00:00
</style>
checkpoint
2016-11-27 09:06:11 +00:00
</head>
checkpoint
2016-09-18 08:33:46 +00:00
<body>
very early session and registration support
2016-12-18 13:12:14 +00:00
{{header.make_header(session=session)}}
checkpoint
2016-09-18 08:33:46 +00:00
<div id="content_body">
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
<h2>
{% if album.title %}
<span id="title_text">{{album.title}}</span>
{% else %}
<span id="title_text">Album {{album.id}}</span>
{% endif %}
<input id="title_editor" class="hidden" type="text" value="{{album.title}}" placeholder="title">
<button id="edit_button" class="green_button" onclick="start_editing()">edit</button>
</h2>
<p id="description_text">{{album.description}}</p>
<div id="description_editor" class="hidden">
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
<textarea id="description_editor_box" placeholder="description">{{album.description}}</textarea>
<span>
<button id="save_button" class="green_button" onclick="finish_editing(true)">Save</button>
<button id="cancel_button" class="red_button" onclick="finish_editing(false)">Cancel</button>
</span>
<span id="edit_submitting_spinner">Submitting...</span>
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
</div>
Make ?view param follow you to parent / children
2017-04-01 04:48:27 +00:00
{% set viewparam = "?view=list" if view == "list" else "" %}
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
{% set parent = album.parent() %}
checkpoint
2016-09-18 08:33:46 +00:00
{% if parent %}
Make ?view param follow you to parent / children
2017-04-01 04:48:27 +00:00
<h3>Parent: <a href="/album/{{parent.id}}{{viewparam}}">{{parent.display_name}}</a></h3>
album .tar
2016-11-06 00:58:37 +00:00
{% else %}
<h3>Parent: <a href="/albums">Albums</a></h3>
checkpoint
2016-09-18 08:33:46 +00:00
{% endif %}
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
Allow templates to get objects instead of json
2016-12-21 00:33:40 +00:00
{% set sub_albums = album.children() %}
{% if sub_albums %}
checkpoint
2016-09-18 08:33:46 +00:00
<h3>Sub-albums</h3>
<ul>
checkpoint Add Bookmark class; Add user.html; Add more commit loggers; Fix warning_bag attributeerror when it was None
2017-02-05 02:30:02 +00:00
{% for sub_album in sub_albums|sort(attribute='title') %}
Make ?view param follow you to parent / children
2017-04-01 04:48:27 +00:00
<li><a href="/album/{{sub_album.id}}{{viewparam}}">{{sub_album.display_name}}</a>
checkpoint
2016-09-18 08:33:46 +00:00
</li>
{% endfor %}
</ul>
{% endif %}
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
Add early author search; Load Photo.mimetype on instantiation
2016-12-24 03:49:51 +00:00
{% set photos = album.photos() %}
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
{% if photos or sub_albums %}
Include album info as txt in zip; fix normalize_filepath bugs
2016-12-21 03:53:06 +00:00
<span>
Download:
checkpoint add photo and search css for narrow screens; incorporate new expressionmatch kit; entry_with_history cursor moves to end; albums indicate total filesize; etc
2017-02-25 06:07:59 +00:00
{% if photos %}
<a href="/album/{{album.id}}.zip?recursive=no">
These files ({{album.sum_bytes(recurse=False, string=True)}})
</a>
{% endif %}
{% if sub_albums %}
<a href="/album/{{album.id}}.zip?recursive=yes">
Include children ({{album.sum_bytes(recurse=True, string=True)}})
</a>
{% endif %}
Include album info as txt in zip; fix normalize_filepath bugs
2016-12-21 03:53:06 +00:00
</span>
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
{% endif %}
checkpoint
2016-09-18 08:33:46 +00:00
{% if photos %}
Add link to grid or list view
2017-03-31 01:56:27 +00:00
<h3>Photos</h3>
{% if view != "list" %}
<a href="?view=list">List view</a>
{% else %}
<a href="?view=grid">Grid view</a>
{% endif %}
<ul>
checkpoint
2016-09-18 08:33:46 +00:00
{% for photo in photos %}
Add link to grid or list view
2017-03-31 01:56:27 +00:00
{{photo_card.create_photo_card(photo, view=view)}}
checkpoint
2016-09-18 08:33:46 +00:00
{% endfor %}
Add link to grid or list view
2017-03-31 01:56:27 +00:00
</ul>
checkpoint
2016-09-18 08:33:46 +00:00
{% endif %}
</div>
</body>
<script type="text/javascript">
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
var edit_button = document.getElementById("edit_button");
var save_button = document.getElementById("save_button");
var cancel_button = document.getElementById("cancel_button");
var title_text = document.getElementById("title_text");
var title_editor = document.getElementById("title_editor");
var description_text = document.getElementById("description_text");
var description_editor = document.getElementById("description_editor");
var description_editor_box = document.getElementById("description_editor_box");
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
var edit_submitting_spinner = document.getElementById("edit_submitting_spinner");
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
bind_box_to_button(title_editor, save_button);
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
var title_is_blank = {{ (album.title == '')|int }};
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
var blank_title_text = "Album {{album.id}}";
checkpoint
2016-10-21 03:15:24 +00:00
function submit_tag(callback)
{
Allow templates to get objects instead of json
2016-12-21 00:33:40 +00:00
add_photo_tag('{{album.id}}', add_tag_box.value, callback);
checkpoint
2016-10-21 03:15:24 +00:00
add_tag_box.value = "";
}
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
function show_editor()
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
{
edit_button.classList.add("hidden");
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
edit_submitting_spinner.classList.add("hidden");
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
title_text.classList.add("hidden");
title_editor.classList.remove("hidden");
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
description_text.classList.add("hidden");
description_editor.classList.remove("hidden");
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
}
function show_spinner()
{
edit_submitting_spinner.classList.remove("hidden");
}
function hide_editor()
{
edit_button.classList.remove("hidden");
edit_submitting_spinner.classList.add("hidden");
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
title_text.classList.remove("hidden");
title_editor.classList.add("hidden");
description_text.classList.remove("hidden");
description_editor.classList.add("hidden");
}
function start_editing()
{
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
if (title_is_blank)
{
title_editor.value = "";
}
else
{
title_editor.value = title_text.innerText;
}
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
show_editor();
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
title_editor.focus();
description_editor_box.value = description_text.innerText;
}
function finish_editing(do_save)
{
if (do_save === true)
{
var title = title_editor.value;
var description = description_editor_box.value;
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
var url = "/album/{{album.id}}/edit";
var data = new FormData();
data.append("title", title);
data.append("description", description);
show_spinner();
post(url, data, callback_edit);
}
else
{
}
}
function callback_edit(response)
{
console.log(response);
if (response["_status"] == 200)
{
if (response["title"] === "")
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
{
document.title = "Album {{album.id}}";
title_text.innerText = blank_title_text;
title_is_blank = true;
}
else
{
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
document.title = "Album " + response["title"];
title_text.innerText = response["title"];
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
title_is_blank = false;
}
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
description_text.innerText = response["description"];
hide_editor();
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
}
}
checkpoint
2016-11-27 09:06:11 +00:00
</script>
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
</html>