End of chapter 10 (contact-us form)

django_site/django_site/static/main.css

@@ -58,3 +58,41 @@ body {
 #logo {
     padding: 10px;
 }
+ul.errorlist {
+    margin: 0;
+    padding: 0;
+}
+.errorlist li {
+    border: 1px solid red;
+    color: red;
+    background: rgba(255, 0, 0, 0.15);
+    list-style-position: inside;
+    display: block;
+    font-size: 1.2em;
+    margin: 0 0 3px;
+    padding: 4px 5px;
+    text-align: center;
+    border-radius: 3px;
+}
+input, textarea {
+    width: 100%;
+    padding: 5px!important;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    border-radius: 3px;
+    border-style: solid;
+    border-width: 1px;
+    border-color: rgb(169,169,169)
+}
+input {
+    height: 30px;
+}
+.success {
+    background-color: rgba(0, 128, 0, 0.15);
+    padding: 10px;
+    text-align: center;
+    color: green;
+    border: 1px solid green;
+    border-radius: 3px;
+}

django_site/django_site/templates/base.html

@@ -22,6 +22,7 @@
 	    {% block sidenav %}
 	    <li>Menu 1</li><li>Menu 2</li><li>Menu 3</li>
 	    {% endblock sidenav %}
+	    <li><a href="/contact">Contact Us</a></li>
 	  </ul>
 	</nav>
       </aside>

django_site/pages/forms.py

@@ -0,0 +1,9 @@
+
+from django import forms
+
+class ContactForm(forms.Form):
+    subject = forms.CharField(max_length=100)
+    email = forms.EmailField(required=False, label='Your e-mail address')
+    message = forms.CharField(widget=forms.Textarea)
+
+    

django_site/pages/templates/pages/contact.html

@@ -0,0 +1,24 @@
+{% extends "pages/page.html" %}
+
+{% block title %}Contact Us{% endblock title %}
+
+{% block content %}
+<h1>Contact Us</h1>
+
+{% if submitted %}
+<p class="success">
+  Your message was submitted successfully.  Thank you.
+</p>
+{% else %}
+<form action="" method="post" novalidate>
+  <table>
+    {{ form.as_table }}
+    <tr>
+      <td>&nbsp;</td>
+      <td><input type="submit" value="Submit"></td>
+    </tr>
+  </table>
+  {% csrf_token %}
+</form>
+{% endif %}
+{% endblock content %}

django_site/pages/urls.py

@@ -3,5 +3,6 @@ from . import views
 
 urlpatterns = [
     # url(r'^$', views.index, name='index'),
+    url(r'^contact$', views.contact, name='contact'),
     url(r'([^/]*)', views.index, name='index'),
 ]

django_site/pages/views.py

@@ -1,6 +1,10 @@
 # from django.shortcuts import render
 from django.shortcuts import render, get_object_or_404
 # from django.http import HttpResponse
+# for the form:
+from django.http import HttpResponseRedirect
+from django.core.mail import send_mail, get_connection
+from .forms import ContactForm
 
 from . models import Page
 
@@ -21,3 +25,25 @@ def index(request, pagename):
     # assert False   # django debug page is cool!
     return render(request, 'pages/page.html', context)
 
+
+def contact(request):
+    submitted = False
+    if request.method == 'POST':
+        form = ContactForm(request.POST)
+        if form.is_valid():
+            cd = form.cleaned_data
+            con = get_connection('django.core.mail.backends.console.EmailBackend')
+            send_mail(
+                cd['subject'],
+                cd['message'],
+                cd.get('email', '[email protected]'),
+                ['[email protected]'],
+                connection=con
+                )
+            return HttpResponseRedirect('/contact?submitted=True')
+    else:
+        form = ContactForm()
+        if 'submitted' in request.GET:
+            submitted = True
+    return render(request, 'pages/contact.html', {'form': form, 'page_list': Page.objects.all(), 'submitted': submitted})
+