58 lines
No EOL
2.6 KiB
HTML
58 lines
No EOL
2.6 KiB
HTML
{% load i18n static %}
|
||
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>{% blocktranslate %}Folder – {{ folder.name }}{% endblocktranslate %}</title>
|
||
<!-- Bootstrap 5.3.3 (local) -->
|
||
<link href="{% static 'common/bootstrap.min.css' %}" rel="stylesheet">
|
||
<!-- Bootstrap Icons 1.11.3 (local) -->
|
||
<link href="{% static 'common/bootstrap-icons.min.css' %}" rel="stylesheet">
|
||
</head>
|
||
<body class="bg-light">
|
||
<div class="container py-5">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8">
|
||
<div class="card shadow-sm mb-4">
|
||
<div class="card-header d-flex justify-content-between align-items-center">
|
||
<h3 class="mb-0">{{ folder.name }}</h3>
|
||
<span class="badge bg-secondary">{% translate "Shared folder" %}</span>
|
||
</div>
|
||
<div class="card-body">
|
||
{% if folder.description %}
|
||
<p class="text-muted">{{ folder.description }}</p>
|
||
{% endif %}
|
||
{% if subfolders %}
|
||
<h5 class="mt-3">{% translate "Subfolders" %}</h5>
|
||
<ul class="list-group list-group-flush mb-3">
|
||
{% for subfolder in subfolders %}
|
||
<li class="list-group-item">{{ subfolder.name }}</li>
|
||
{% endfor %}
|
||
</ul>
|
||
{% endif %}
|
||
<h5>{% translate "Documents" %}</h5>
|
||
{% if documents %}
|
||
<ul class="list-group list-group-flush">
|
||
{% for document in documents %}
|
||
<li class="list-group-item">
|
||
<div class="fw-semibold">{{ document.title }}</div>
|
||
{% if document.description %}
|
||
<div class="small text-muted">{{ document.description }}</div>
|
||
{% endif %}
|
||
</li>
|
||
{% endfor %}
|
||
</ul>
|
||
{% else %}
|
||
<p class="text-muted mb-0">{% translate "No documents available in this folder." %}</p>
|
||
{% endif %}
|
||
</div>
|
||
<div class="card-footer text-muted text-end">
|
||
{% translate "Shared via access link" %}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |