Feature: тёмная тема, минималистичный UI, улучшения UX
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -16,6 +16,7 @@ RUN pip install --no-cache-dir -r requirements.txt
|
||||
|
||||
COPY . .
|
||||
RUN mkdir -p logs app/logs
|
||||
RUN SECRET_KEY=build python manage.py collectstatic --noinput 2>/dev/null || true
|
||||
|
||||
EXPOSE 8000
|
||||
|
||||
|
||||
14
HISTORY.md
14
HISTORY.md
@@ -1,5 +1,19 @@
|
||||
# История изменений ERP WaterSurf
|
||||
|
||||
## 2025-02-25 18:45 UTC – Тёмная тема и обновлённый UI/UX
|
||||
|
||||
**Проблема**: Требовался современный тёмный интерфейс, минималистичный и удобный.
|
||||
|
||||
**Решение**:
|
||||
- Добавлена кастомная тема в `static/css/theme.css`: тёмный фон (оттенки #0d1117–#21262d), акцент бирюзовый (#2dd4bf), типографика Inter, переменные для цветов и отступов.
|
||||
- Обновлён базовый шаблон: навбар с выпадающими меню в стиле темы, контейнер контента с ограничением ширины, сообщения (alerts) в стиле темы.
|
||||
- Все страницы переведены на карточки (ws-card), таблицы (ws-table) с чередованием и hover, кнопки (btn-ws-primary, btn-ws-secondary, btn-ws-danger), формы с группами полей и явными метками.
|
||||
- Учтены UX: читаемый контраст, фокус на полях ввода, разделители секций в формах, выравнивание чисел в таблицах, пустые состояния.
|
||||
|
||||
**Изменения**: base.html, registration/login.html, home.html, шаблоны references/* и documents/*, новый static/css/theme.css. В Dockerfile добавлен collectstatic при сборке образа.
|
||||
|
||||
---
|
||||
|
||||
## 2025-02-25 18:15 UTC – Ошибка 500 при создании заказа клиента
|
||||
|
||||
**Проблема**: При открытии формы создания заказа клиента возникала ошибка 500 (AttributeError: 'NoneType' object has no attribute 'pk').
|
||||
|
||||
431
app/static/css/theme.css
Normal file
431
app/static/css/theme.css
Normal file
@@ -0,0 +1,431 @@
|
||||
/* ERP WaterSurf — тёмная тема, минималистичный интерфейс */
|
||||
|
||||
:root {
|
||||
--ws-bg-page: #0d1117;
|
||||
--ws-bg-surface: #161b22;
|
||||
--ws-bg-elevated: #21262d;
|
||||
--ws-bg-hover: #30363d;
|
||||
--ws-border: #30363d;
|
||||
--ws-border-focus: #58a6ff;
|
||||
--ws-text: #e6edf3;
|
||||
--ws-text-muted: #8b949e;
|
||||
--ws-accent: #2dd4bf;
|
||||
--ws-accent-hover: #5eead4;
|
||||
--ws-danger: #f87171;
|
||||
--ws-danger-bg: rgba(248, 113, 113, 0.12);
|
||||
--ws-success-bg: rgba(45, 212, 191, 0.12);
|
||||
--ws-radius: 8px;
|
||||
--ws-radius-sm: 6px;
|
||||
--ws-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
|
||||
--ws-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--ws-bg-page);
|
||||
color: var(--ws-text);
|
||||
font-family: var(--ws-font-sans);
|
||||
font-size: 15px;
|
||||
line-height: 1.6;
|
||||
min-height: 100vh;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
/* Навбар */
|
||||
.navbar-ws {
|
||||
background: var(--ws-bg-surface) !important;
|
||||
border-bottom: 1px solid var(--ws-border);
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
|
||||
.navbar-ws .navbar-brand {
|
||||
color: var(--ws-text) !important;
|
||||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.navbar-ws .navbar-brand:hover {
|
||||
color: var(--ws-accent) !important;
|
||||
}
|
||||
|
||||
.navbar-ws .nav-link {
|
||||
color: var(--ws-text-muted) !important;
|
||||
border-radius: var(--ws-radius-sm);
|
||||
padding: 0.4rem 0.75rem !important;
|
||||
}
|
||||
|
||||
.navbar-ws .nav-link:hover {
|
||||
color: var(--ws-text) !important;
|
||||
background: var(--ws-bg-hover);
|
||||
}
|
||||
|
||||
.navbar-ws .dropdown-menu {
|
||||
background: var(--ws-bg-elevated);
|
||||
border: 1px solid var(--ws-border);
|
||||
border-radius: var(--ws-radius);
|
||||
box-shadow: var(--ws-shadow);
|
||||
padding: 0.25rem;
|
||||
}
|
||||
|
||||
.navbar-ws .dropdown-item {
|
||||
color: var(--ws-text);
|
||||
border-radius: var(--ws-radius-sm);
|
||||
}
|
||||
|
||||
.navbar-ws .dropdown-item:hover {
|
||||
background: var(--ws-bg-hover);
|
||||
color: var(--ws-text);
|
||||
}
|
||||
|
||||
.navbar-ws .navbar-text {
|
||||
color: var(--ws-text-muted);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.navbar-ws .navbar-toggler {
|
||||
border-color: var(--ws-border);
|
||||
color: var(--ws-text);
|
||||
}
|
||||
|
||||
/* Контент */
|
||||
.ws-main {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 1.5rem 1rem 3rem;
|
||||
}
|
||||
|
||||
.ws-page-title {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 1rem;
|
||||
color: var(--ws-text);
|
||||
}
|
||||
|
||||
/* Карточки */
|
||||
.ws-card {
|
||||
background: var(--ws-bg-surface);
|
||||
border: 1px solid var(--ws-border);
|
||||
border-radius: var(--ws-radius);
|
||||
padding: 1.25rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.ws-card-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.75rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
/* Таблицы */
|
||||
.ws-table-wrap {
|
||||
overflow-x: auto;
|
||||
border-radius: var(--ws-radius);
|
||||
border: 1px solid var(--ws-border);
|
||||
}
|
||||
|
||||
.ws-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
color: var(--ws-text);
|
||||
}
|
||||
|
||||
.ws-table th,
|
||||
.ws-table td {
|
||||
padding: 0.75rem 1rem;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid var(--ws-border);
|
||||
}
|
||||
|
||||
.ws-table th {
|
||||
background: var(--ws-bg-elevated);
|
||||
font-weight: 600;
|
||||
font-size: 0.85rem;
|
||||
color: var(--ws-text-muted);
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.ws-table tbody tr:hover {
|
||||
background: var(--ws-bg-hover);
|
||||
}
|
||||
|
||||
.ws-table tbody tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.ws-table .ws-actions {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ws-table .ws-link {
|
||||
color: var(--ws-accent);
|
||||
text-decoration: none;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.ws-table .ws-link:hover {
|
||||
color: var(--ws-accent-hover);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.ws-table .ws-link-danger {
|
||||
color: var(--ws-danger);
|
||||
}
|
||||
|
||||
.ws-table .ws-link-danger:hover {
|
||||
color: #fca5a5;
|
||||
}
|
||||
|
||||
/* Кнопки */
|
||||
.btn-ws-primary {
|
||||
background: var(--ws-accent);
|
||||
color: var(--ws-bg-page);
|
||||
border: none;
|
||||
border-radius: var(--ws-radius-sm);
|
||||
padding: 0.5rem 1rem;
|
||||
font-weight: 500;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.btn-ws-primary:hover {
|
||||
background: var(--ws-accent-hover);
|
||||
color: var(--ws-bg-page);
|
||||
}
|
||||
|
||||
.btn-ws-secondary {
|
||||
background: transparent;
|
||||
color: var(--ws-text-muted);
|
||||
border: 1px solid var(--ws-border);
|
||||
border-radius: var(--ws-radius-sm);
|
||||
padding: 0.5rem 1rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.btn-ws-secondary:hover {
|
||||
background: var(--ws-bg-hover);
|
||||
color: var(--ws-text);
|
||||
border-color: var(--ws-border);
|
||||
}
|
||||
|
||||
.btn-ws-danger {
|
||||
background: var(--ws-danger-bg);
|
||||
color: var(--ws-danger);
|
||||
border: 1px solid var(--ws-danger);
|
||||
border-radius: var(--ws-radius-sm);
|
||||
padding: 0.5rem 1rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.btn-ws-danger:hover {
|
||||
background: var(--ws-danger);
|
||||
color: var(--ws-bg-page);
|
||||
}
|
||||
|
||||
.ws-btn-group {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* Формы */
|
||||
.ws-form-group {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.ws-form-group label {
|
||||
display: block;
|
||||
font-weight: 500;
|
||||
font-size: 0.9rem;
|
||||
color: var(--ws-text-muted);
|
||||
margin-bottom: 0.35rem;
|
||||
}
|
||||
|
||||
.ws-form-group input,
|
||||
.ws-form-group select,
|
||||
.ws-form-group textarea {
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
padding: 0.5rem 0.75rem;
|
||||
background: var(--ws-bg-page);
|
||||
border: 1px solid var(--ws-border);
|
||||
border-radius: var(--ws-radius-sm);
|
||||
color: var(--ws-text);
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
.ws-form-group input:focus,
|
||||
.ws-form-group select:focus,
|
||||
.ws-form-group textarea:focus {
|
||||
outline: none;
|
||||
border-color: var(--ws-border-focus);
|
||||
box-shadow: 0 0 0 2px rgba(88, 166, 255, 0.25);
|
||||
}
|
||||
|
||||
.ws-form-group input::placeholder,
|
||||
.ws-form-group textarea::placeholder {
|
||||
color: var(--ws-text-muted);
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.ws-form-login input,
|
||||
.ws-form-login input[type="text"],
|
||||
.ws-form-login input[type="password"] {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 0.5rem 0.75rem;
|
||||
background: var(--ws-bg-page);
|
||||
border: 1px solid var(--ws-border);
|
||||
border-radius: var(--ws-radius-sm);
|
||||
color: var(--ws-text);
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
.ws-form-login input:focus {
|
||||
outline: none;
|
||||
border-color: var(--ws-border-focus);
|
||||
box-shadow: 0 0 0 2px rgba(88, 166, 255, 0.25);
|
||||
}
|
||||
|
||||
.ws-text-danger {
|
||||
color: var(--ws-danger);
|
||||
font-size: 0.85rem;
|
||||
display: block;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
.ws-form-section {
|
||||
margin-top: 1.5rem;
|
||||
padding-top: 1.25rem;
|
||||
border-top: 1px solid var(--ws-border);
|
||||
}
|
||||
|
||||
.ws-form-section-title {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.75rem;
|
||||
color: var(--ws-text);
|
||||
}
|
||||
|
||||
/* Сообщения (alerts) */
|
||||
.ws-alert {
|
||||
padding: 0.75rem 1rem;
|
||||
border-radius: var(--ws-radius-sm);
|
||||
margin-bottom: 1rem;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.ws-alert-success {
|
||||
background: var(--ws-success-bg);
|
||||
color: var(--ws-accent);
|
||||
border-color: rgba(45, 212, 191, 0.3);
|
||||
}
|
||||
|
||||
.ws-alert-error,
|
||||
.ws-alert-danger {
|
||||
background: var(--ws-danger-bg);
|
||||
color: var(--ws-danger);
|
||||
border-color: rgba(248, 113, 113, 0.3);
|
||||
}
|
||||
|
||||
.ws-alert-warning {
|
||||
background: rgba(251, 191, 36, 0.12);
|
||||
color: #fbbf24;
|
||||
border-color: rgba(251, 191, 36, 0.3);
|
||||
}
|
||||
|
||||
.ws-alert .btn-close {
|
||||
filter: invert(1);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Пустое состояние */
|
||||
.ws-empty {
|
||||
text-align: center;
|
||||
padding: 2rem 1rem;
|
||||
color: var(--ws-text-muted);
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
/* Логин */
|
||||
.ws-login-card {
|
||||
max-width: 380px;
|
||||
margin: 2rem auto;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.ws-login-title {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Главная */
|
||||
.ws-hero {
|
||||
padding: 2rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ws-hero h1 {
|
||||
font-size: 1.75rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.ws-hero p {
|
||||
color: var(--ws-text-muted);
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
/* Подсказка удаления */
|
||||
.ws-confirm-text {
|
||||
color: var(--ws-text-muted);
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
/* Таблица в форме заказа — инпуты */
|
||||
.ws-table input.form-control,
|
||||
.ws-table select.form-select,
|
||||
.ws-table input[type="text"],
|
||||
.ws-table input[type="number"],
|
||||
.ws-table select {
|
||||
background: var(--ws-bg-page);
|
||||
border: 1px solid var(--ws-border);
|
||||
color: var(--ws-text);
|
||||
padding: 0.4rem 0.5rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.ws-form-card .ws-form-group input,
|
||||
.ws-form-card .ws-form-group select,
|
||||
.ws-form-card .ws-form-group textarea {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.ws-table input[type="checkbox"] {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
accent-color: var(--ws-accent);
|
||||
}
|
||||
|
||||
.ws-table input:focus,
|
||||
.ws-table select:focus {
|
||||
border-color: var(--ws-border-focus);
|
||||
box-shadow: 0 0 0 2px rgba(88, 166, 255, 0.2);
|
||||
}
|
||||
|
||||
/* Списки документов — выравнивание чисел */
|
||||
.ws-table .ws-num {
|
||||
text-align: right;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
@@ -5,22 +5,26 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{% block title %}ERP WaterSurf{% endblock %}</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="{% static 'css/theme.css' %}" rel="stylesheet">
|
||||
{% block extra_css %}{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark navbar-ws">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="{% url 'users:home' %}">ERP WaterSurf</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<a class="navbar-brand" href="{% url 'users:home' %}">WaterSurf ERP</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Меню">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav me-auto">
|
||||
{% if user.is_authenticated %}
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Справочники</a>
|
||||
<ul class="dropdown-menu">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navRefs" data-bs-toggle="dropdown" aria-expanded="false">Справочники</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="navRefs">
|
||||
<li><a class="dropdown-item" href="{% url 'references:currency_list' %}">Валюты</a></li>
|
||||
<li><a class="dropdown-item" href="{% url 'references:orderkind_list' %}">Виды заказов</a></li>
|
||||
<li><a class="dropdown-item" href="{% url 'references:client_list' %}">Клиенты</a></li>
|
||||
@@ -32,8 +36,8 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Документы</a>
|
||||
<ul class="dropdown-menu">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navDocs" data-bs-toggle="dropdown" aria-expanded="false">Документы</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="navDocs">
|
||||
<li><a class="dropdown-item" href="{% url 'documents:customer_order_list' %}">Заказы клиентов</a></li>
|
||||
<li><a class="dropdown-item" href="{% url 'documents:supplier_order_list' %}">Заказы поставщику</a></li>
|
||||
<li><a class="dropdown-item" href="{% url 'documents:cash_inflow_list' %}">Поступление денежных средств</a></li>
|
||||
@@ -45,7 +49,7 @@
|
||||
</ul>
|
||||
<ul class="navbar-nav">
|
||||
{% if user.is_authenticated %}
|
||||
<li class="nav-item"><span class="navbar-text me-2">{{ user.username }}</span></li>
|
||||
<li class="nav-item"><span class="navbar-text me-3">{{ user.username }}</span></li>
|
||||
<li class="nav-item"><a class="nav-link" href="{% url 'users:logout' %}">Выход</a></li>
|
||||
{% else %}
|
||||
<li class="nav-item"><a class="nav-link" href="{% url 'users:login' %}">Вход</a></li>
|
||||
@@ -54,12 +58,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<main class="container my-4">
|
||||
<main class="ws-main">
|
||||
{% if messages %}
|
||||
{% for message in messages %}
|
||||
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
|
||||
<div class="alert alert-dismissible fade show ws-alert ws-alert-{{ message.tags }}" role="alert">
|
||||
{{ message }}
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
||||
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Закрыть"></button>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
@@ -1,11 +1,21 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}{{ title }} — ERP WaterSurf{% endblock %}
|
||||
{% block content %}
|
||||
<h2>{% if object %}Редактировать{% else %}Создать{% endif %} {{ title }}</h2>
|
||||
<form method="post">
|
||||
<div class="ws-card">
|
||||
<h2 class="ws-page-title">{% if object %}Редактировать{% else %}Создать{% endif %} {{ title }}</h2>
|
||||
<form method="post" class="ws-form-card">
|
||||
{% csrf_token %}
|
||||
{{ form.as_p }}
|
||||
<button type="submit" class="btn btn-primary">Сохранить</button>
|
||||
<a href="{{ cancel_url|default:'#' }}" class="btn btn-secondary">Отмена</a>
|
||||
{% for field in form %}
|
||||
<div class="ws-form-group">
|
||||
<label for="{{ field.id_for_label }}">{{ field.label }}</label>
|
||||
{{ field }}
|
||||
{% if field.errors %}<small class="ws-text-danger">{{ field.errors.0 }}</small>{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="ws-btn-group" style="margin-top: 1.25rem;">
|
||||
<button type="submit" class="btn btn-ws-primary">Сохранить</button>
|
||||
<a href="{{ cancel_url|default:'#' }}" class="btn btn-ws-secondary">Отмена</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,15 +1,19 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Расходы денежных средств — ERP WaterSurf{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Расходы денежных средств</h2>
|
||||
<p><a href="{% url 'documents:cash_expense_create' %}" class="btn btn-primary">Создать</a></p>
|
||||
<table class="table table-striped">
|
||||
<div class="ws-card">
|
||||
<div class="ws-card-header">
|
||||
<h2 class="ws-page-title mb-0">Расходы денежных средств</h2>
|
||||
<a href="{% url 'documents:cash_expense_create' %}" class="btn btn-ws-primary">Создать</a>
|
||||
</div>
|
||||
<div class="ws-table-wrap">
|
||||
<table class="ws-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Дата</th>
|
||||
<th>Номер</th>
|
||||
<th>Отправитель</th>
|
||||
<th>Сумма</th>
|
||||
<th class="ws-num">Сумма</th>
|
||||
<th>Заказ поставщику</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
@@ -20,16 +24,19 @@
|
||||
<td>{{ obj.date }}</td>
|
||||
<td>{{ obj.number }}</td>
|
||||
<td>{{ obj.sender }}</td>
|
||||
<td>{{ obj.amount }}</td>
|
||||
<td class="ws-num">{{ obj.amount }}</td>
|
||||
<td>{{ obj.supplier_order|default:"—" }}</td>
|
||||
<td>
|
||||
<a href="{% url 'documents:cash_expense_edit' obj.pk %}">Изменить</a>
|
||||
| <a href="{% url 'documents:cash_expense_delete' obj.pk %}" class="text-danger">Удалить</a>
|
||||
<td class="ws-actions">
|
||||
<a href="{% url 'documents:cash_expense_edit' obj.pk %}" class="ws-link">Изменить</a>
|
||||
<span class="ws-text-muted"> · </span>
|
||||
<a href="{% url 'documents:cash_expense_delete' obj.pk %}" class="ws-link ws-link-danger">Удалить</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% empty %}
|
||||
<tr><td colspan="6">Нет расходов.</td></tr>
|
||||
<tr><td colspan="6" class="ws-empty">Нет расходов.</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,15 +1,19 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Поступления денежных средств — ERP WaterSurf{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Поступления денежных средств</h2>
|
||||
<p><a href="{% url 'documents:cash_inflow_create' %}" class="btn btn-primary">Создать</a></p>
|
||||
<table class="table table-striped">
|
||||
<div class="ws-card">
|
||||
<div class="ws-card-header">
|
||||
<h2 class="ws-page-title mb-0">Поступления денежных средств</h2>
|
||||
<a href="{% url 'documents:cash_inflow_create' %}" class="btn btn-ws-primary">Создать</a>
|
||||
</div>
|
||||
<div class="ws-table-wrap">
|
||||
<table class="ws-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Дата</th>
|
||||
<th>Номер</th>
|
||||
<th>Получатель</th>
|
||||
<th>Сумма</th>
|
||||
<th class="ws-num">Сумма</th>
|
||||
<th>Заказ клиента</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
@@ -20,16 +24,19 @@
|
||||
<td>{{ obj.date }}</td>
|
||||
<td>{{ obj.number }}</td>
|
||||
<td>{{ obj.recipient }}</td>
|
||||
<td>{{ obj.amount }}</td>
|
||||
<td class="ws-num">{{ obj.amount }}</td>
|
||||
<td>{{ obj.customer_order|default:"—" }}</td>
|
||||
<td>
|
||||
<a href="{% url 'documents:cash_inflow_edit' obj.pk %}">Изменить</a>
|
||||
| <a href="{% url 'documents:cash_inflow_delete' obj.pk %}" class="text-danger">Удалить</a>
|
||||
<td class="ws-actions">
|
||||
<a href="{% url 'documents:cash_inflow_edit' obj.pk %}" class="ws-link">Изменить</a>
|
||||
<span class="ws-text-muted"> · </span>
|
||||
<a href="{% url 'documents:cash_inflow_delete' obj.pk %}" class="ws-link ws-link-danger">Удалить</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% empty %}
|
||||
<tr><td colspan="6">Нет поступлений.</td></tr>
|
||||
<tr><td colspan="6" class="ws-empty">Нет поступлений.</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,16 +1,20 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Перемещения денежных средств — ERP WaterSurf{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Перемещения денежных средств</h2>
|
||||
<p><a href="{% url 'documents:cash_transfer_create' %}" class="btn btn-primary">Создать</a></p>
|
||||
<table class="table table-striped">
|
||||
<div class="ws-card">
|
||||
<div class="ws-card-header">
|
||||
<h2 class="ws-page-title mb-0">Перемещения денежных средств</h2>
|
||||
<a href="{% url 'documents:cash_transfer_create' %}" class="btn btn-ws-primary">Создать</a>
|
||||
</div>
|
||||
<div class="ws-table-wrap">
|
||||
<table class="ws-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Дата</th>
|
||||
<th>Номер</th>
|
||||
<th>Отправитель</th>
|
||||
<th>Получатель</th>
|
||||
<th>Сумма</th>
|
||||
<th class="ws-num">Сумма</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -21,15 +25,18 @@
|
||||
<td>{{ obj.number }}</td>
|
||||
<td>{{ obj.sender }}</td>
|
||||
<td>{{ obj.recipient }}</td>
|
||||
<td>{{ obj.amount }}</td>
|
||||
<td>
|
||||
<a href="{% url 'documents:cash_transfer_edit' obj.pk %}">Изменить</a>
|
||||
| <a href="{% url 'documents:cash_transfer_delete' obj.pk %}" class="text-danger">Удалить</a>
|
||||
<td class="ws-num">{{ obj.amount }}</td>
|
||||
<td class="ws-actions">
|
||||
<a href="{% url 'documents:cash_transfer_edit' obj.pk %}" class="ws-link">Изменить</a>
|
||||
<span class="ws-text-muted"> · </span>
|
||||
<a href="{% url 'documents:cash_transfer_delete' obj.pk %}" class="ws-link ws-link-danger">Удалить</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% empty %}
|
||||
<tr><td colspan="6">Нет перемещений.</td></tr>
|
||||
<tr><td colspan="6" class="ws-empty">Нет перемещений.</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,11 +1,15 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Удалить — ERP WaterSurf{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Удалить запись?</h2>
|
||||
<p>{{ object }}</p>
|
||||
<div class="ws-card">
|
||||
<h2 class="ws-page-title">Удалить запись?</h2>
|
||||
<p class="ws-confirm-text">{{ object }}</p>
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<button type="submit" class="btn btn-danger">Удалить</button>
|
||||
<a href="{{ request.META.HTTP_REFERER|default:'/' }}" class="btn btn-secondary">Отмена</a>
|
||||
<div class="ws-btn-group">
|
||||
<button type="submit" class="btn btn-ws-danger">Удалить</button>
|
||||
<a href="{{ request.META.HTTP_REFERER|default:'/' }}" class="btn btn-ws-secondary">Отмена</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,9 +1,13 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Заказы клиентов — ERP WaterSurf{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Заказы клиентов</h2>
|
||||
<p><a href="{% url 'documents:customer_order_create' %}" class="btn btn-primary">Создать заказ</a></p>
|
||||
<table class="table table-striped">
|
||||
<div class="ws-card">
|
||||
<div class="ws-card-header">
|
||||
<h2 class="ws-page-title mb-0">Заказы клиентов</h2>
|
||||
<a href="{% url 'documents:customer_order_create' %}" class="btn btn-ws-primary">Создать заказ</a>
|
||||
</div>
|
||||
<div class="ws-table-wrap">
|
||||
<table class="ws-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Дата</th>
|
||||
@@ -11,7 +15,7 @@
|
||||
<th>Вид заказа</th>
|
||||
<th>Организация</th>
|
||||
<th>Клиент</th>
|
||||
<th>Стоимость заказа</th>
|
||||
<th class="ws-num">Стоимость заказа</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -23,15 +27,18 @@
|
||||
<td>{{ obj.order_kind }}</td>
|
||||
<td>{{ obj.organization }}</td>
|
||||
<td>{{ obj.client }}</td>
|
||||
<td>{{ obj.total_amount }}</td>
|
||||
<td>
|
||||
<a href="{% url 'documents:customer_order_edit' obj.pk %}">Изменить</a>
|
||||
| <a href="{% url 'documents:customer_order_delete' obj.pk %}" class="text-danger">Удалить</a>
|
||||
<td class="ws-num">{{ obj.total_amount }}</td>
|
||||
<td class="ws-actions">
|
||||
<a href="{% url 'documents:customer_order_edit' obj.pk %}" class="ws-link">Изменить</a>
|
||||
<span class="ws-text-muted"> · </span>
|
||||
<a href="{% url 'documents:customer_order_delete' obj.pk %}" class="ws-link ws-link-danger">Удалить</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% empty %}
|
||||
<tr><td colspan="7">Нет заказов.</td></tr>
|
||||
<tr><td colspan="7" class="ws-empty">Нет заказов.</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,20 +1,29 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}{{ title }} — ERP WaterSurf{% endblock %}
|
||||
{% block content %}
|
||||
<h2>{% if object %}Редактировать{% else %}Создать{% endif %} {{ title }}</h2>
|
||||
<form method="post">
|
||||
<div class="ws-card">
|
||||
<h2 class="ws-page-title">{% if object %}Редактировать{% else %}Создать{% endif %} {{ title }}</h2>
|
||||
<form method="post" class="ws-form-card">
|
||||
{% csrf_token %}
|
||||
{{ form.as_p }}
|
||||
<h3>Товары</h3>
|
||||
{% for field in form %}
|
||||
<div class="ws-form-group">
|
||||
<label for="{{ field.id_for_label }}">{{ field.label }}</label>
|
||||
{{ field }}
|
||||
{% if field.errors %}<small class="ws-text-danger">{{ field.errors.0 }}</small>{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="ws-form-section">
|
||||
<h3 class="ws-form-section-title">Товары</h3>
|
||||
{{ formset.management_form }}
|
||||
<table class="table" id="order-items">
|
||||
<div class="ws-table-wrap">
|
||||
<table class="ws-table" id="order-items">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Товар</th>
|
||||
<th>Цена</th>
|
||||
<th>Валюта</th>
|
||||
<th>Количество</th>
|
||||
<th>Стоимость</th>
|
||||
<th class="ws-num">Стоимость</th>
|
||||
<th>Удалить</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -25,18 +34,23 @@
|
||||
<td>{{ f.price }}</td>
|
||||
<td>{{ f.currency }}</td>
|
||||
<td>{{ f.quantity }}</td>
|
||||
<td class="row-amount">—</td>
|
||||
<td class="row-amount ws-num">—</td>
|
||||
<td>{% if f.DELETE %}{{ f.DELETE }}{% endif %}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
<button type="submit" class="btn btn-primary">Сохранить</button>
|
||||
<a href="{% url 'documents:customer_order_list' %}" class="btn btn-secondary">Отмена</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ws-btn-group" style="margin-top: 1.25rem;">
|
||||
<button type="submit" class="btn btn-ws-primary">Сохранить</button>
|
||||
<a href="{% url 'documents:customer_order_list' %}" class="btn btn-ws-secondary">Отмена</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{% block extra_js %}
|
||||
<script>
|
||||
document.querySelector('form').addEventListener('input', function() {
|
||||
document.querySelector('.ws-form-card').addEventListener('input', function() {
|
||||
document.querySelectorAll('#order-items .item-row').forEach(function(row) {
|
||||
var price = parseFloat(row.querySelector('input[name$="-price"]')?.value) || 0;
|
||||
var qty = parseFloat(row.querySelector('input[name$="-quantity"]')?.value) || 0;
|
||||
|
||||
@@ -1,20 +1,29 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}{{ title }} — ERP WaterSurf{% endblock %}
|
||||
{% block content %}
|
||||
<h2>{% if object %}Редактировать{% else %}Создать{% endif %} {{ title }}</h2>
|
||||
<form method="post">
|
||||
<div class="ws-card">
|
||||
<h2 class="ws-page-title">{% if object %}Редактировать{% else %}Создать{% endif %} {{ title }}</h2>
|
||||
<form method="post" class="ws-form-card">
|
||||
{% csrf_token %}
|
||||
{{ form.as_p }}
|
||||
<h3>Товары</h3>
|
||||
{% for field in form %}
|
||||
<div class="ws-form-group">
|
||||
<label for="{{ field.id_for_label }}">{{ field.label }}</label>
|
||||
{{ field }}
|
||||
{% if field.errors %}<small class="ws-text-danger">{{ field.errors.0 }}</small>{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="ws-form-section">
|
||||
<h3 class="ws-form-section-title">Товары</h3>
|
||||
{{ formset.management_form }}
|
||||
<table class="table" id="supplier-order-items">
|
||||
<div class="ws-table-wrap">
|
||||
<table class="ws-table" id="supplier-order-items">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Товар</th>
|
||||
<th>Цена</th>
|
||||
<th>Валюта</th>
|
||||
<th>Количество</th>
|
||||
<th>Стоимость</th>
|
||||
<th class="ws-num">Стоимость</th>
|
||||
<th>Удалить</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -25,20 +34,25 @@
|
||||
<td>{{ f.price }}</td>
|
||||
<td>{{ f.currency }}</td>
|
||||
<td>{{ f.quantity }}</td>
|
||||
<td class="row-amount">—</td>
|
||||
<td class="row-amount ws-num">—</td>
|
||||
<td>{% if f.DELETE %}{{ f.DELETE }}{% endif %}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
<button type="submit" class="btn btn-primary">Сохранить</button>
|
||||
<a href="{% url 'documents:supplier_order_list' %}" class="btn btn-secondary">Отмена</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ws-btn-group" style="margin-top: 1.25rem;">
|
||||
<button type="submit" class="btn btn-ws-primary">Сохранить</button>
|
||||
<a href="{% url 'documents:supplier_order_list' %}" class="btn btn-ws-secondary">Отмена</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<script>
|
||||
document.querySelector('form').addEventListener('input', function() {
|
||||
document.querySelector('.ws-form-card').addEventListener('input', function() {
|
||||
document.querySelectorAll('#supplier-order-items .item-row').forEach(function(row) {
|
||||
var price = parseFloat(row.querySelector('input[name$=\"-price\"]')?.value) || 0;
|
||||
var qty = parseFloat(row.querySelector('input[name$=\"-quantity\"]')?.value) || 0;
|
||||
var price = parseFloat(row.querySelector('input[name$="-price"]')?.value) || 0;
|
||||
var qty = parseFloat(row.querySelector('input[name$="-quantity"]')?.value) || 0;
|
||||
row.querySelector('.row-amount').textContent = (price * qty).toFixed(2);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,17 +1,21 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Заказы поставщику — ERP WaterSurf{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Заказы поставщику</h2>
|
||||
<p><a href="{% url 'documents:supplier_order_create' %}" class="btn btn-primary">Создать заказ</a></p>
|
||||
<table class="table table-striped">
|
||||
<div class="ws-card">
|
||||
<div class="ws-card-header">
|
||||
<h2 class="ws-page-title mb-0">Заказы поставщику</h2>
|
||||
<a href="{% url 'documents:supplier_order_create' %}" class="btn btn-ws-primary">Создать заказ</a>
|
||||
</div>
|
||||
<div class="ws-table-wrap">
|
||||
<table class="ws-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Дата</th>
|
||||
<th>Номер</th>
|
||||
<th>Организация</th>
|
||||
<th>Поставщик</th>
|
||||
<th>Стоимость в валюте</th>
|
||||
<th>Стоимость заказа</th>
|
||||
<th class="ws-num">Стоимость в валюте</th>
|
||||
<th class="ws-num">Стоимость заказа</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -22,16 +26,19 @@
|
||||
<td>{{ obj.number }}</td>
|
||||
<td>{{ obj.organization }}</td>
|
||||
<td>{{ obj.supplier }}</td>
|
||||
<td>{{ obj.total_in_currency }}</td>
|
||||
<td>{{ obj.total_amount }}</td>
|
||||
<td>
|
||||
<a href="{% url 'documents:supplier_order_edit' obj.pk %}">Изменить</a>
|
||||
| <a href="{% url 'documents:supplier_order_delete' obj.pk %}" class="text-danger">Удалить</a>
|
||||
<td class="ws-num">{{ obj.total_in_currency }}</td>
|
||||
<td class="ws-num">{{ obj.total_amount }}</td>
|
||||
<td class="ws-actions">
|
||||
<a href="{% url 'documents:supplier_order_edit' obj.pk %}" class="ws-link">Изменить</a>
|
||||
<span class="ws-text-muted"> · </span>
|
||||
<a href="{% url 'documents:supplier_order_delete' obj.pk %}" class="ws-link ws-link-danger">Удалить</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% empty %}
|
||||
<tr><td colspan="7">Нет заказов.</td></tr>
|
||||
<tr><td colspan="7" class="ws-empty">Нет заказов.</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Главная — ERP WaterSurf{% endblock %}
|
||||
{% block content %}
|
||||
<div class="ws-hero">
|
||||
<h1>WaterSurf ERP</h1>
|
||||
<p class="lead">Выберите раздел в меню: Справочники или Документы.</p>
|
||||
<p>Выберите раздел в меню: Справочники или Документы.</p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,11 +1,15 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Удалить {{ object }} — ERP WaterSurf{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Удалить запись?</h2>
|
||||
<p>{{ object }}</p>
|
||||
<div class="ws-card">
|
||||
<h2 class="ws-page-title">Удалить запись?</h2>
|
||||
<p class="ws-confirm-text">{{ object }}</p>
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<button type="submit" class="btn btn-danger">Удалить</button>
|
||||
<a href="{{ cancel_url }}" class="btn btn-secondary">Отмена</a>
|
||||
<div class="ws-btn-group">
|
||||
<button type="submit" class="btn btn-ws-danger">Удалить</button>
|
||||
<a href="{{ cancel_url }}" class="btn btn-ws-secondary">Отмена</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,11 +1,21 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}{{ title }} — ERP WaterSurf{% endblock %}
|
||||
{% block content %}
|
||||
<h2>{% if object %}Редактировать{% else %}Создать{% endif %} {{ title }}</h2>
|
||||
<div class="ws-card">
|
||||
<h2 class="ws-page-title">{% if object %}Редактировать{% else %}Создать{% endif %} {{ title }}</h2>
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
{{ form.as_p }}
|
||||
<button type="submit" class="btn btn-primary">Сохранить</button>
|
||||
<a href="{{ cancel_url }}" class="btn btn-secondary">Отмена</a>
|
||||
{% for field in form %}
|
||||
<div class="ws-form-group">
|
||||
<label for="{{ field.id_for_label }}">{{ field.label }}</label>
|
||||
{{ field }}
|
||||
{% if field.errors %}<small class="ws-text-danger">{{ field.errors.0 }}</small>{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="ws-btn-group" style="margin-top: 1rem;">
|
||||
<button type="submit" class="btn btn-ws-primary">Сохранить</button>
|
||||
<a href="{{ cancel_url }}" class="btn btn-ws-secondary">Отмена</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,9 +1,13 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}{{ title }} — ERP WaterSurf{% endblock %}
|
||||
{% block content %}
|
||||
<h2>{{ title }}</h2>
|
||||
<p><a href="{% url create_url_name %}" class="btn btn-primary">Добавить</a></p>
|
||||
<table class="table table-striped">
|
||||
<div class="ws-card">
|
||||
<div class="ws-card-header">
|
||||
<h2 class="ws-page-title mb-0">{{ title }}</h2>
|
||||
<a href="{% url create_url_name %}" class="btn btn-ws-primary">Добавить</a>
|
||||
</div>
|
||||
<div class="ws-table-wrap">
|
||||
<table class="ws-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
@@ -16,15 +20,17 @@
|
||||
<tr>
|
||||
<td>{{ item.pk }}</td>
|
||||
{% block table_cells %}<td>{{ item }}</td>{% endblock %}
|
||||
<td>
|
||||
<a href="{% block edit_url %}{% url update_url_name item.pk %}{% endblock %}">Изменить</a>
|
||||
|
|
||||
<a href="{% block delete_url %}{% url delete_url_name item.pk %}{% endblock %}" class="text-danger">Удалить</a>
|
||||
<td class="ws-actions">
|
||||
<a href="{% block edit_url %}{% url update_url_name item.pk %}{% endblock %}" class="ws-link">Изменить</a>
|
||||
<span class="ws-text-muted"> · </span>
|
||||
<a href="{% block delete_url %}{% url delete_url_name item.pk %}{% endblock %}" class="ws-link ws-link-danger">Удалить</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% empty %}
|
||||
<tr><td colspan="3">Нет записей.</td></tr>
|
||||
<tr><td colspan="3" class="ws-empty">Нет записей.</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,14 +1,20 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Вход — ERP WaterSurf{% endblock %}
|
||||
{% block content %}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-4">
|
||||
<h2>Вход</h2>
|
||||
<form method="post" action="{% url 'users:login' %}">
|
||||
<div class="ws-card ws-login-card">
|
||||
<h1 class="ws-login-title">Вход</h1>
|
||||
<form method="post" action="{% url 'users:login' %}" class="ws-form-login">
|
||||
{% csrf_token %}
|
||||
{{ form.as_p }}
|
||||
<button type="submit" class="btn btn-primary">Войти</button>
|
||||
{% for field in form %}
|
||||
<div class="ws-form-group">
|
||||
<label for="{{ field.id_for_label }}">{{ field.label }}</label>
|
||||
{{ field }}
|
||||
{% if field.errors %}<small class="ws-text-danger">{{ field.errors.0 }}</small>{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="ws-btn-group" style="margin-top: 1.5rem;">
|
||||
<button type="submit" class="btn btn-ws-primary">Войти</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user