push
This commit is contained in:
Mateusz Gruszczyński
229
app/templates/admin/index.html
Normal file
229
app/templates/admin/index.html
Normal file
@@ -0,0 +1,229 @@
|
||||
{% extends 'admin/admin_base.html' %}
|
||||
{% block title %}<i class="fa-solid fa-shield-halved me-2 text-primary"></i>Panel admina{% endblock %}
|
||||
{% block admin_content %}
|
||||
<div class="d-flex justify-content-between align-items-start flex-wrap gap-3 mb-4">
|
||||
<div>
|
||||
<h4 class="mb-1">Administracja systemem</h4>
|
||||
<div class="text-secondary">
|
||||
Jedno miejsce do zarządzania konfiguracją globalną, firmami, użytkownikami i danymi testowymi.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-md-4">
|
||||
<div class="card shadow-sm h-100 border-0">
|
||||
<div class="card-body">
|
||||
<div class="small text-secondary mb-1">Użytkownicy</div>
|
||||
<div class="display-6">{{ users }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card shadow-sm h-100 border-0">
|
||||
<div class="card-body">
|
||||
<div class="small text-secondary mb-1">Firmy</div>
|
||||
<div class="display-6">{{ companies }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card shadow-sm h-100 border-0">
|
||||
<div class="card-body">
|
||||
<div class="small text-secondary mb-1">Firmy z mock</div>
|
||||
<div class="display-6">{{ mock_enabled }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-xl-6">
|
||||
<div class="card shadow-sm h-100 border-0">
|
||||
<div class="card-body p-4">
|
||||
<div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
|
||||
<div>
|
||||
<div class="small text-secondary mb-1">Tryb tylko do odczytu</div>
|
||||
<h5 class="mb-1">Globalna blokada zapisów</h5>
|
||||
<div class="text-secondary">
|
||||
Szybkie przełączenie systemu między pracą operacyjną i bezpiecznym trybem tylko do odczytu.
|
||||
</div>
|
||||
</div>
|
||||
<span class="badge rounded-pill {{ 'text-bg-warning' if global_ro else 'text-bg-light border text-secondary' }}">
|
||||
{{ 'Aktywna' if global_ro else 'Wyłączona' }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex flex-wrap gap-2">
|
||||
<form method="post" action="{{ url_for('admin.toggle_global_read_only') }}" class="m-0">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<input type="hidden" name="enabled" value="1">
|
||||
<button class="btn btn-sm btn-outline-warning" {{ 'disabled' if global_ro else '' }}>
|
||||
<i class="fa-solid fa-eye me-1"></i>Włącz R/O
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<form method="post" action="{{ url_for('admin.toggle_global_read_only') }}" class="m-0">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<input type="hidden" name="enabled" value="0">
|
||||
<button class="btn btn-sm btn-outline-secondary" {{ '' if global_ro else 'disabled' }}>
|
||||
<i class="fa-solid fa-pen me-1"></i>Wyłącz R/O
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card shadow-sm h-100 border-0">
|
||||
<div class="card-body p-4">
|
||||
<div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
|
||||
<div>
|
||||
<div class="small text-secondary mb-1">Dane testowe i mock</div>
|
||||
<h5 class="mb-1">Środowisko demonstracyjne</h5>
|
||||
<div class="text-secondary">
|
||||
Generowanie zestawu startowego i szybkie czyszczenie danych do testów prezentacyjnych.
|
||||
</div>
|
||||
</div>
|
||||
<span class="badge rounded-pill text-bg-light border text-secondary">
|
||||
{{ mock_enabled }} firm
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex flex-wrap gap-2">
|
||||
<form method="post" action="{{ url_for('admin.generate_mock_data') }}" class="m-0">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<button class="btn btn-sm btn-outline-primary">
|
||||
<i class="fa-solid fa-database me-1"></i>Generuj dane mock
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<form method="post" action="{{ url_for('admin.clear_mock_data') }}" class="m-0">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<button class="btn btn-sm btn-outline-danger">
|
||||
<i class="fa-solid fa-trash-can me-1"></i>Usuń dane mock
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="card shadow-sm border-0">
|
||||
<div class="card-header bg-body-tertiary">
|
||||
<div class="fw-semibold">
|
||||
<i class="fa-solid fa-link me-2"></i>API CEIDG
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body p-4">
|
||||
<form method="post" action="{{ url_for('admin.save_ceidg_settings') }}" id="ceidg-config-form">
|
||||
{{ ceidg_form.hidden_tag() }}
|
||||
{{ ceidg_form.environment(value='production') }}
|
||||
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="border rounded-3 p-3 h-100 bg-body-tertiary-subtle">
|
||||
<div class="d-flex align-items-center justify-content-between gap-2 mb-2">
|
||||
<label class="form-label mb-0 fw-semibold">Środowisko CEIDG</label>
|
||||
<span
|
||||
class="text-secondary"
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-placement="top"
|
||||
title="CEIDG działa wyłącznie w środowisku produkcyjnym. Wybór środowiska został ukryty."
|
||||
>
|
||||
<i class="fa-regular fa-circle-question"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<span class="badge rounded-pill text-bg-success-subtle text-success-emphasis border border-success-subtle">
|
||||
PROD
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="form-text mt-2 mb-0">
|
||||
Tryb produkcyjny jest używany stale.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="border rounded-3 p-3 h-100 bg-body-tertiary-subtle">
|
||||
<div class="d-flex align-items-center justify-content-between gap-2 mb-2">
|
||||
<label class="form-label mb-0 fw-semibold">Status klucza</label>
|
||||
<span
|
||||
class="text-secondary"
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-placement="top"
|
||||
title="{% if ceidg_api_key_configured %}W systemie zapisano klucz CEIDG. Pozostawienie pustego pola nie usuwa obecnej wartości.{% else %}Klucz CEIDG nie został jeszcze zapisany. Wklej go poniżej i zapisz ustawienia.{% endif %}"
|
||||
>
|
||||
<i class="fa-regular fa-circle-question"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<span class="badge rounded-pill {{ 'text-bg-success-subtle text-success-emphasis border border-success-subtle' if ceidg_api_key_configured else 'text-bg-danger-subtle text-danger-emphasis border border-danger-subtle' }}">
|
||||
{{ 'Klucz dodany' if ceidg_api_key_configured else 'Brak klucza' }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="form-text mt-2 mb-0">
|
||||
{% if ceidg_api_key_configured %}
|
||||
Klucz jest zapisany w systemie.
|
||||
{% else %}
|
||||
Wprowadź klucz i zapisz formularz.
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-12">
|
||||
<label class="form-label d-flex align-items-center gap-2" for="{{ ceidg_form.api_key.id }}">
|
||||
<span>{{ ceidg_form.api_key.label.text }}</span>
|
||||
<span
|
||||
class="text-secondary"
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-placement="top"
|
||||
title="Wklej nowy token CEIDG. Pozostawienie pustego pola zachowuje aktualnie zapisany token."
|
||||
>
|
||||
<i class="fa-regular fa-circle-question"></i>
|
||||
</span>
|
||||
</label>
|
||||
|
||||
<div class="input-group">
|
||||
{{ ceidg_form.api_key(class='form-control', autocomplete='off', placeholder='Wklej nowy token CEIDG') }}
|
||||
<span class="input-group-text">
|
||||
<i class="fa-solid fa-key text-secondary"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="form-text">
|
||||
Pozostaw puste, aby zachować zapisany klucz. CEIDG działa stale na PROD.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 pt-2">
|
||||
{{ ceidg_form.submit(class='btn btn-primary px-4') }}
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
if (window.bootstrap && bootstrap.Tooltip) {
|
||||
document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(function (el) {
|
||||
new bootstrap.Tooltip(el);
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user