HTML file_view.html

{% extends "base.html" %}

{% set active_tab = 'files' %}

{% block title %}{{ filename }} - Second Brain{% endblock %}

{% block content %}
<div class="file-view-container">
    {% if filepath and '/' in filepath %}
    <div class="breadcrumbs">
        <a href="/files" class="breadcrumb">🏠 Home</a>
        {% for part in filepath.split('/') %}
        {% if not loop.last %}
        <span class="breadcrumb-sep">›</span>
        {% set cumulative = (cumulative | default('')) ~ '/' ~ part %}
        <a href="/files{{ cumulative }}" class="breadcrumb">{{ part }}</a>
        {% else %}
        <span class="breadcrumb-sep">›</span>
        <span class="breadcrumb current">{{ part }}</span>
        {% endif %}
        {% endfor %}
    </div>
    {% endif %}

    <div class="page-header">
        <h1>
            {% if lang %}
            <span class="tag">{{ lang | upper }}</span>
            {% endif %}
            {{ filename }}
        </h1>
        <div class="file-view-meta">
            <span>{{ size }}</span>
            <span>{{ mtime }}</span>
        </div>
    </div>

    {% set dir_path = filepath.rsplit('/', 1)[0] if '/' in filepath else '' %}
    <div class="file-actions" style="margin-bottom: var(--spacing-md);">
        <a href="/download/{{ filepath }}" class="btn">⬇️ Download</a>
        {% if dir_path %}
        <a href="/files/{{ dir_path }}" class="btn">← Back</a>
        {% else %}
        <a href="/files" class="btn">← Back</a>
        {% endif %}
    </div>

    <div class="file-view-content">
        <pre><code class="language-{{ lang }}">{{ content | e }}</code></pre>
    </div>
</div>
{% endblock %}