fix settings page

This commit is contained in:
2025-06-10 11:48:34 +02:00
parent 5bb0667060
commit b96d5e4487
5 changed files with 75 additions and 10 deletions

View File

@@ -3,6 +3,10 @@
{% block title %}{{ instance.name }} - DocuPulse{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/settings.css') }}?v={{ 'css/settings.css'|asset_version }}">
{% endblock %}
{% block content %}
{{ header(
title="Instance Details",
@@ -75,10 +79,53 @@
</div>
</div>
<!-- Content will be added later -->
<div class="row">
<div class="col-12">
<!-- Content will be added later -->
<!-- Tabs Section -->
<div class="card">
<div class="card-header bg-white">
<ul class="nav nav-tabs card-header-tabs" id="instanceTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="overview-tab" data-bs-toggle="tab" data-bs-target="#overview" type="button" role="tab" aria-controls="overview" aria-selected="true">
<i class="fas fa-info-circle me-2"></i>Overview
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="statistics-tab" data-bs-toggle="tab" data-bs-target="#statistics" type="button" role="tab" aria-controls="statistics" aria-selected="false">
<i class="fas fa-chart-bar me-2"></i>Statistics
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="settings-tab" data-bs-toggle="tab" data-bs-target="#settings" type="button" role="tab" aria-controls="settings" aria-selected="false">
<i class="fas fa-cog me-2"></i>Settings
</button>
</li>
</ul>
</div>
<div class="card-body">
<div class="tab-content" id="instanceTabsContent">
<!-- Overview Tab -->
<div class="tab-pane fade show active" id="overview" role="tabpanel" aria-labelledby="overview-tab">
<div class="alert alert-info">
<i class="fas fa-info-circle me-2"></i>
Overview content will be available soon.
</div>
</div>
<!-- Statistics Tab -->
<div class="tab-pane fade" id="statistics" role="tabpanel" aria-labelledby="statistics-tab">
<div class="alert alert-info">
<i class="fas fa-info-circle me-2"></i>
Statistics content will be available soon.
</div>
</div>
<!-- Settings Tab -->
<div class="tab-pane fade" id="settings" role="tabpanel" aria-labelledby="settings-tab">
<div class="alert alert-info">
<i class="fas fa-info-circle me-2"></i>
Settings content will be available soon.
</div>
</div>
</div>
</div>
</div>
</div>