Maciej Pienczyn
66856a697d
Phase 1 of app.py refactoring - reducing from ~14,455 to ~13,699 lines.
New structure:
- blueprints/reports/ - 4 routes (/raporty/*)
- blueprints/community/contacts/ - 6 routes (/kontakty/*)
- blueprints/community/classifieds/ - 4 routes (/tablica/*)
- blueprints/community/calendar/ - 3 routes (/kalendarz/*)
- utils/ - decorators, helpers, notifications, analytics
- extensions.py - Flask extensions (csrf, login_manager, limiter)
- config.py - environment configurations
Updated templates with blueprint-prefixed url_for() calls.
⚠️ DO NOT DEPLOY before presentation on 2026-01-30 19:00
Tested on DEV: all endpoints working correctly.
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
365 lines
11 KiB
HTML
Executable File
365 lines
11 KiB
HTML
Executable File
{% extends "base.html" %}
|
|
|
|
{% block title %}Tablica B2B - Norda Biznes Hub{% endblock %}
|
|
|
|
{% block extra_css %}
|
|
<style>
|
|
.classifieds-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: var(--spacing-xl);
|
|
}
|
|
|
|
.classifieds-header h1 {
|
|
font-size: var(--font-size-3xl);
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
.filters {
|
|
display: flex;
|
|
gap: var(--spacing-md);
|
|
margin-bottom: var(--spacing-xl);
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.filter-group {
|
|
display: flex;
|
|
gap: var(--spacing-xs);
|
|
}
|
|
|
|
.filter-btn {
|
|
padding: var(--spacing-sm) var(--spacing-md);
|
|
border-radius: var(--radius);
|
|
border: 1px solid var(--border);
|
|
background: var(--surface);
|
|
text-decoration: none;
|
|
color: var(--text-secondary);
|
|
font-size: var(--font-size-sm);
|
|
transition: var(--transition);
|
|
}
|
|
|
|
.filter-btn:hover {
|
|
background: var(--background);
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
.filter-btn.active {
|
|
background: var(--primary);
|
|
border-color: var(--primary);
|
|
color: white;
|
|
}
|
|
|
|
.classifieds-grid {
|
|
display: grid;
|
|
gap: var(--spacing-lg);
|
|
}
|
|
|
|
.classified-card {
|
|
background: var(--surface);
|
|
border-radius: var(--radius-lg);
|
|
padding: var(--spacing-lg);
|
|
box-shadow: var(--shadow);
|
|
transition: var(--transition);
|
|
}
|
|
|
|
.classified-card:hover {
|
|
box-shadow: var(--shadow-md);
|
|
}
|
|
|
|
.classified-card.szukam {
|
|
border-left: 4px solid var(--warning);
|
|
}
|
|
|
|
.classified-card.oferuje {
|
|
border-left: 4px solid var(--success);
|
|
}
|
|
|
|
.classified-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
margin-bottom: var(--spacing-sm);
|
|
}
|
|
|
|
.classified-type {
|
|
display: inline-block;
|
|
padding: 2px 10px;
|
|
border-radius: var(--radius-sm);
|
|
font-size: var(--font-size-xs);
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.classified-type.szukam {
|
|
background: #fef3c7;
|
|
color: #92400e;
|
|
}
|
|
|
|
.classified-type.oferuje {
|
|
background: #dcfce7;
|
|
color: #166534;
|
|
}
|
|
|
|
.classified-category {
|
|
display: inline-block;
|
|
padding: 2px 10px;
|
|
border-radius: var(--radius-sm);
|
|
font-size: var(--font-size-xs);
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.category-uslugi {
|
|
background: #dbeafe;
|
|
color: #1e40af;
|
|
}
|
|
|
|
.category-produkty {
|
|
background: #fef3c7;
|
|
color: #92400e;
|
|
}
|
|
|
|
.category-wspolpraca {
|
|
background: #dcfce7;
|
|
color: #166534;
|
|
}
|
|
|
|
.category-praca {
|
|
background: #fce7f3;
|
|
color: #9d174d;
|
|
}
|
|
|
|
.category-inne {
|
|
background: #f3f4f6;
|
|
color: #374151;
|
|
}
|
|
|
|
.category-nieruchomosci {
|
|
background: #e0e7ff;
|
|
color: #3730a3;
|
|
}
|
|
|
|
/* Test item styling */
|
|
.classified-card.test-item {
|
|
opacity: 0.6;
|
|
border-right: 4px solid #9ca3af;
|
|
}
|
|
|
|
.test-badge {
|
|
display: inline-block;
|
|
padding: 2px 8px;
|
|
border-radius: var(--radius-sm);
|
|
font-size: var(--font-size-xs);
|
|
font-weight: 500;
|
|
background: #f3f4f6;
|
|
color: #6b7280;
|
|
margin-left: var(--spacing-xs);
|
|
}
|
|
|
|
.toggle-test-btn {
|
|
background: #fef3c7;
|
|
border-color: #fcd34d;
|
|
color: #92400e;
|
|
}
|
|
|
|
.toggle-test-btn:hover {
|
|
background: #fde68a;
|
|
}
|
|
|
|
.toggle-test-btn.active {
|
|
background: var(--primary);
|
|
border-color: var(--primary);
|
|
color: white;
|
|
}
|
|
|
|
.classified-title {
|
|
font-size: var(--font-size-lg);
|
|
font-weight: 600;
|
|
color: var(--text-primary);
|
|
margin-bottom: var(--spacing-sm);
|
|
}
|
|
|
|
.classified-title a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.classified-title a:hover {
|
|
color: var(--primary);
|
|
}
|
|
|
|
.classified-description {
|
|
color: var(--text-secondary);
|
|
font-size: var(--font-size-sm);
|
|
margin-bottom: var(--spacing-md);
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.classified-meta {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-size: var(--font-size-sm);
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.classified-author {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--spacing-xs);
|
|
}
|
|
|
|
.classified-stats {
|
|
display: flex;
|
|
gap: var(--spacing-md);
|
|
}
|
|
|
|
.empty-state {
|
|
text-align: center;
|
|
padding: var(--spacing-2xl);
|
|
color: var(--text-secondary);
|
|
background: var(--surface);
|
|
border-radius: var(--radius-lg);
|
|
}
|
|
|
|
.pagination {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: var(--spacing-sm);
|
|
margin-top: var(--spacing-xl);
|
|
}
|
|
|
|
.pagination a {
|
|
padding: var(--spacing-sm) var(--spacing-md);
|
|
border-radius: var(--radius);
|
|
text-decoration: none;
|
|
color: var(--text-secondary);
|
|
background: var(--surface);
|
|
border: 1px solid var(--border);
|
|
}
|
|
|
|
.pagination a:hover {
|
|
background: var(--background);
|
|
}
|
|
|
|
.pagination a.active {
|
|
background: var(--primary);
|
|
color: white;
|
|
border-color: var(--primary);
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="classifieds-header">
|
|
<div>
|
|
<h1>Tablica B2B</h1>
|
|
<p class="text-muted">Ogloszenia biznesowe czlonkow Norda Biznes</p>
|
|
</div>
|
|
<a href="{{ url_for('classifieds.classifieds_new') }}" class="btn btn-primary">Dodaj ogloszenie</a>
|
|
</div>
|
|
|
|
<div class="filters">
|
|
<div class="filter-group">
|
|
<a href="{{ url_for('classifieds.classifieds_index', category=category_filter) }}" class="filter-btn {% if not listing_type %}active{% endif %}">Wszystkie</a>
|
|
<a href="{{ url_for('classifieds.classifieds_index', type='szukam', category=category_filter) }}" class="filter-btn {% if listing_type == 'szukam' %}active{% endif %}">Szukam</a>
|
|
<a href="{{ url_for('classifieds.classifieds_index', type='oferuje', category=category_filter) }}" class="filter-btn {% if listing_type == 'oferuje' %}active{% endif %}">Oferuje</a>
|
|
</div>
|
|
|
|
<div class="filter-group">
|
|
<a href="{{ url_for('classifieds.classifieds_index', type=listing_type) }}" class="filter-btn {% if not category_filter %}active{% endif %}">Wszystkie</a>
|
|
{% for cat_value, cat_label in categories %}
|
|
<a href="{{ url_for('classifieds.classifieds_index', type=listing_type, category=cat_value) }}" class="filter-btn {% if category_filter == cat_value %}active{% endif %}">{{ cat_label }}</a>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="filter-group" style="margin-left: auto;">
|
|
<button type="button" id="toggleTestBtn" class="filter-btn toggle-test-btn" onclick="toggleTestItems()">
|
|
<span class="hide-label">🙈 Ukryj testowe</span>
|
|
<span class="show-label" style="display:none;">👁 Pokaż testowe</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="classifieds-grid">
|
|
{% if classifieds %}
|
|
{% for classified in classifieds %}
|
|
<div class="classified-card {{ classified.listing_type }} {% if classified.is_test %}test-item{% endif %}">
|
|
<div class="classified-header">
|
|
<span class="classified-type {{ classified.listing_type }}">{{ 'Szukam' if classified.listing_type == 'szukam' else 'Oferuje' }}</span>
|
|
<span class="classified-category category-{{ classified.category }}">{{ classified.category|replace('uslugi', 'Usługi')|replace('produkty', 'Produkty')|replace('wspolpraca', 'Współpraca')|replace('praca', 'Praca')|replace('inne', 'Inne')|replace('nieruchomosci', 'Nieruchomości') }}</span>
|
|
{% if classified.is_test %}<span class="test-badge">Testowe</span>{% endif %}
|
|
</div>
|
|
<div class="classified-title">
|
|
<a href="{{ url_for('classifieds.classifieds_view', classified_id=classified.id) }}">{{ classified.title }}</a>
|
|
</div>
|
|
<div class="classified-description">
|
|
{{ classified.description[:200] }}{% if classified.description|length > 200 %}...{% endif %}
|
|
</div>
|
|
<div class="classified-meta">
|
|
<div class="classified-author">
|
|
{% if classified.company %}
|
|
{{ classified.company.name }}
|
|
{% else %}
|
|
{{ classified.author.name or classified.author.email.split('@')[0] }}
|
|
{% endif %}
|
|
</div>
|
|
<div class="classified-stats">
|
|
<span>{{ classified.views_count }} wyswietl.</span>
|
|
<span>{{ classified.created_at.strftime('%d.%m.%Y') }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
{% else %}
|
|
<div class="empty-state">
|
|
<p>Brak ogloszen w tej kategorii</p>
|
|
<a href="{{ url_for('classifieds.classifieds_new') }}" class="btn btn-primary mt-2">Dodaj pierwsze ogloszenie</a>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% if total_pages > 1 %}
|
|
<div class="pagination">
|
|
{% for p in range(1, total_pages + 1) %}
|
|
<a href="{{ url_for('classifieds.classifieds_index', type=listing_type, category=category_filter, page=p) }}" class="{% if p == page %}active{% endif %}">{{ p }}</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block extra_js %}
|
|
function setTestItemsVisibility(hidden) {
|
|
const btn = document.getElementById('toggleTestBtn');
|
|
const hideLabel = btn.querySelector('.hide-label');
|
|
const showLabel = btn.querySelector('.show-label');
|
|
const testItems = document.querySelectorAll('.test-item');
|
|
|
|
if (hidden) {
|
|
testItems.forEach(t => t.style.display = 'none');
|
|
hideLabel.style.display = 'none';
|
|
showLabel.style.display = '';
|
|
btn.classList.add('active');
|
|
} else {
|
|
testItems.forEach(t => t.style.display = '');
|
|
hideLabel.style.display = '';
|
|
showLabel.style.display = 'none';
|
|
btn.classList.remove('active');
|
|
}
|
|
localStorage.setItem('hideTestClassifieds', hidden ? 'true' : 'false');
|
|
}
|
|
|
|
function toggleTestItems() {
|
|
const isCurrentlyHidden = localStorage.getItem('hideTestClassifieds') === 'true';
|
|
setTestItemsVisibility(!isCurrentlyHidden);
|
|
}
|
|
|
|
// Apply saved preference on page load
|
|
(function() {
|
|
if (localStorage.getItem('hideTestClassifieds') === 'true') {
|
|
setTestItemsVisibility(true);
|
|
}
|
|
})();
|
|
{% endblock %}
|