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

180 lines
4.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">
Add meta viewport to all pages.
2017-07-21 06:10:48 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
checkpoint
2016-09-18 08:33:46 +00:00
<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;
}
Improve editor appearance and use ctrl+enter for desc.
2017-05-13 22:26:34 +00:00
#description_text
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
{
Use <pre> instead of <p> so \n is kept.
2017-07-17 00:28:06 +00:00
font-family: initial;
Improve editor appearance and use ctrl+enter for desc.
2017-05-13 22:26:34 +00:00
padding: 8px;
background-color: rgba(0, 0, 0, 0.1);
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
}
Improve editor appearance and use ctrl+enter for desc.
2017-05-13 22:26:34 +00:00
#description_editor textarea
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
{
Improve editor appearance and use ctrl+enter for desc.
2017-05-13 22:26:34 +00:00
width: 100%;
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
}
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">
Nevermind, the span wasn't useless. The h2 needs to hold the title input so it stays block-level.
2017-07-14 06:28:51 +00:00
<h2>
<span data-editor-id="title" data-editor-placeholder="title" id="title_text">
Replace old work with new Editor class.
2017-06-15 04:45:20 +00:00
{%- if album.title -%}
{{album.title}}
{%- else -%}
Album {{album.id}}
{%- endif -%}
Nevermind, the span wasn't useless. The h2 needs to hold the title input so it stays block-level.
2017-07-14 06:28:51 +00:00
</span>
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
</h2>
Use <pre> instead of <p> so \n is kept.
2017-07-17 00:28:06 +00:00
<pre
id="description_text"
data-editor-id="description"
data-editor-placeholder="description"
{% if album.description == "" %}class="hidden"{% endif %}
>
{{-album.description-}}
</pre>
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
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() %}
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') %}
Add 'Create Album' endpoint and interface.
2017-05-13 23:13:26 +00:00
<li><a href="/album/{{sub_album.id}}{{viewparam}}">{{sub_album.display_name}}</a></li>
checkpoint
2016-09-18 08:33:46 +00:00
{% endfor %}
Add 'Create Album' endpoint and interface.
2017-05-13 23:13:26 +00:00
<li><button class="green_button" onclick="var parent='{{album.id}}'; create_album_and_follow(parent);">Create child</button></li>
checkpoint
2016-09-18 08:33:46 +00:00
</ul>
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() %}
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 %}
Improve Album bytes caching, start caching photo count. More careful uncaching of the summed bytes, to minimize recalculation. Fewer cases where the album itself is removed from the photodb's getter cache. This also helps the download link on album pages disappear if the child albums don't actually have any photos.
2017-11-12 23:21:53 +00:00
Move album dl link to bottom. Just feels better.
2017-05-13 22:25:31 +00:00
<p>
Improve Album bytes caching, start caching photo count. More careful uncaching of the summed bytes, to minimize recalculation. Fewer cases where the album itself is removed from the photodb's getter cache. This also helps the download link on album pages disappear if the child albums don't actually have any photos.
2017-11-12 23:21:53 +00:00
{% set has_local_photos = photos|length > 0 %}
{% set has_child_photos = album.sum_photos() > photos|length %}
{% if has_local_photos or has_child_photos %}
Move album dl link to bottom. Just feels better.
2017-05-13 22:25:31 +00:00
Download:
Improve Album bytes caching, start caching photo count. More careful uncaching of the summed bytes, to minimize recalculation. Fewer cases where the album itself is removed from the photodb's getter cache. This also helps the download link on album pages disappear if the child albums don't actually have any photos.
2017-11-12 23:21:53 +00:00
{% if has_local_photos %}
Move album dl link to bottom. Just feels better.
2017-05-13 22:25:31 +00:00
<a href="/album/{{album.id}}.zip?recursive=no">
These files ({{album.sum_bytes(recurse=False, string=True)}})
</a>
{% endif %}
Improve Album bytes caching, start caching photo count. More careful uncaching of the summed bytes, to minimize recalculation. Fewer cases where the album itself is removed from the photodb's getter cache. This also helps the download link on album pages disappear if the child albums don't actually have any photos.
2017-11-12 23:21:53 +00:00
{% if has_local_photos and has_child_photos %}&mdash;{% endif %}
{% if has_child_photos %}
Move album dl link to bottom. Just feels better.
2017-05-13 22:25:31 +00:00
<a href="/album/{{album.id}}.zip?recursive=yes">
Include children ({{album.sum_bytes(recurse=True, string=True)}})
</a>
{% endif %}
{% endif %}
</p>
checkpoint
2016-09-18 08:33:46 +00:00
</div>
</body>
<script type="text/javascript">
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
var blank_title_text = "Album {{album.id}}";
Use the provided display_element_map instead of the global vars.
2017-07-14 06:32:14 +00:00
function on_open(editor, edit_element_map, display_element_map)
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
{
Use the provided display_element_map instead of the global vars.
2017-07-14 06:32:14 +00:00
if (display_element_map["title"].innerText == blank_title_text)
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
{
Use the provided display_element_map instead of the global vars.
2017-07-14 06:32:14 +00:00
display_element_map["title"].innerText = "";
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
}
Replace old work with new Editor class.
2017-06-15 04:45:20 +00:00
editor.open();
Use the provided display_element_map instead of the global vars.
2017-07-14 06:32:14 +00:00
edit_element_map["title"].focus();
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
}
Use the provided display_element_map instead of the global vars.
2017-07-14 06:32:14 +00:00
function on_save(editor, edit_element_map, display_element_map)
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
{
Use the provided display_element_map instead of the global vars.
2017-07-14 06:32:14 +00:00
var title_editor = edit_element_map["title"];
var description_editor = edit_element_map["description"];
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
Replace old work with new Editor class.
2017-06-15 04:45:20 +00:00
editor.show_spinner();
function callback()
Keep editor open until response. New Submitting... text.
2017-05-06 04:17:13 +00:00
{
Replace old work with new Editor class.
2017-06-15 04:45:20 +00:00
editor.hide_spinner();
editor.save();
if (title_text.innerText == "")
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
{
Replace old work with new Editor class.
2017-06-15 04:45:20 +00:00
document.title = blank_title_text;
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
title_text.innerText = blank_title_text;
}
else
{
Replace old work with new Editor class.
2017-06-15 04:45:20 +00:00
document.title = "Album " + title_text.innerText;
}
if (description_text.innerText == "")
{
description_text.classList.add("hidden");
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
}
}
Replace old work with new Editor class.
2017-06-15 04:45:20 +00:00
var url = "/album/{{album.id}}/edit";
var data = new FormData();
data.append("title", title_editor.value);
data.append("description", description_editor.value);
post(url, data, callback);
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
}
Replace old work with new Editor class.
2017-06-15 04:45:20 +00:00
Use the provided display_element_map instead of the global vars.
2017-07-14 06:32:14 +00:00
function on_cancel(editor, edit_element_map, display_element_map)
Fix blank_title_text not being restored upon cancel.
2017-06-15 04:56:47 +00:00
{
editor.cancel();
Use the provided display_element_map instead of the global vars.
2017-07-14 06:32:14 +00:00
if (display_element_map["title"].innerText == "")
Fix blank_title_text not being restored upon cancel.
2017-06-15 04:56:47 +00:00
{
Use the provided display_element_map instead of the global vars.
2017-07-14 06:32:14 +00:00
display_element_map["title"].innerText = blank_title_text;
Fix blank_title_text not being restored upon cancel.
2017-06-15 04:56:47 +00:00
}
Use the provided display_element_map instead of the global vars.
2017-07-14 06:32:14 +00:00
if (display_element_map["description"].innerText == "")
Fix blank_title_text not being restored upon cancel.
2017-06-15 04:56:47 +00:00
{
Use the provided display_element_map instead of the global vars.
2017-07-14 06:32:14 +00:00
display_element_map["description"].classList.add("hidden");
Fix blank_title_text not being restored upon cancel.
2017-06-15 04:56:47 +00:00
}
}
Replace old work with new Editor class.
2017-06-15 04:45:20 +00:00
Use the provided display_element_map instead of the global vars.
2017-07-14 06:32:14 +00:00
var title_text = document.getElementById("title_text");
var description_text = document.getElementById("description_text");
Replace old work with new Editor class.
2017-06-15 04:45:20 +00:00
var editor = new Editor([title_text, description_text], on_open, on_save, on_cancel);
checkpoint
2016-11-27 09:06:11 +00:00
</script>
Add title/desc edit interface.
2017-04-23 04:38:23 +00:00
</html>
Reference in a new issue Copy permalink