gwng-pythonweb/pythonweb/aboutApp/templates/about.html

{% extends "base.html" %}

{% block title %}{{ title }}{% endblock %}

{% block content %}
<div class="container">
    <div class="row">
                <div class="col-md-3">
            <div class="model-title">
                学院简介
            </div>
            <div class="model-list">
                <ul class="list-group">
                    <li class="list-group-item" id="survey">
                        <a href="{% url 'aboutApp:survey' %}">学院简介</a>
                    </li>
                    <li class="list-group-item" id="leader">
                        <a href="{% url 'aboutApp:leader' %}">领导分工</a>
                    </li>
                    <li class="list-group-item" id="organization">
                        <a href="{% url 'aboutApp:organization' %}">机构设置</a>
                    </li>
                    <li class="list-group-item" id="major">
                        <a href="{% url 'aboutApp:major' %}">专业介绍</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-md-9">
            <div class="model-details-title">{{ title }}</div>
            {% if type == 'art' %}
            <div class="model-details">
                {{ content|safe }}
            </div>
            {% else %}
            <div class="row">
                {% for article in list %}
                <div class="col-md-4">
                    <div class="thumbnail">
                        {% if article.cover %}
                        <img src="{{ article.cover }}" alt="{{ article.title }}" class="img-responsive" style="height:200px;object-fit:cover;">
                        {% endif %}
                        <div class="caption">
                            <h4 style="text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"><a href="{%url 'article' id=article.id%}" target="_blank">{{ article.title }}</a></h4>
                            <p style="text-align:center;color:#999;">{{ article.created_at|date:"Y-m-d" }}</p>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
            {% if list.has_other_pages %}
            <nav>
                <ul class="pagination">
                    {% if list.has_previous %}
                    <li><a href="?page={{ list.previous_page_number }}">&laquo;上一页</a></li>
                    {% endif %}
                    <li><span>第 {{ list.number }} / {{ list.paginator.num_pages }} 页</span></li>
                    {% if list.has_next %}
                    <li><a href="?page={{ list.next_page_number }}">下一页&raquo;</a></li>
                    {% endif %}
                </ul>
            </nav>
            {% endif %}
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}