gru/lista_zakupowa_live
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ux i poprawki

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2025-07-02 12:51:30 +02:00
parent bb4fe3815f
commit 85446f950c
7 changed files with 96 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
templates/404.html Normal file
View File

@ -0,0 +1,17 @@
{% extends 'base.html' %}
{% block title %}Strona nie znaleziona{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
<h2 class="mb-2">404 — Strona nie znaleziona</h2>
<a href="{{ url_for('index_guest') }}" class="btn btn-outline-secondary">← Powrót na stronę główną</a>
</div>
<div class="card bg-dark text-white">
<div class="card-body">
<p class="fs-4">Ups! Podana strona nie istnieje lub została przeniesiona.</p>
<p>Sprawdź adres lub wróć na stronę główną, aby kontynuować.</p>
</div>
</div>
{% endblock %}

16
templates/base.html
View File

@ -2,6 +2,7 @@
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}Live Lista Zakupów{% endblock %}</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://cdn.socket.io/4.6.1/socket.io.min.js"></script>
@ -9,20 +10,23 @@
</head>
<body class="bg-dark text-white">
<nav class="navbar navbar-dark bg-dark mb-4">
<div class="container-fluid">
<nav class="navbar navbar-dark bg-dark mb-3">
<div class="container-fluid d-flex justify-content-between">
<a class="navbar-brand" href="/">Live Lista Zakupów</a>
<div>
<div class="d-flex align-items-center gap-2">
{% if current_user.is_authenticated and current_user.is_admin %}
<a href="{{ url_for('admin_panel') }}" class="btn btn-outline-warning btn-sm">⚙️ Panel admina</a>
{% endif %}
{% if current_user.is_authenticated %}
<a href="{{ url_for('logout') }}" class="btn btn-outline-light">🚪 Wyloguj</a>
<a href="{{ url_for('logout') }}" class="btn btn-outline-light btn-sm">🚪 Wyloguj</a>
{% else %}
<a href="{{ url_for('login') }}" class="btn btn-outline-light">🔑 Zaloguj się</a>
<a href="{{ url_for('login') }}" class="btn btn-outline-light btn-sm">🔑 Zaloguj się</a>
{% endif %}
</div>
</div>
</nav>
<div class="container">
<div class="container px-2">
{% block content %}{% endblock %}
</div>

6
templates/index.html
View File

@ -32,8 +32,12 @@
<li class="list-group-item bg-dark text-white d-flex justify-content-between align-items-center flex-wrap">
<span class="fw-bold">{{ l.title }}</span>
<div class="mt-2 mt-md-0">
{% if current_user.is_authenticated %}
<a href="/list/{{ l.id }}" class="btn btn-sm btn-outline-light me-1">📄 Otwórz</a>
<a href="/copy/{{ l.id }}" class="btn btn-sm btn-outline-secondary">📋 Kopiuj</a>
<a href="/copy/{{ l.id }}" class="btn btn-sm btn-outline-secondary">📋 Kopiuj</a>
{% else %}
<a href="/guest-list/{{ l.id }}" class="btn btn-sm btn-outline-light me-1">📄 Otwórz</a>
{% endif %}
</div>
</li>
{% endfor %}

2
templates/list.html
View File

@ -23,7 +23,7 @@
{% for item in items %}
<li class="list-group-item bg-dark text-white d-flex justify-content-between align-items-center flex-wrap" id="item-{{ item.id }}">
<div class="d-flex align-items-center flex-wrap gap-2">
<input type="checkbox" onchange="checkItem({{ item.id }})" {% if item.purchased %}checked{% endif %}>
<input type="checkbox">
<span id="name-{{ item.id }}">{{ item.name }}</span>
</div>
<div class="mt-2 mt-md-0">

8
templates/list_guest.html
View File

@ -4,14 +4,14 @@
<div class="d-flex justify-content-between align-items-center flex-wrap mb-3">
<h2 class="mb-2">🛍️ {{ list.title }} <small class="text-muted">(Gość)</small></h2>
<a href="/" class="btn btn-outline-secondary">← Powrót do list</a>
<a href="/" class="btn btn-outline-secondary btn-sm">← Powrót</a>
</div>
<ul id="items" class="list-group mb-3">
{% for item in items %}
<li class="list-group-item bg-dark text-white d-flex align-items-center gap-2">
<input type="checkbox" onchange="checkItem({{ item.id }})" {% if item.purchased %}checked{% endif %}>
<span>{{ item.name }}</span>
<li class="list-group-item bg-dark text-white d-flex align-items-center gap-2 flex-wrap" id="item-{{ item.id }}">
<input type="checkbox" {% if item.purchased %}checked{% endif %}>
<span id="name-{{ item.id }}">{{ item.name }}</span>
</li>
{% endfor %}
</ul>