0ffd47ca96
* new style with picocss * djlint * rate distribution * collection item drag to order * discover available for guest * search combine movie tv
57 lines
1.9 KiB
HTML
57 lines
1.9 KiB
HTML
{% load thumb %}
|
|
{% load i18n %}
|
|
{% load l10n %}
|
|
<div class="item-list sortable">
|
|
{% for member in collection.ordered_members %}
|
|
{% with "list_item_"|add:member.item.class_name|add:".html" as template %}
|
|
{% include template with item=member.item mark=None collection_member=member %}
|
|
{% endwith %}
|
|
{% empty %}
|
|
暂无条目
|
|
{% endfor %}
|
|
</div>
|
|
{% if collection_edit %}
|
|
<form class="entity-form"
|
|
hx-target="#collection_items"
|
|
hx-post="{% url 'journal:collection_append_item' collection.uuid %}"
|
|
method="post">
|
|
{% csrf_token %}
|
|
<input type="url"
|
|
name="url"
|
|
placeholder="{{ request.scheme }}://{{ request.get_host }}/item/abcd123"
|
|
style="min-width:24rem"
|
|
required>
|
|
<input type="text"
|
|
name="comment"
|
|
placeholder="{% trans '备注' %}"
|
|
style="min-width:24rem">
|
|
<input class="button" type="submit" value="{% trans '添加站内条目到收藏夹' %}">
|
|
</form>
|
|
<script>
|
|
$(function () {
|
|
sortable('.sortable', {
|
|
forcePlaceholderSize: true,
|
|
placeholderClass: 'entity-sort--placeholder',
|
|
hoverClass: 'entity-sort--hover'
|
|
});
|
|
});
|
|
function update_member_order() {
|
|
var member_ids = [];
|
|
$('.sortable>.item-card').each(function () {
|
|
member_ids.push($(this).data('member-id'));
|
|
});
|
|
$('#member_ids').val(member_ids.join(','));
|
|
return true;
|
|
}
|
|
</script>
|
|
<form class="entity-form"
|
|
hx-target="#collection_items"
|
|
hx-post="{% url 'journal:collection_update_member_order' collection.uuid %}"
|
|
onsubmit="return update_member_order()"
|
|
method="post">
|
|
{% csrf_token %}
|
|
<input type="hidden" name="member_ids" id="member_ids" required>
|
|
<input type="submit" class="secondary" value="拖拽修改条目顺序后点击这里保存">
|
|
</form>
|
|
{% endif %}
|
|
{% if msg %}<script type="text/javascript">alert("{{ msg|escapejs }}");</script>{% endif %}
|