{% extends "admin/base_site.html" %}
{% load i18n admin_urls %}

{% block breadcrumbs %}
    <div class="breadcrumbs">
        <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
        &rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
        &rsaquo; <a href="{% url opts|admin_urlname:'changelist' %}">{{ module_name }}</a>
        &rsaquo; <a
            href="{% url opts|admin_urlname:'change' object.pk|admin_urlquote %}">{{ object|truncatewords:"18" }}</a>
        &rsaquo; {% trans 'History' %}
    </div>
{% endblock %}

{% block content %}
    <style>
        body {
            height: auto;
        }

        body, #container {
            background: #FFF !important;
        }

        #content {
            box-shadow: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        ul > li {
            list-style-type: none;
            padding: 1px 0;
        }

        .module ul {
            padding-left: 10px;
            margin-left: 0;
        }

        .change_info_header {
            padding-bottom: 15px;
            margin-top: 15px;
            margin-bottom: 15px;
            border-bottom: 1px solid #f0f0f0;
        }

    </style>
    <div id="content-main">
        <div class="module">
            <div class="change_info_header">修改记录——{{ action_list|length }}条</div>
            {% if action_list %}
                <el-timeline :reverse="true">
                    {% for action in action_list %}
                        <el-timeline-item timestamp="{{ action.action_time|date:"DATETIME_FORMAT" }}">
                            <div>
                                {{ action.user.get_username }}{% if action.user.get_full_name %} ({{ action.user.get_full_name }}){% endif %} {{ action.get_change_message }}</div>
                        </el-timeline-item>
                    {% endfor %}
                </el-timeline>
            {% else %}
{#                <p>{% trans "This object doesn't have a change history. It probably wasn't added via this admin site." %}</p>#}
{#                <p>暂无变更记录。</p> #}
            {% endif %}
        </div>
    </div>

    <script type="text/javascript">

        new Vue({
            el: '#content-main',
        })
    </script>
{% endblock %}