Form templates post to themselves.

Author: toddbirchard

Makefile

@@ -8,11 +8,12 @@ make run        - Run $(PROJECTNAME).
 make deploy     - Install requirements and run app for the first time.
 make update     - Update pip dependencies via Python Poetry.
 make format     - Format code with Python's `Black` library.
+make lint       - Check code formatting with flake8
 make clean      - Remove cached files and lock files.
 endef
 export HELP
 
-.PHONY: run deploy update format clean help
+.PHONY: run deploy update format lint clean help
 
 
 requirements: .requirements.txt
@@ -55,4 +56,9 @@ clean:
 	find . -name '*.pyc' -delete
 	find . -name '__pycache__' -delete
 	find . -name 'poetry.lock' -delete
-	find . -name 'Pipefile.lock' -delete
+	find . -name 'Pipefile.lock' -delete
+	find . -name 'logs/*.json' -delete
+	find . -name '*.log' -delete
+	find . -name '*/.pytest_cache' -delete
+	find . -name '*/logs/*.json' -delete
+	rm -rf tests/.pytest_cache

config.py

@@ -15,7 +15,6 @@ class Config:
     SECRET_KEY = environ.get("SECRET_KEY")
     FLASK_APP = environ.get("FLASK_APP")
     FLASK_ENV = environ.get("FLASK_ENV")
-    SERVER_NAME = environ.get("SERVER_NAME")
 
     # Static Assets
     STATIC_FOLDER = "static"

deploy.sh

@@ -2,13 +2,11 @@
 
 if [ -d ".venv" ]
 then
-    source .venv/bin/activate
+    . .venv/bin/activate
     pip install -r requirements.txt
-    python3 wsgi.py
 else
     python3 -m venv .venv
-    source .venv/bin/activate
+    . .venv/bin/activate
     python3 -m pip install --upgrade pip
     pip install -r requirements.txt
-    python3 wsgi.py
 fi

flask_wtforms_tutorial/__init__.py

@@ -1,9 +1,6 @@
 """Initialize app."""
-from ddtrace import patch_all
 from flask import Flask
 
-patch_all()
-
 
 def create_app():
     """Construct the core flask_wtforms_tutorial."""

flask_wtforms_tutorial/forms.py

@@ -16,10 +16,12 @@ class ContactForm(FlaskForm):
 
     name = StringField("Name", [DataRequired()])
     email = StringField(
-        "Email", [Email(message="Not a valid email address."), DataRequired()]
+        "Email",
+        [Email(message="Not a valid email address."), DataRequired()]
     )
     body = TextAreaField(
-        "Message", [DataRequired(), Length(min=4, message="Your message is too short.")]
+        "Message",
+        [DataRequired(), Length(min=4, message="Your message is too short.")]
     )
     submit = SubmitField("Submit")
 
@@ -28,16 +30,16 @@ class SignupForm(FlaskForm):
     """Sign up for a user account."""
 
     email = StringField(
-        "Email", [Email(message="Not a valid email address."), DataRequired()]
+        "Email",
+        [Email(message="Not a valid email address."), DataRequired()]
     )
     password = PasswordField(
         "Password",
-        [
-            DataRequired(message="Please enter a password."),
-        ],
+        [DataRequired(message="Please enter a password.")],
     )
     confirmPassword = PasswordField(
-        "Repeat Password", [EqualTo(password, message="Passwords must match.")]
+        "Repeat Password",
+        [EqualTo(password, message="Passwords must match.")]
     )
     title = SelectField(
         "Title",

flask_wtforms_tutorial/routes.py

@@ -9,22 +9,36 @@ def home():
     return render_template("index.jinja2", template="home-template")
 
 
-@app.route("/contact", methods=("GET", "POST"))
+@app.route("/contact", methods=["GET", "POST"])
 def contact():
+    """Standard `contact` form, typically used to send emails."""
     form = ContactForm()
     if form.validate_on_submit():
         return redirect(url_for("success"))
-    return render_template("contact.jinja2", form=form, template="form-template")
+    return render_template(
+        "contact.jinja2",
+        form=form,
+        template="form-template"
+    )
 
 
-@app.route("/signup", methods=("GET", "POST"))
+@app.route("/signup", methods=["GET", "POST"])
 def signup():
+    """User sign-up form for account creation."""
     form = SignupForm()
     if form.validate_on_submit():
         return redirect(url_for("success"))
-    return render_template("signup.jinja2", form=form, template="form-template")
+    return render_template(
+        "signup.jinja2",
+        form=form,
+        template="form-template"
+    )
 
 
-@app.route("/success", methods=("GET", "POST"))
+@app.route("/success", methods=["GET", "POST"])
 def success():
-    return render_template("success.jinja2", template="success-template")
+    """Generic success page displayed when users submit a valid forms."""
+    return render_template(
+        "success.jinja2",
+        template="success-template"
+    )

flask_wtforms_tutorial/static/css/forms.css

@@ -5,6 +5,8 @@ form {
 
 .form-field {
   position: relative;
+  border: 0;
+  padding: 0;
 }
 
 .container {
@@ -22,11 +24,11 @@ form {
   margin: 0 0 40px 0;
 }
 
-.formwrapper {
+.form-wrapper {
   background: white;
   width: 350px;
   box-shadow: 0 0 5px rgba(65, 67, 144, 0.1);
-  padding: 50px;
+  padding: 40px;
 }
 
 label {
@@ -41,6 +43,7 @@ input, textarea, select {
   padding: 10px 13px;
   margin-bottom: 15px;
   width: -webkit-fill-available;
+  width: -moz-available;
   border-radius: 2px;
   border: 1px solid #d4d9e3;
   font-weight: 200;
@@ -86,18 +89,20 @@ textarea:focus {
   box-shadow: unset;
 }
 
-input[type="submit"] {
+input[type="submit"],
+button {
   background: #5eb9d7;
-  border: 0;
   color: white;
   border-radius: 2px;
   margin-top: 15px;
   font-weight: 400;
   border: 1px solid #5eb9d7;
+  line-height: 1;
   transition: all .3s ease-out;
 }
 
-input[type="submit"]:hover {
+input[type="submit"]:hover,
+button:hover {
   cursor: pointer;
   background: white;
   color: #5eb9d7;
@@ -112,7 +117,7 @@ input[type="submit"]:hover {
 
 .errors {
   list-style: none;
-  margin: 10px 0;
+  margin: 10px auto;
   position: absolute;
   z-index: 10;
   right: -222px;
@@ -126,7 +131,6 @@ input[type="submit"]:hover {
   width: 182px;
   text-align: center;
   height: fit-content;
-  margin: auto;
 }
 
 i {
@@ -135,10 +139,10 @@ i {
   top: 4px;
   bottom: 0;
   right: 16px;
-  height: fit-content;
   color: grey;
+  height: 15px;
 }
 
 .g-recaptcha div {
   margin: auto;
-}
+}

flask_wtforms_tutorial/static/css/style.css

@@ -1,6 +1,6 @@
 body {
   background: #e1eaf5;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }
 
 h1 {

flask_wtforms_tutorial/static/css/success.css

@@ -1,7 +1,7 @@
 .success-wrapper {
   background: white;
-  width: 300px;
-  padding: 30px;
+  width: 350px;
+  padding: 40px;
   text-align: center;
   margin: 50px auto 0;
   display: block;
@@ -14,4 +14,24 @@
 .success-wrapper p {
   text-align: center;
   color: #363a40;
+  line-height: 1.3;
 }
+
+button {
+  background: #5eb9d7;
+  color: white;
+  border-radius: 2px;
+  margin-top: 15px;
+  font-weight: 400;
+  border: 1px solid #5eb9d7;
+  line-height: 1;
+  transition: all .3s ease-out;
+  padding: 10px 15px;
+  font-size: 1.1em;
+}
+
+button:hover {
+  cursor: pointer;
+  background: white;
+  color: #5eb9d7;
+}