Retheme media_element html template

- for further additions
master
Felix Stupp 2 years ago
parent 120a42476a
commit 986d322f83
Signed by: zocker
GPG Key ID: 93E1BD26F6B02FB7

@ -86,6 +86,16 @@
font-size: 1.2rem; font-size: 1.2rem;
} }
/* media element */
.element_view {
display: flex;
flex-wrap: wrap-reverse;
justify-content: space-between;
align-items: flex-end;
}
.element_view > .element_info {
display: block;
}
</style> </style>
{% endmacro %} {% endmacro %}

@ -10,52 +10,56 @@
<body> <body>
{{ macros.body_header() }} {{ macros.body_header() }}
<h1>{{ title }}</h1> <h1>{{ title }}</h1>
<h2>Notes</h2> <div class="element_view">
<pre>{{ element.notes or "" }}</pre> <div class="element_info">
<h2>Properties</h2> <h2>Notes</h2>
<ul> <pre>{{ element.notes or "" }}</pre>
<li> <h2>Properties</h2>
{{ macros.media_element_buttons(element) }} <ul>
{{ macros.no_input_post_form("/api/refresh/media/" + element.id|string, "refresh") }} <li>
</li> {{ macros.media_element_buttons(element) }}
<li>Can be considered: {{ element.can_considered | tenary("Yes", "no") }}</li> {{ macros.no_input_post_form("/api/refresh/media/" + element.id|string, "refresh") }}
<li> </li>
Date: <li>Can be considered: {{ element.can_considered | tenary("Yes", "no") }}</li>
{{ element.release_date }} <li>
</li> Date:
<li> {{ element.release_date }}
Length: </li>
{{ element.length | timedelta }} <li>
{%- if element.progress > 0 -%} Length:
, Progress: {{ element.length | timedelta }}
{{ element.progress | timedelta }} {%- if element.progress > 0 -%}
{% endif %} , Progress:
</li> {{ element.progress | timedelta }}
{% if element.all_tags %} {% endif %}
<li> </li>
Tags: {{ element.all_tags | map(attribute="title") | join(" | ") }} {% if element.all_tags %}
</li> <li>
{% endif %} Tags: {{ element.all_tags | map(attribute="title") | join(" | ") }}
</ul> </li>
<h2>Part of Collections</h2>
<ul>
{% for link in element.collection_links %}
<li>
<a href="{{ link.collection.info_link }}">{{ link.collection.title }}</a>
{%- if link.season != 0 -%}
, Season {{ link.season }}
{% endif %} {% endif %}
{%- if link.episode != 0 -%} </ul>
, Episode {{ link.episode }} <h2>Part of Collections</h2>
{% endif %} <ul>
</li> {% for link in element.collection_links %}
{% endfor %} <li>
</ul> <a href="{{ link.collection.info_link }}">{{ link.collection.title }}</a>
<h2>Links</h2> {%- if link.season != 0 -%}
<ul> , Season {{ link.season }}
{% for link in element.uris|sort(attribute="uri") %} {% endif %}
<li>{{ link.uri | as_link }} {% if element.uri == link.uri %}*{% endif %}</li> {%- if link.episode != 0 -%}
{% endfor %} , Episode {{ link.episode }}
</ul> {% endif %}
</li>
{% endfor %}
</ul>
<h2>Links</h2>
<ul>
{% for link in element.uris|sort(attribute="uri") %}
<li>{{ link.uri | as_link }} {% if element.uri == link.uri %}*{% endif %}</li>
{% endfor %}
</ul>
</div>
</div>
</body> </body>
</html> </html>

Loading…
Cancel
Save