Example fix for issue 168.

Author: adamghill

example/todos/__init__.py

@@ -0,0 +1,23 @@
+# Generated by Django 3.1.7 on 2021-03-13 02:54
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Todo',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('description', models.CharField(max_length=50)),
+                ('is_completed', models.BooleanField(blank=True, default=False)),
+                ('due_date', models.DateField(blank=True, null=True)),
+            ],
+        ),
+    ]

example/todos/migrations/0001_initial.py

@@ -0,0 +1,10 @@
+from django.db import models
+
+
+class Todo(models.Model):
+    description = models.CharField(max_length=50)
+    is_completed = models.BooleanField(default=False, blank=True)
+    due_date = models.DateField(null=True, blank=True)
+
+    class Meta:
+        app_label = "todos"

example/todos/migrations/__init__.py

@@ -0,0 +1,12 @@
+from django_unicorn.components import UnicornView
+from django_unicorn.db import DbModel
+from example.todos.models import Todo
+
+
+class AddTodoTestView(UnicornView):
+    class Meta:
+        db_models = [DbModel("todo", Todo)]
+
+    def save(self):
+        print("A new book will be created automatically")
+        pass

example/todos/models.py

@@ -0,0 +1,11 @@
+<div unicorn:db="todo">
+    <div>
+      <input unicorn:field.defer="description" type="text" id="description" />
+      {{ todo.description }}
+    </div>
+    <div>
+      <input unicorn:field.defer="due_date" type="text" id="due_date" />
+      {{ todo.due_date }}
+    </div>
+    <button unicorn:click="save">Save</button>
+  </div>

example/unicorn/components/add_todo_test.py

@@ -0,0 +1,10 @@
+{% extends "www/base.html" %}
+{% load static unicorn %}
+
+{% block content %}
+
+<h2>Issue 168 test</h2>
+
+{% unicorn 'add-todo-test' %}
+
+{% endblock content %}