flask-htmx-board1/templates/i-posts.html

89 lines
6.1 KiB
HTML
Raw Normal View History

2023-07-13 19:59:56 +10:00
{% if postos | length > 0 %}
2023-07-14 13:19:50 +10:00
{% for posto in postos %}
<div class="row">
{% if posto.root_post %}
2023-07-19 01:30:56 +10:00
<div class="card s5 deep-orange accent-4 darken-1">
2023-07-14 13:19:50 +10:00
{% else %}
2023-07-19 01:30:56 +10:00
<div class="card s5 blue-grey darken-1">
2023-07-14 13:19:50 +10:00
{% endif %}
<div class="row" id="post-{{ posto._key }}">
<div class="col s4">
2024-01-29 23:59:38 +10:00
{% if posto.images[0] | length > 0 %}
2023-07-14 13:19:50 +10:00
<div class="card-image">
2024-01-29 23:51:59 +10:00
<!-- <div class="hex-main">
2023-07-14 13:19:50 +10:00
<div class="hex-container">
<a href="https://loremflickr.com/g/320/240/paris" target="_blank" ">
<img src="https://loremflickr.com/g/320/240/paris">
</a>
</div>
2024-01-29 23:51:59 +10:00
</div> -->
2024-01-29 23:53:26 +10:00
<div class="card-image" style=" margin:10px; ">
2024-01-29 23:51:59 +10:00
<img src="https://loremflickr.com/g/320/240/paris">
2024-01-29 23:53:41 +10:00
<span class="card-title"><a class="card-action" href="#post-{{ posto.parent_post }}"> >>{{ posto.parent_post }} </a> </span>
2024-01-29 23:51:59 +10:00
</div>
2023-07-14 13:19:50 +10:00
</div>
2024-01-29 23:59:38 +10:00
{% endif %}
2023-07-14 13:16:05 +10:00
</div>
2023-07-14 13:19:50 +10:00
<div class="col s8">
<div class="card-content white-text">
<span class="card-title">#{{ posto._key }}
<span class="new badge blue" data-badge-caption="">Ответов: {{ posto.answers_num }}</span>
<span class="new badge red" data-badge-caption="">Длина треда: {{ posto.children_num }}</span>
</span>
{% if posto.parent_post %}
<a class="card-action" href="#post-{{ posto.parent_post }}"> >>{{ posto.parent_post }} </a>
{% endif %}
<p>{{ posto.texto }}</p>
2023-07-19 01:03:05 +10:00
2024-01-29 02:09:55 +10:00
<!-- {% if posto.answers_list[0] | length > 0 %}
2023-07-19 01:03:05 +10:00
<br>
<p>Ответы:</p>
2023-07-19 01:04:55 +10:00
<div class="collection">
2023-07-19 01:22:07 +10:00
{% for ans in posto.answers_list[0] %}
2023-07-19 01:26:52 +10:00
{% if (posto.answers_list[1])[loop.index-1] > 0 %}
{% if (posto.answers_list[2])[loop.index-1] > 0 %}
2024-01-29 02:03:20 +10:00
<a href="#post-{{ (posto.answers_list[0])[loop.index-1] }}" class="collection-item" style="padding: 2px 2px;">>>{{ (posto.answers_list[0])[loop.index-1] }} (ответов {{ (posto.answers_list[1])[loop.index-1] }}, длина {{ (posto.answers_list[2])[loop.index-1] }})</a>
2023-07-19 01:26:52 +10:00
{% else %}
2024-01-29 02:03:20 +10:00
<a href="#post-{{ (posto.answers_list[0])[loop.index-1] }}" class="collection-item" style="padding: 2px 2px;">>>{{ (posto.answers_list[0])[loop.index-1] }} (ответов {{ (posto.answers_list[1])[loop.index-1] }})</a>
2023-07-19 01:26:52 +10:00
{% endif %}
2023-07-19 01:24:55 +10:00
{% else %}
2024-01-29 02:03:20 +10:00
<a href="#post-{{ (posto.answers_list[0])[loop.index-1] }}" class="collection-item" style="padding: 2px 2px;">>>{{ (posto.answers_list[0])[loop.index-1] }}</a>
2023-07-19 01:24:55 +10:00
{% endif %}
2023-07-19 01:03:05 +10:00
{% endfor %}
2023-07-19 01:04:55 +10:00
</div>
2024-01-29 02:09:55 +10:00
{% endif %} -->
2023-07-14 13:19:50 +10:00
</div>
2023-07-14 13:16:05 +10:00
</div>
2024-01-29 02:11:01 +10:00
<div class="col s12">
<div class="card-action right">
<!-- <a href="#" hx-post="/post_my_post/{{ posto._key }}" hx-target="#neu-posts" >Answer me!</a> -->
<a href="#answer-post" hx-post="/answer_post/{{ posto._key }}" hx-target="#answer-post" >Ответить этому.</a>
</div>
</div>
2023-07-14 13:19:50 +10:00
<div class="col s12">
2023-07-19 01:48:55 +10:00
<!-- TODO !подгрузка следующего поста в конец треда без перезагрузки всего треда! -->
2024-01-29 02:08:44 +10:00
<div class="card-action left">
<!-- <a href="#" hx-post="/post_my_post/{{ posto._key }}" hx-target="#neu-posts" >Answer me!</a> -->
{% if posto.answers_list[0] | length > 0 %}
<p>Ответы:</p>
{% for ans in posto.answers_list[0] %}
{% if (posto.answers_list[1])[loop.index-1] > 0 %}
{% if (posto.answers_list[2])[loop.index-1] > 0 %}
2024-01-29 02:09:55 +10:00
<a href="#post-{{ (posto.answers_list[0])[loop.index-1] }}" class="collection-item" style="padding: 2px 2px;">>>{{ (posto.answers_list[0])[loop.index-1] }} (ответов {{ (posto.answers_list[1])[loop.index-1] }}, длина {{ (posto.answers_list[2])[loop.index-1] }})</a>
2024-01-29 02:08:44 +10:00
{% else %}
2024-01-29 02:09:55 +10:00
<a href="#post-{{ (posto.answers_list[0])[loop.index-1] }}" class="collection-item" style="padding: 2px 2px;">>>{{ (posto.answers_list[0])[loop.index-1] }} (ответов {{ (posto.answers_list[1])[loop.index-1] }})</a>
2024-01-29 02:08:44 +10:00
{% endif %}
{% else %}
2024-01-29 02:09:55 +10:00
<a href="#post-{{ (posto.answers_list[0])[loop.index-1] }}" class="collection-item" style="padding: 2px 2px;">>>{{ (posto.answers_list[0])[loop.index-1] }}</a>
2024-01-29 02:08:44 +10:00
{% endif %}
{% endfor %}
{% endif %}
</div>
2023-07-14 13:16:05 +10:00
</div>
2023-07-13 20:23:27 +10:00
</div>
2023-07-13 21:34:06 +10:00
</div>
2023-07-14 13:19:50 +10:00
</div>
2023-07-14 13:16:32 +10:00
{% endfor %}
2023-07-13 19:50:45 +10:00
{% endif %}