Add simple form for Todo example

Author: insspb

example_app/models.py

@@ -1,6 +1,7 @@
 import datetime
 
 from flask_mongoengine import MongoEngine
+from flask_mongoengine.wtf.orm import model_form
 
 db = MongoEngine()
 
@@ -10,3 +11,6 @@ class Todo(db.Document):
     text = db.StringField()
     done = db.BooleanField(default=False)
     pub_date = db.DateTimeField(default=datetime.datetime.now)
+
+
+TodoForm = model_form(Todo)

example_app/templates/pagination.html

@@ -17,6 +17,19 @@
   </div>
 {% endmacro %}
 
+{% macro with_errors(field) %}
+  <div class="form_field">
+    {% if field.errors %}
+      {% set css_class = 'has_error ' + kwargs.pop('class', '') %}
+      {{ field.label }}{{ field(class=css_class, **kwargs) }}{% if field.flags.required %}*{% endif %}
+      <ul class="errors">{% for error in field.errors %}
+        <li>{{ error|e }}</li>{% endfor %}</ul>
+    {% else %}
+      {{ field.label }}{{ field(**kwargs) }}{% if field.flags.required %}*{% endif %}
+    {% endif %}
+  </div>
+{% endmacro %}
+
 {% block body %}
 
   <div>
@@ -44,6 +57,13 @@
   <div>
     {{ render_navigation(todos_page, "pagination") }}
   </div>
-
+  <div>
+    <form method="POST" action="{{ url_for("pagination") }}">
+      {% for field in form %}
+        {{ with_errors(field, style='font-weight: bold') }}
+      {% endfor %}
+      <input type="submit" value="Create">
+    </form>
+  </div>
 
 {% endblock %}

example_app/views.py

@@ -66,8 +66,13 @@ def index():
 
 def pagination():
     """Return pagination demonstration page and data generation entrypoint."""
+    form = models.TodoForm()
+
     with switch_db(models.Todo, "secondary"):
+        if request.method == "POST":
+            form.validate_on_submit()
+            form.save()
         page_num = int(request.args.get("page") or 1)
         todos_page = models.Todo.objects.paginate(page=page_num, per_page=3)
 
-    return render_template("pagination.html", todos_page=todos_page)
+    return render_template("pagination.html", todos_page=todos_page, form=form)