diary-family/core/templates/core/index.html

{% extends 'core/base.html' %}

{% block content %}
<div class="row">
    <!-- 今日概览 -->
    <div class="col-md-8">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h5 class="card-title mb-0">今日概览</h5>
            </div>
            <div class="card-body">
                <h6>日期：{{ today }}</h6>
                <div class="mt-4">
                    <h5>今日计划</h5>
                    {% if today_plan %}
                    <ul class="list-group">
                        {% for plan in today_plan %}
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <div>
                                <strong>{{ plan.content }}</strong>
                                <small class="text-muted"> - {{ plan.get_type_display }} - {{ plan.get_priority_display }}</small>
                            </div>
                            <span class="badge {% if plan.status == 'completed' %}bg-success{% else %}bg-warning{% endif %} status-badge">
                                {{ plan.get_status_display }}
                            </span>
                        </li>
                        {% endfor %}
                    </ul>
                    {% else %}
                    <p class="text-muted">今天还没有计划，快去添加吧！</p>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
    
    <!-- 待处理事项 -->
    <div class="col-md-4">
        <div class="card">
            <div class="card-header bg-warning text-dark">
                <h5 class="card-title mb-0">待处理事项</h5>
            </div>
            <div class="card-body">
                {% if pending_family_tasks %}
                <ul class="list-group">
                    {% for task in pending_family_tasks %}
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        <div>
                            <strong>{{ task.content }}</strong>
                            <small class="text-muted"> - {{ task.get_type_display }}</small>
                        </div>
                        <span class="badge bg-info status-badge">{{ task.get_priority_display }}</span>
                    </li>
                    {% endfor %}
                </ul>
                {% else %}
                <p class="text-muted">没有待处理的家庭事项</p>
                {% endif %}
                <a href="{% url 'family_tasks' %}" class="btn btn-sm btn-outline-warning mt-3">查看所有家庭事项</a>
            </div>
        </div>
        
        <!-- 快捷操作 -->
        <div class="card mt-4">
            <div class="card-header bg-info text-white">
                <h5 class="card-title mb-0">快捷操作</h5>
            </div>
            <div class="card-body">
                <div class="btn-group-vertical w-100">
                    <a href="{% url 'yesterday_records' %}" class="btn btn-outline-primary mb-2">追加昨日信息</a>
                    <a href="{% url 'today_plan' %}" class="btn btn-outline-primary mb-2">管理今日计划</a>
                    <a href="{% url 'generate_report' %}" class="btn btn-outline-primary mb-2">查看今日报告</a>
                    <a href="{% url 'send_email' %}" class="btn btn-outline-success">发送今日邮件</a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 昨日记录 -->
<div class="row mt-4">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header bg-secondary text-white">
                <h5 class="card-title mb-0">昨日记录 ({{ yesterday }})</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <!-- 昨日阅读 -->
                    <div class="col-md-6">
                        <h5>阅读记录</h5>
                        {% if yesterday_reading %}
                        <ul class="list-group">
                            {% for reading in yesterday_reading %}
                            <li class="list-group-item">
                                <strong>{{ reading.title }}</strong> ({{ reading.get_type_display }})
                                {% if reading.source %}
                                <small class="text-muted"> - {{ reading.source }}</small>
                                {% endif %}
                                {% if reading.progress %}
                                <div class="mt-1"><small>进度：{{ reading.progress }}</small></div>
                                {% endif %}
                                {% if reading.note %}
                                <div class="mt-1"><small>笔记：{{ reading.note|truncatechars:100 }}</small></div>
                                {% endif %}
                                {% if reading.file %}
                                <div class="mt-1">
                                    <a href="{{ reading.file.url }}" class="file-link" target="_blank"><i class="bi bi-file-earmark"></i> 查看附件</a>
                                </div>
                                {% endif %}
                            </li>
                            {% endfor %}
                        </ul>
                        {% else %}
                        <p class="text-muted">昨日没有阅读记录</p>
                        {% endif %}
                    </div>
                    
                    <!-- 昨日感悟 -->
                    <div class="col-md-6">
                        <h5>感悟记录</h5>
                        {% if yesterday_insight %}
                        <ul class="list-group">
                            {% for insight in yesterday_insight %}
                            <li class="list-group-item">
                                {{ insight.content }}
                                {% if insight.file %}
                                <div class="mt-1">
                                    <a href="{{ insight.file.url }}" class="file-link" target="_blank"><i class="bi bi-file-earmark"></i> 查看附件</a>
                                </div>
                                {% endif %}
                            </li>
                            {% endfor %}
                        </ul>
                        {% else %}
                        <p class="text-muted">昨日没有感悟记录</p>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}