lib.itmens/common/templates/partial/list_item_game.html

{% load thumb %}
{% load highlight %}
{% load i18n %}
{% load l10n %}
{% load user_item %}
{% current_user_marked_item game as marked %}
<li class="entity-list__entity">
    <div class="entity-list__entity-img-wrapper">
        <a href="{% url 'games:retrieve' game.id %}">
            <img src="{{ game.cover|thumb:'normal' }}" alt="" class="entity-list__entity-img">
        </a>
        {% if not marked %}
        <a class="entity-list__entity-action-icon" hx-post="{% url 'games:wish' game.id %}" title="加入想玩">➕</a>
        {% endif %}
    </div>
    <div class="entity-list__entity-text">
        {% if editable %}
        <div class="collection-item-position-edit">
            {% if not forloop.first %}
            <a hx-target=".entity-list" hx-post="{% url 'collection:move_up_item' form.instance.id collectionitem.id %}">▲</a>
            {% endif %}
            {% if not forloop.last %}
            <a hx-target=".entity-list" hx-post="{% url 'collection:move_down_item' form.instance.id collectionitem.id %}">▼</a>
            {% endif %}
            <a hx-target=".entity-list" hx-post="{% url 'collection:delete_item' form.instance.id collectionitem.id %}">✖</a>
        </div>
        {% endif %}

        <div class="entity-list__entity-title">
            <a href="{% url 'games:retrieve' game.id %}" class="entity-list__entity-link">
                {% if request.GET.q %}
                    {{ game.title | highlight:request.GET.q }}
                {% else %}
                    {{ game.title }}
                {% endif %}
            </a>
            
            {% if not request.GET.c and not hide_category %}
            <span class="entity-list__entity-category">[{{item.verbose_category_name}}]</span>
            {% endif %}
            <a href="{{ game.source_url }}">
                <span class="source-label source-label__{{ game.source_site }}">{{ game.get_source_site_display }}</span>
            </a>
        </div>

        {% if game.rating %}
        <div class="rating-star entity-list__rating-star" data-rating-score="{{ game.rating | floatformat:"0" }}"></div>
        <span class="entity-list__rating-score rating-score">{{ game.rating }}</span>
        {% else %}
        <div class="entity-list__rating entity-list__rating--empty"> {% trans '暂无评分' %}</div>
        {% endif %}

        <span class="entity-list__entity-info entity-list__entity-info--full-length">

            {% if game.other_title %}{% trans '别名' %}:
            {% for other_title in game.other_title %}
            {{ other_title }}{% if not forloop.last %} {% endif %}
            {% endfor %}/
            {% endif %}

            {% if game.developer %}{% trans '开发商' %}:
            {% for developer in game.developer %}
            {{ developer }}{% if not forloop.last %} {% endif %}
            {% endfor %}/
            {% endif %}

            {% if game.genre %}{% trans '类型' %}:
            {% for genre in game.genre %}
            {{ genre }}{% if not forloop.last %} {% endif %}
            {% endfor %}/
            {% endif %}

            {% if game.platform %}{% trans '平台' %}:
            {% for platform in game.platform %}
            {{ platform }}{% if not forloop.last %} {% endif %}
            {% endfor %}
            {% endif %}

        </span>
        <p class="entity-list__entity-brief">
            {{ game.brief }}
        </p>

        <div class="tag-collection">
            {% for tag_dict in game.top_tags %}
            <span class="tag-collection__tag">
                <a href="{% url 'common:search' %}?tag={{ tag_dict.content }}">{{ tag_dict.content }}</a>
            </span>
            {% endfor %}
        </div>

        {% if mark %}
        <div class="clearfix"></div>
        <div class="dividing-line dividing-line--dashed"></div>
        <div class="entity-marks" style="margin-bottom: 0;">
            <ul class="entity-marks__mark-list">
                <li class="entity-marks__mark">
                    {% if mark.rating %}
                    <span class="entity-marks__rating-star rating-star"
                        data-rating-score="{{ mark.rating | floatformat:"0" }}" style="left: -4px;"></span>
                    {% endif %}
                    {% if mark.visibility > 0 %}
                    <span class="icon-lock"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                                <path
                                    d="M17,8.48h-.73V6.27a6.27,6.27,0,1,0-12.53,0V8.48H3a.67.67,0,0,0-.67.67V19.33A.67.67,0,0,0,3,20H17a.67.67,0,0,0,.67-.67V9.15A.67.67,0,0,0,17,8.48ZM6.42,6.27h0a3.57,3.57,0,0,1,7.14,0h0V8.48H6.42Z" />
                        </svg></span>
                    {% endif %}
                    <span class="entity-marks__mark-time">
                        {% trans '于' %} {{ mark.created_time }}
                        {% if status == 'reviewed' %}
                        {% trans '评论' %}: <a href="{% url 'games:retrieve_review' mark.id %}">{{ mark.title }}</a>
                        {% else %}
                        {% trans '标记' %}
                        {% endif %}
                    </span>
                    {% if mark.text %}
                    <p class="entity-marks__mark-content">{{ mark.text }}</p>
                    {% endif %}
                </li>
            </ul>
        </div>
        {% endif %}

        {% if collectionitem %}
        <div class="clearfix"></div>
        <div class="dividing-line dividing-line--dashed"></div>
        <div class="entity-marks" style="margin-bottom: 0;">
            <ul class="entity-marks__mark-list">
                <li class="entity-marks__mark">
                    <p class="entity-marks__mark-content" hx-target="this" hx-swap="innerHTML">
                        {% include "show_item_comment.html" %}
                    </p>
                </li>
            </ul>
        </div>
        {% endif %}
    </div>

</li>