Validation

.gitignore

@@ -3,3 +3,4 @@
 /.venv
 __pycache__
 /project/settings_local.py
+/db.sqlite3

project/main/apps.py

@@ -1,6 +1,21 @@
+import os
+import shutil
+
 from django.apps import AppConfig
+from django.conf import settings
 
 
 class MainConfig(AppConfig):
     default_auto_field = "django.db.models.BigAutoField"
     name = "project.main"
+
+    def ready(self):
+        """copy template database if db not exists"""
+
+        db_fname = settings.DATABASES["default"]["NAME"]
+        template_db_fname = settings.BASE_DIR / "db.template.sqlite3"
+
+        if os.path.exists(db_fname):
+            return
+
+        shutil.copyfile(template_db_fname, db_fname)

project/main/migrations/0003_person.py

@@ -0,0 +1,60 @@
+from django.db import migrations, models
+
+
+def create_persons_data(apps, schema_editor):
+    Person = apps.get_model("main", "Person")
+
+    bulk = [
+        Person(
+            name="Pero",
+            address="Perina ulica 15",
+            city="Zagreb",
+        ),
+        Person(
+            name="Mirko",
+            address="Mirkova ulica 17",
+            city="Zagreb",
+        ),
+        Person(
+            name="Šime",
+            address="Šimina ulica 19",
+            city="Split",
+        ),
+        Person(
+            name="Furio",
+            address="Furiozna ulica 21",
+            city="Pula",
+        ),
+    ]
+
+    Person.objects.bulk_create(bulk)
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("main", "0002_example_data"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="Person",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("name", models.CharField(max_length=100)),
+                ("address", models.CharField(max_length=100)),
+                ("city", models.CharField(max_length=100)),
+            ],
+            options={
+                "db_table": "persons",
+            },
+        ),
+        migrations.RunPython(create_persons_data),
+    ]

project/main/migrations/0004_alter_person_address_alter_person_city_and_more.py

@@ -0,0 +1,46 @@
+# Generated by Django 5.0.4 on 2024-05-16 05:33
+
+import django.core.validators
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("main", "0003_person"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="person",
+            name="address",
+            field=models.CharField(
+                max_length=100,
+                validators=[
+                    django.core.validators.MinLengthValidator(2),
+                    django.core.validators.MaxLengthValidator(100),
+                ],
+            ),
+        ),
+        migrations.AlterField(
+            model_name="person",
+            name="city",
+            field=models.CharField(
+                max_length=100,
+                validators=[
+                    django.core.validators.MinLengthValidator(2),
+                    django.core.validators.MaxLengthValidator(100),
+                ],
+            ),
+        ),
+        migrations.AlterField(
+            model_name="person",
+            name="name",
+            field=models.CharField(
+                max_length=100,
+                validators=[
+                    django.core.validators.MinLengthValidator(2),
+                    django.core.validators.MaxLengthValidator(100),
+                ],
+            ),
+        ),
+    ]

project/main/models/__init__.py

@@ -1 +1,2 @@
 from .cat_breed import CatBreed
+from .person import Person

project/main/models/person.py

@@ -0,0 +1,26 @@
+from django.core.validators import MaxLengthValidator, MinLengthValidator
+from django.db import models
+
+
+class Person(models.Model):
+    name = models.CharField(
+        max_length=100,
+        blank=False,
+        null=False,
+        validators=[MinLengthValidator(2), MaxLengthValidator(100)],
+    )
+    address = models.CharField(
+        max_length=100,
+        blank=False,
+        null=False,
+        validators=[MinLengthValidator(2), MaxLengthValidator(100)],
+    )
+    city = models.CharField(
+        max_length=100,
+        blank=False,
+        null=False,
+        validators=[MinLengthValidator(2), MaxLengthValidator(100)],
+    )
+
+    class Meta:
+        db_table = "persons"

project/main/templates/main/components/inline_table_row.html

@@ -0,0 +1,56 @@
+{% macro inline_table_row(person, is_editing, errors={}) %}
+    {% macro render_input(field_name, value) %}
+        {% set has_error = field_name in errors %}
+        <input
+            class="form-control {% if has_error %}is-invalid{% endif %}"
+            name="{{ field_name }}"
+            value="{{ value }}"
+            {% if has_error %}title="{{ errors[field_name] }}"{% endif %}
+        >
+    {% endmacro %}
+
+    {% if is_editing %}
+        <tr id="person-row-{{ person.pk }}" hx-target="this" hx-swap="outerHTML">
+            <td>
+                {{ render_input(field_name="name", value=person.name) }}
+            </td>
+            <td>
+                {{ render_input(field_name="address", value=person.address) }}
+            </td>
+            <td>
+                {{ render_input(field_name="city", value=person.city) }}
+            </td>
+            <td>
+                <button
+                    class="btn btn-outline-success"
+                    hx-post="{{ url("table-inline-edit-row", pk=person.pk) }}"
+                    hx-include="#person-row-{{ person.pk }} input"
+                >
+                    <i class="bi bi-check-circle-fill"></i>
+                </button>
+                <button
+                    class="btn btn-outline-danger"
+                    hx-get="{{ url("table-inline-edit-row", pk=person.pk) }}"
+                    hx-vals='{"action": "cancel"}'
+                >
+                    <i class="bi bi-x-circle-fill"></i>
+                </button>
+            </td>
+        </tr>
+    {% else %}
+        <tr hx-target="this" hx-swap="outerHTML">
+            <td>{{ person.name }}</td>
+            <td>{{ person.address }}</td>
+            <td>{{ person.city }}</td>
+            <td>
+                <button
+                    class="btn btn-outline-primary"
+                    hx-get="{{ url("table-inline-edit-row", pk=person.pk) }}"
+
+                >
+                    <i class="bi bi-pencil-square"></i>
+                </button>
+            </td>
+        </tr>
+    {% endif %}
+{% endmacro %}

project/main/templates/main/filter_list.html

@@ -50,6 +50,5 @@
 		</div>
 	</div>
 
-
     {% include "main/filter_list_content.html" %}
 {% endblock %}

project/main/templates/main/table_inline_edit.html

@@ -1,7 +1,24 @@
 {% extends "main/base/layout.html" %}
-{% from "main/components/js_alert.html" import js_alert_work_in_progress %}
+{% from "main/components/js_alert.html" import no_js_alert %}
+{% from "main/components/inline_table_row.html" import inline_table_row %}
 
 
 {% block content %}
-    {{ js_alert_work_in_progress() }}
+    {{ no_js_alert() }}
+
+    <table class="table align-middle">
+        <thead>
+            <tr>
+                <th style="width: 25%">Name</th>
+                <th>Address</th>
+                <th style="width: 25%">City</th>
+                <th style="width: 15%">&nbsp;</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for person in persons %}
+                {{ inline_table_row(person, is_editing=False) }}
+            {% endfor %}
+        </tbody>
+    </table>
 {% endblock %}

project/main/templates/main/table_inline_table_row.html

@@ -0,0 +1,3 @@
+{% from "main/components/inline_table_row.html" import inline_table_row %}
+
+{{ inline_table_row(person, is_editing=is_editing, errors=errors) }}

project/main/views/__init__.py

@@ -8,4 +8,4 @@ from .filter_list import FilterListFilterView, FilterListView
 from .form_validation import FormValidationView
 from .home import HomeView
 from .swap import SwapView
-from .table_inline_edit import TableInlineEditView
+from .table_inline_edit import TableInlineEditView, TableInlineEditRowView

project/main/views/table_inline_edit.py

@@ -1,7 +1,79 @@
+from typing import Any, Optional
+
+from django.core.exceptions import ValidationError
+from django.core.handlers.wsgi import WSGIRequest
+from django.http import Http404, HttpResponse
+from django.shortcuts import render
+
+from project.main.models import Person
 from project.main.views.demo_view_base import DemoViewBase
 
 
+def get_person(pk: int) -> Person:
+    try:
+        return Person.objects.get(pk=pk)
+    except Person.DoesNotExist:
+        raise Http404("Person not found")
+
+
 class TableInlineEditView(DemoViewBase):
     template_name = "main/table_inline_edit.html"
     active_section = "table-inline-edit"
     title = "Table Inline Edit"
+
+    def get_context_data(self, **kwargs) -> dict[str, Any]:
+        context_data = super().get_context_data(**kwargs)
+
+        persons = Person.objects.all()
+
+        context_data.update(
+            {
+                "persons": persons,
+            }
+        )
+        return context_data
+
+
+class TableInlineEditRowView(DemoViewBase):
+    template_name = "main/table_inline_table_row.html"
+
+    def get_context_data(self, **kwargs) -> dict[str, Any]:
+        context_data = super().get_context_data(**kwargs)
+
+        person = get_person(pk=kwargs.get("pk"))
+        action = self.request.GET.get("action", "edit")
+
+        context_data.update(
+            {
+                "person": person,
+                "is_editing": action == "edit",
+            }
+        )
+        return context_data
+
+    def post(self, request: WSGIRequest, *args, **kwargs) -> HttpResponse:
+        errors: Optional[dict[str, str]] = None
+
+        person = get_person(pk=kwargs.get("pk"))
+        person.name = request.POST.get("name")
+        person.address = request.POST.get("address")
+        person.city = request.POST.get("city")
+
+        try:
+            person.clean_fields()
+        except ValidationError as ex:
+            errors = {key: value[0].message for key, value in ex.error_dict.items()}
+        else:
+            person.save()
+
+        print(errors)
+
+        return render(
+            context={
+                "person": person,
+                "errors": errors,
+                "is_editing": errors is not None,
+            },
+            template_name=self.template_name,
+            request=request,
+        )

project/urls.py

@@ -13,4 +13,5 @@ urlpatterns = [
     path("complex-form/handle/reports", views.ReportsHandleView.as_view(), name="complex-form-handle-reports"),
     path("complex-form/handle/warehouse-management", views.WarehouseManagementHandleView.as_view(), name="complex-form-handle-warehouse-management"),
     path("table-inline-edit", views.TableInlineEditView.as_view(), name="table-inline-edit"),
+    path("table-inline-edit/edit/<int:pk>", views.TableInlineEditRowView.as_view(), name="table-inline-edit-row"),
 ]