Update todo example.

Author: adamghill

example/project/settings.py

@@ -14,8 +14,10 @@
     "django.contrib.sessions",
     "django.contrib.messages",
     "django.contrib.staticfiles",
+    # Internal apps
     "books",
     "coffee",
+    "todos",
     "www",
     # Include django-unicorn package
     "django_unicorn",

example/todos/__init__.py

@@ -0,0 +1 @@
+default_app_config = "todos.apps.Config"

example/todos/apps.py

@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class Config(AppConfig):
+    name = "example.todos"

example/todos/models.py

@@ -5,6 +5,3 @@ 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/unicorn/components/add_todo_test.py

@@ -4,9 +4,13 @@
 
 
 class AddTodoTestView(UnicornView):
-    class Meta:
-        db_models = [DbModel("todo", Todo)]
+    todos = Todo.objects.none()
+
+    def hydrate(self):
+        self.todos = Todo.objects.all()
 
     def save(self):
-        print("A new book will be created automatically")
-        pass
+        print("A new todo will be created automatically")
+
+    class Meta:
+        db_models = [DbModel("todo", Todo)]

example/unicorn/templates/unicorn/add-todo-test.html

@@ -1,11 +1,17 @@
-<div unicorn:db="todo">
+<div unicorn:db="todo" unicorn:pk="">
+  <div>
+    <input unicorn:field.defer="description" type="text" id="description" />
+  </div>
+  <div>
+    <input unicorn:field.defer="due_date" type="text" id="due_date" />
+  </div>
+  <button unicorn:click="save">Save</button>
+
+  <div>
+    {% for todo in todos %}
     <div>
-      <input unicorn:field.defer="description" type="text" id="description" />
-      {{ todo.description }}
+      {{ todo.id }}
     </div>
-    <div>
-      <input unicorn:field.defer="due_date" type="text" id="due_date" />
-      {{ todo.due_date }}
-    </div>
-    <button unicorn:click="save">Save</button>
-  </div>
+    {% endfor %}
+  </div>
+</div>