web_UI working - needs more tweaking

This commit is contained in:
nahakubuilde
2025-06-07 11:57:21 +01:00
parent 7053b82d30
commit ce0f7e0ac9
38 changed files with 1257 additions and 2799 deletions

View File

@@ -0,0 +1,194 @@
{% extends "base.html" %}
{% block title %}Domains - Email Server Management{% endblock %}
{% block page_title %}Domain Management{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
<h2>
<i class="bi bi-globe me-2"></i>
Domains
</h2>
<a href="{{ url_for('email.add_domain') }}" class="btn btn-primary">
<i class="bi bi-plus-circle me-2"></i>
Add Domain
</a>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
<i class="bi bi-list-ul me-2"></i>
All Domains
</h5>
</div>
<div class="card-body p-0">
{% if domains %}
<div class="table-responsive">
<table class="table table-dark table-hover mb-0">
<thead>
<tr>
<th>Domain Name</th>
<th>Status</th>
<th>Created</th>
<th>Users</th>
<th>DKIM</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{% for domain in domains %}
<tr>
<td>
<div class="fw-bold">{{ domain.domain_name }}</div>
</td>
<td>
{% if domain.is_active %}
<span class="badge bg-success">
<i class="bi bi-check-circle me-1"></i>
Active
</span>
{% else %}
<span class="badge bg-danger">
<i class="bi bi-x-circle me-1"></i>
Inactive
</span>
{% endif %}
</td>
<td>
<small class="text-muted">
{{ domain.created_at.strftime('%Y-%m-%d %H:%M') }}
</small>
</td>
<td>
<span class="badge bg-info">
{{ domain.users|length if domain.users else 0 }} users
</span>
</td>
<td>
{% set has_dkim = domain.dkim_keys and domain.dkim_keys|selectattr('is_active')|list %}
{% if has_dkim %}
<span class="text-success">
<i class="bi bi-shield-check" title="DKIM Configured"></i>
</span>
{% else %}
<span class="text-warning">
<i class="bi bi-shield-exclamation" title="No DKIM Key"></i>
</span>
{% endif %}
</td>
<td>
<div class="btn-group btn-group-sm" role="group">
<!-- Edit Button -->
<a href="{{ url_for('email.edit_domain', domain_id=domain.id) }}"
class="btn btn-outline-primary"
title="Edit Domain">
<i class="bi bi-pencil"></i>
</a>
<!-- Toggle Enable/Disable Button -->
<form method="post" action="{{ url_for('email.toggle_domain', domain_id=domain.id) }}" class="d-inline">
{% if domain.is_active %}
<button type="submit"
class="btn btn-outline-warning"
onclick="return confirm('Are you sure you want to disable domain \'{{ domain.domain_name }}\'?')"
title="Disable Domain">
<i class="bi bi-pause-circle"></i>
</button>
{% else %}
<button type="submit"
class="btn btn-outline-success"
onclick="return confirm('Are you sure you want to enable domain \'{{ domain.domain_name }}\'?')"
title="Enable Domain">
<i class="bi bi-play-circle"></i>
</button>
{% endif %}
</form>
<!-- Remove Button -->
<form method="post" action="{{ url_for('email.remove_domain', domain_id=domain.id) }}" class="d-inline">
<button type="submit"
class="btn btn-outline-danger"
onclick="return confirm('WARNING: This will permanently delete domain \'{{ domain.domain_name }}\' and ALL associated data (users, IPs, DKIM keys). This action cannot be undone. Are you sure you want to continue?')"
title="Permanently Remove Domain">
<i class="bi bi-trash"></i>
</button>
</form>
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% else %}
<div class="text-center py-5">
<i class="bi bi-globe text-muted" style="font-size: 4rem;"></i>
<h4 class="text-muted mt-3">No domains configured</h4>
<p class="text-muted">Get started by adding your first domain</p>
<a href="{{ url_for('email.add_domain') }}" class="btn btn-primary">
<i class="bi bi-plus-circle me-2"></i>
Add Your First Domain
</a>
</div>
{% endif %}
</div>
</div>
{% if domains %}
<div class="row mt-4">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h6 class="mb-0">
<i class="bi bi-info-circle me-2"></i>
Domain Information
</h6>
</div>
<div class="card-body">
<ul class="list-unstyled mb-0">
<li class="mb-2">
<i class="bi bi-check-circle text-success me-2"></i>
<strong>Active domains:</strong> {{ domains|selectattr('is_active')|list|length }}
</li>
<li class="mb-2">
<i class="bi bi-shield-check text-warning me-2"></i>
<strong>DKIM configured:</strong> {{ domains|selectattr('dkim_keys')|list|length }}
</li>
<li>
<i class="bi bi-people text-info me-2"></i>
<strong>Total users:</strong> {{ domains|sum(attribute='users')|length if domains[0].users is defined else 'N/A' }}
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h6 class="mb-0">
<i class="bi bi-lightbulb me-2"></i>
Quick Tips
</h6>
</div>
<div class="card-body">
<ul class="list-unstyled mb-0">
<li class="mb-2">
<i class="bi bi-arrow-right text-primary me-2"></i>
DKIM keys are automatically generated for new domains
</li>
<li class="mb-2">
<i class="bi bi-arrow-right text-primary me-2"></i>
Configure DNS records after adding domains
</li>
<li>
<i class="bi bi-arrow-right text-primary me-2"></i>
Add users or whitelist IPs for authentication
</li>
</ul>
</div>
</div>
</div>
</div>
{% endif %}
{% endblock %}