nordabiz/templates/settings/blocks.html
Maciej Pienczyn 110d971dca
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
feat: migrate prod docs to OVH VPS + UTC→Warsaw timezone in all templates
Production moved from on-prem VM 249 (10.22.68.249) to OVH VPS
(57.128.200.27, inpi-vps-waw01). Updated ALL documentation, slash
commands, memory files, architecture docs, and deploy procedures.

Added |local_time Jinja filter (UTC→Europe/Warsaw) and converted
155 .strftime() calls across 71 templates so timestamps display
in Polish timezone regardless of server timezone.

Also includes: created_by_id tracking, abort import fix, ICS
calendar fix for missing end times, Pros Poland data cleanup.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-06 13:41:53 +02:00

275 lines
8.0 KiB
HTML

{% extends "base.html" %}
{% block title %}Zablokowani użytkownicy - Norda Biznes Partner{% endblock %}
{% block extra_css %}
<style>
.settings-header {
margin-bottom: var(--spacing-xl);
}
.settings-header h1 {
font-size: var(--font-size-3xl);
color: var(--text-primary);
margin-bottom: var(--spacing-sm);
display: flex;
align-items: center;
gap: var(--spacing-md);
}
.settings-header p {
color: var(--text-secondary);
font-size: var(--font-size-lg);
}
.settings-card {
background: white;
border-radius: var(--radius-lg);
padding: var(--spacing-xl);
border: 1px solid var(--border-color);
box-shadow: var(--shadow);
margin-bottom: var(--spacing-lg);
}
.settings-card h2 {
font-size: var(--font-size-xl);
color: var(--text-primary);
margin-bottom: var(--spacing-md);
padding-bottom: var(--spacing-md);
border-bottom: 1px solid var(--border-color);
}
.settings-nav {
display: flex;
gap: var(--spacing-md);
margin-bottom: var(--spacing-xl);
flex-wrap: wrap;
}
.settings-nav a {
padding: var(--spacing-sm) var(--spacing-md);
border-radius: var(--radius-md);
text-decoration: none;
color: var(--text-secondary);
background: var(--bg-secondary);
transition: all 0.2s;
}
.settings-nav a:hover {
background: var(--bg-tertiary);
color: var(--text-primary);
}
.settings-nav a.active {
background: var(--primary);
color: white;
}
.blocked-list {
list-style: none;
padding: 0;
margin: 0;
}
.blocked-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: var(--spacing-md);
border-bottom: 1px solid var(--border-light);
}
.blocked-item:last-child {
border-bottom: none;
}
.blocked-info {
display: flex;
align-items: center;
gap: var(--spacing-md);
}
.blocked-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--bg-tertiary);
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
color: var(--text-secondary);
}
.blocked-name {
font-weight: 500;
color: var(--text-primary);
}
.blocked-date {
font-size: var(--font-size-sm);
color: var(--text-muted);
}
.btn-unblock {
background: var(--bg-secondary);
border: 1px solid var(--border-color);
color: var(--text-secondary);
padding: var(--spacing-xs) var(--spacing-md);
border-radius: var(--radius-md);
cursor: pointer;
font-size: var(--font-size-sm);
transition: all 0.2s;
}
.btn-unblock:hover {
background: var(--error);
color: white;
border-color: var(--error);
}
.add-block-form {
display: flex;
gap: var(--spacing-md);
align-items: flex-end;
flex-wrap: wrap;
}
.add-block-form .form-group {
flex: 1;
min-width: 200px;
}
.add-block-form select {
width: 100%;
padding: var(--spacing-sm);
border: 1px solid var(--border-color);
border-radius: var(--radius-md);
font-size: var(--font-size-base);
}
.empty-state {
text-align: center;
padding: var(--spacing-2xl);
color: var(--text-secondary);
}
.empty-state svg {
width: 48px;
height: 48px;
margin-bottom: var(--spacing-md);
opacity: 0.5;
}
.info-banner {
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
border: 1px solid #fbbf24;
border-radius: var(--radius-lg);
padding: var(--spacing-lg);
margin-bottom: var(--spacing-xl);
display: flex;
align-items: flex-start;
gap: var(--spacing-md);
}
.info-banner svg {
width: 24px;
height: 24px;
color: #d97706;
flex-shrink: 0;
}
.info-banner .info-text {
color: #92400e;
font-size: var(--font-size-sm);
}
</style>
{% endblock %}
{% block content %}
<div class="settings-header">
<h1>
<svg width="32" height="32" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" style="color: var(--error);">
<path d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"/>
</svg>
Zablokowani użytkownicy
</h1>
<p>Zarządzaj listą zablokowanych użytkowników</p>
</div>
<div class="settings-nav">
<a href="{{ url_for('settings_privacy') }}">Prywatność</a>
<a href="{{ url_for('settings_blocks') }}" class="active">Blokady</a>
<a href="{{ url_for('settings_2fa') }}">Uwierzytelnianie 2FA</a>
</div>
<div class="info-banner">
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
<div class="info-text">
Zablokowany użytkownik nie może wysyłać Ci wiadomości, a Ty nie możesz wysyłać wiadomości do niego.
Blokowanie działa w obie strony.
</div>
</div>
<!-- Add block form -->
<div class="settings-card">
<h2>Zablokuj użytkownika</h2>
<form method="POST" action="{{ url_for('settings_blocks_add') }}" class="add-block-form">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<div class="form-group">
<label for="user_id">Wybierz użytkownika</label>
<select id="user_id" name="user_id" required>
<option value="">-- Wybierz --</option>
{% for user in available_users %}
<option value="{{ user.id }}">{{ user.name or user.email.split('@')[0] }}{% if user.name %} ({{ user.email.split('@')[1].split('.')[0] }}){% endif %}</option>
{% endfor %}
</select>
</div>
<button type="submit" class="btn btn-primary">
<svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" style="margin-right: 6px;">
<path d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"/>
</svg>
Zablokuj
</button>
</form>
</div>
<!-- Blocked users list -->
<div class="settings-card">
<h2>Lista zablokowanych ({{ blocks|length }})</h2>
{% if blocks %}
<ul class="blocked-list">
{% for block in blocks %}
<li class="blocked-item">
<div class="blocked-info">
<div class="blocked-avatar">
{{ (block.blocked_user.name or block.blocked_user.email)[0].upper() }}
</div>
<div>
<div class="blocked-name">{{ block.blocked_user.name or block.blocked_user.email.split('@')[0] }}</div>
<div class="blocked-date">Zablokowano: {{ block.created_at|local_time('%d.%m.%Y') if block.created_at else '-' }}</div>
</div>
</div>
<form method="POST" action="{{ url_for('settings_blocks_remove', block_id=block.id) }}" style="margin: 0;">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<button type="submit" class="btn-unblock" onclick="return confirm('Czy na pewno chcesz odblokować tego użytkownika?')">
Odblokuj
</button>
</form>
</li>
{% endfor %}
</ul>
{% else %}
<div class="empty-state">
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
<p>Nie masz zablokowanych użytkowników</p>
</div>
{% endif %}
</div>
{% endblock %}