smaa/octopus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

refactor(ui): заменить стандартные формы на кастомные html элементы

Browse Source 
- Заменены стандартные формы Django на кастомные HTML элементы для полей:
  название, описание, категории, теги и цена со скидкой
- Добавлена валидация и стилизация для каждого поля
- Улучшена структура и читаемость кода шаблона
This commit is contained in:
Andrey Smakotin
2026-01-19 23:19:14 +03:00
parent 229fb18440
commit 0b35b80ee7
1 changed files with 44 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
myproject/products/templates/products/productkit_make_permanent.html
View File

@@ -26,8 +26,13 @@
{% csrf_token %}
<div class="mb-3">
<label for="id_name" class="form-label">Название *</label>
{{ form.name }}
<label for="{{ form.name.id_for_label }}" class="form-label">Название *</label>
<input type="text"
name="{{ form.name.html_name }}"
class="form-control{% if form.name.errors %} is-invalid{% endif %}"
id="{{ form.name.id_for_label }}"
value="{{ form.name.value|default:'' }}"
required>
{% if form.name.errors %}
<div class="invalid-feedback d-block">
{{ form.name.errors }}
@@ -36,8 +41,11 @@
</div>
<div class="mb-3">
<label for="id_description" class="form-label">Описание</label>
{{ form.description }}
<label for="{{ form.description.id_for_label }}" class="form-label">Описание</label>
<textarea name="{{ form.description.html_name }}"
class="form-control{% if form.description.errors %} is-invalid{% endif %}"
id="{{ form.description.id_for_label }}"
rows="3">{{ form.description.value|default:'' }}</textarea>
{% if form.description.errors %}
<div class="invalid-feedback d-block">
{{ form.description.errors }}
@@ -46,8 +54,18 @@
</div>
<div class="mb-3">
<label for="id_categories" class="form-label">Категории</label>
{{ form.categories }}
<label for="{{ form.categories.id_for_label }}" class="form-label">Категории</label>
<select name="{{ form.categories.html_name }}"
class="form-select{% if form.categories.errors %} is-invalid{% endif %}"
id="{{ form.categories.id_for_label }}"
multiple>
{% for value, label in form.categories.field.choices %}
<option value="{{ value }}"
{% if value in form.categories.value %}selected{% endif %}>
{{ label }}
</option>
{% endfor %}
</select>
{% if form.categories.errors %}
<div class="invalid-feedback d-block">
{{ form.categories.errors }}
@@ -59,8 +77,18 @@
</div>
<div class="mb-3">
<label for="id_tags" class="form-label">Теги</label>
{{ form.tags }}
<label for="{{ form.tags.id_for_label }}" class="form-label">Теги</label>
<select name="{{ form.tags.html_name }}"
class="form-select{% if form.tags.errors %} is-invalid{% endif %}"
id="{{ form.tags.id_for_label }}"
multiple>
{% for value, label in form.tags.field.choices %}
<option value="{{ value }}"
{% if value in form.tags.value %}selected{% endif %}>
{{ label }}
</option>
{% endfor %}
</select>
{% if form.tags.errors %}
<div class="invalid-feedback d-block">
{{ form.tags.errors }}
@@ -69,8 +97,14 @@
</div>
<div class="mb-3">
<label for="id_sale_price" class="form-label">Цена со скидкой</label>
{{ form.sale_price }}
<label for="{{ form.sale_price.id_for_label }}" class="form-label">Цена со скидкой</label>
<input type="number"
name="{{ form.sale_price.html_name }}"
class="form-control{% if form.sale_price.errors %} is-invalid{% endif %}"
id="{{ form.sale_price.id_for_label }}"
value="{{ form.sale_price.value|default:'' }}"
step="0.01"
min="0">
{% if form.sale_price.errors %}
<div class="invalid-feedback d-block">
{{ form.sale_price.errors }}