in progress mailing list signup

.env-example

@@ -4,3 +4,9 @@ MAPIT_URL="https://mapit.mysociety.org/"
 MAPIT_API_KEY=""
 GOOGLE_ANALYTICS=""
 GOOGLE_SITE_VERIFICATION=""
+MAILCHIMP_MYSOC_KEY=""
+MAILCHIMP_MYSOC_SERVER_PREFIX=""
+MAILCHIMP_MYSOC_LIST_ID=""
+MAILCHIMP_TCC_KEY=""
+MAILCHIMP_TCC_SERVER_PREFIX=""
+MAILCHIMP_TCC_LIST_ID=""

conf/env-example

@@ -1,3 +1,9 @@
 SECRET_KEY="secr3t-k3y"
 GOOGLE_ANALYTICS=""
 GOOGLE_SITE_VERIFICATION=""
+MAILCHIMP_MYSOC_KEY=""
+MAILCHIMP_MYSOC_SERVER_PREFIX=""
+MAILCHIMP_MYSOC_LIST_ID=""
+MAILCHIMP_TCC_KEY=""
+MAILCHIMP_TCC_SERVER_PREFIX=""
+MAILCHIMP_TCC_LIST_ID=""

hub/forms.py

@@ -8,6 +8,7 @@
     BooleanField,
     CharField,
     EmailField,
+    Form,
     ModelForm,
     modelformset_factory,
 )
@@ -158,3 +159,20 @@ def confirm_login_allowed(self, user):
                     self.error_messages["inactive"],
                     code="inactive",
                 )
+
+
+class MailingListSignupForm(Form):
+    email = EmailField(label="Email")
+    full_name = CharField()
+    mysoc_signup = BooleanField(
+        required=False,
+        label=mark_safe(
+            'mySociety <a href="https://www.mysociety.org/privacy/">(privacy policy)</a>'
+        ),
+    )
+    tcc_signup = BooleanField(
+        required=False,
+        label=mark_safe(
+            'The Climate Coalition <a href="https://www.theclimatecoalition.org/privacy-policy">(privacy policy)</a>'
+        ),
+    )

hub/management/commands/mailchimp_test.py

@@ -0,0 +1,21 @@
+from django.conf import settings
+from django.core.management.base import BaseCommand
+
+import mailchimp_marketing as MailchimpMarketing
+from mailchimp_marketing.api_client import ApiClientError
+
+
+class Command(BaseCommand):
+    def handle(self, *args, **kwargs):
+        try:
+            client = MailchimpMarketing.Client()
+            client.set_config(
+                {
+                    "api_key": settings.MAILCHIMP_MYSOC_KEY,
+                    "server": settings.MAILCHIMP_MYSOC_SERVER_PREFIX,
+                }
+            )
+            response = client.ping.get()
+            print(response)
+        except ApiClientError as error:
+            print(error)

hub/static/js/all.js

@@ -17,6 +17,20 @@ exploreApp.mount('#exploreApp')
 
 import setUpAreaPage from './area.esm.js'
 
+async function mailingListSignup($form) {
+    const response = await fetch($form.attr('action'), {
+        method: $form.attr('method') || 'GET',
+        mode: 'cors',
+        credentials: 'same-origin',
+        body: $form.serialize(),
+        headers: {
+            "Content-Type": 'application/x-www-form-urlencoded',
+            "Accept": 'application/json; charset=utf-8',
+        },
+    })
+    return response.json()
+}
+
 $(function(){
     if( 'geolocation' in navigator ) {
         $('.js-geolocate').removeClass('d-none');
@@ -95,6 +109,25 @@ $(function(){
             });
         }
     })
+
+    $('#mailing_list_signup').on('submit', function(e){
+        e.preventDefault();
+        var $form = $(this);
+        mailingListSignup($form).then(function(response){
+            if (response['response'] == 'ok') {
+                $form.parent().hide()
+            } else {
+                console.log(response)
+                for (var k in response["errors"]) {
+                    var id = '#' + k
+                    console.log(id)
+                    var el = $(id)
+                    console.log(k, el)
+                    el.addClass('is-invalid')
+                }
+            }
+        });
+    })
 })
 
 var makeChart = function() {

hub/templates/hub/contact.html

@@ -12,6 +12,42 @@ <h1 class="mb-4">Contact us</h1>
             <p>Whether you’ve spotted an error on the site, or you have new data to contribute, or you need help managing your account, or anything else – send an email to <a href="mailto:[email protected]">[email protected]</a>, and we’ll direct your message to the right place.</p>
 
         </div>
+
+        <div class="readable">
+            <form id="mailing_list_signup" method="POST" action="{% url 'mailing_list_signup' %}">
+                {% csrf_token %}
+                <h2 class="h4">Want notifications when we add new data?</h2>
+                <fieldset>
+                    <legend>Let us know your email address and we’ll notify you about new data:</legend>
+                    <div class="mb-3">
+                        <label class="form-label" for="full_name">Name</label>
+                        <input type="text" name="full_name" id="full_name" class="form-control">
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label" for="email">Email address</label>
+                        <input type="email" name="email" id="email" class="form-control">
+                    </div>
+                </fieldset>
+                <fieldset>
+                    <legend>You can also, optionally, join our newsletters for more inspiration on data, democracy, and climate action:</legend>
+                    <div class="form-check">
+                        <input class="form-check-input" type="checkbox" value="yes" name="mysoc_signup" id="mysoc_signup">
+                        <label class="form-check-label" for="mysoc_signup">
+                            mySociety
+                            <a href="https://www.mysociety.org/privacy/">(privacy policy)</a>
+                        </label>
+                    </div>
+                    <div class="form-check">
+                        <input class="form-check-input" type="checkbox" value="yes" name="tcc_signup" id="tcc_signup">
+                        <label class="form-check-label" for="tcc_signup">
+                            The Climate Coalition
+                            <a href="https://www.theclimatecoalition.org/privacy-policy">(privacy policy)</a>
+                        </label>
+                    </div>
+                </fieldset>
+                <button type="submit" class="btn btn-primary mt-4">Subscribe</button>
+            </form>
+        </div>
     </div>
 </div>
 

hub/templates/hub/signed_up.html

@@ -0,0 +1,53 @@
+{% extends "hub/base.html" %}
+
+{% block content %}
+
+<div class="py-4 py-lg-5">
+    <div class="container">
+        <div class="readable">
+            <h1 class="mb-4">Signed up</h1>
+
+            <p>Thanks for signing up!</p>
+
+        </div>
+
+        <!--
+        <div class="readable">
+            <form method="POST" action="{% url 'mailing_list_signup' %}">
+                <h2 class="h4">Want notifications when we add new data?</h2>
+                <fieldset>
+                    <legend>Let us know your email address and we’ll notify you about new data:</legend>
+                    <div class="mb-3">
+                        <label class="form-label" for="name">Name</label>
+                        <input type="text" id="name" class="form-control">
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label" for="email">Email address</label>
+                        <input type="email" id="email" class="form-control">
+                    </div>
+                </fieldset>
+                <fieldset>
+                    <legend>You can also, optionally, join our newsletters for more inspiration on data, democracy, and climate action:</legend>
+                    <div class="form-check">
+                        <input class="form-check-input" type="checkbox" value="" id="check1">
+                        <label class="form-check-label" for="check1">
+                            mySociety
+                            <a href="https://www.mysociety.org/privacy/">(privacy policy)</a>
+                        </label>
+                    </div>
+                    <div class="form-check">
+                        <input class="form-check-input" type="checkbox" value="" id="check2">
+                        <label class="form-check-label" for="check2">
+                            The Climate Coalition
+                            <a href="https://www.theclimatecoalition.org/privacy-policy">(privacy policy)</a>
+                        </label>
+                    </div>
+                </fieldset>
+                <button type="submit" class="btn btn-primary mt-4">Subscribe</button>
+            </form>
+        </div>
+        -->
+    </div>
+</div>
+
+{% endblock %}

hub/views/core.py

@@ -1,8 +1,13 @@
+from django.conf import settings
 from django.db import connection
 from django.db.utils import OperationalError
 from django.http import JsonResponse
-from django.views.generic import TemplateView
+from django.views.generic import FormView, TemplateView
 
+import mailchimp_marketing as MailChimp
+from mailchimp_marketing.api_client import ApiClientError
+
+from hub.forms import MailingListSignupForm
 from hub.mixins import TitleMixin
 from hub.models import Area, DataSet
 
@@ -98,6 +103,78 @@ class ContactView(TitleMixin, TemplateView):
     template_name = "hub/contact.html"
 
 
+class MailChimpSignupView(TitleMixin, FormView):
+    form_class = MailingListSignupForm
+    page_title = "Signup!!!"
+    template_name = "hub/signed_up.html"
+    success_url = "/mailing-list/"
+
+    def form_invalid(self, form):
+        response = super().form_invalid(form)
+        if self.request.accepts("application/json"):
+            return JsonResponse({"errors": form.errors}, status=400)
+        else:
+            return response
+
+    def form_valid(self, form):
+        mysoc_client = MailChimp.Client()
+
+        mysoc_climate_signup = form.cleaned_data.get("mysoc_signup", False)
+        tcc_signup = form.cleaned_data.get("tcc_signup", False)
+
+        mysoc_client.set_config(
+            {
+                "api_key": settings.MAILCHIMP_MYSOC_KEY,
+                "server": settings.MAILCHIMP_MYSOC_SERVER_PREFIX,
+            }
+        )
+
+        content = {
+            "email_address": form.cleaned_data.get("email"),
+            "status": "subscribed",
+        }
+
+        mysoc_content = {
+            **content,
+            "interests": {settings.MAILCHIMP_MYSOC_DATA_UPDATES_INTEREST: True},
+        }
+        if mysoc_climate_signup:
+            mysoc_content["interests"][settings.MAILCHIMP_MYSOC_CLIMATE_INTEREST] = True
+            print("signed up for mysoc mailing list")
+
+        if tcc_signup:
+            tcc_content = content
+            print("signed up for TCC mailing list")
+
+        http_status = 200
+        response_data = {"data": content}
+
+        try:
+            print("posting to mysoc API", mysoc_content)
+            # mysoc_client.lists.batch_list_members(settings.MAILCHIMP_MYSOC_LIST_ID, {"members": mysoc_content, "update_existing": True)
+
+            if tcc_signup:
+                print("posting to TCC API", tcc_content)
+
+        except ApiClientError as error:
+            http_status = 500
+            response_data = {
+                "errors": [
+                    {
+                        "status": 500,
+                        "title": "mailchimp_marketing ApiClientError",
+                        "detail": error.text,
+                    }
+                ]
+            }
+
+        response = super().form_valid(form)
+        if self.request.accepts("application/json"):
+            return JsonResponse(response_data, status=http_status)
+        else:
+            return response
+
+
 class StyleView(TitleMixin, TemplateView):
     page_title = "Style preview"
     template_name = "hub/style.html"

local_intelligence_hub/settings.py

@@ -24,6 +24,12 @@
     HIDE_DEBUG_TOOLBAR=(bool, False),
     GOOGLE_ANALYTICS=(str, ""),
     GOOGLE_SITE_VERIFICATION=(str, ""),
+    MAILCHIMP_MYSOC_KEY=(str, ""),
+    MAILCHIMP_MYSOC_SERVER_PREFIX=(str, ""),
+    MAILCHIMP_MYSOC_LIST_ID=(str, ""),
+    MAILCHIMP_TCC_KEY=(str, ""),
+    MAILCHIMP_TCC_SERVER_PREFIX=(str, ""),
+    MAILCHIMP_TCC_LIST_ID=(str, ""),
 )
 environ.Env.read_env(BASE_DIR / ".env")
 
@@ -40,6 +46,14 @@
 GOOGLE_ANALYTICS = env("GOOGLE_ANALYTICS")
 GOOGLE_SITE_VERIFICATION = env("GOOGLE_SITE_VERIFICATION")
 
+# mailing list signup config
+MAILCHIMP_MYSOC_KEY = env("MAILCHIMP_MYSOC_KEY")
+MAILCHIMP_MYSOC_SERVER_PREFIX = env("MAILCHIMP_MYSOC_SERVER_PREFIX")
+MAILCHIMP_MYSOC_LIST_ID = env("MAILCHIMP_MYSOC_LIST_ID")
+MAILCHIMP_TCC_KEY = env("MAILCHIMP_TCC_KEY")
+MAILCHIMP_TCC_SERVER_PREFIX = env("MAILCHIMP_TCC_SERVER_PREFIX")
+MAILCHIMP_TCC_LIST_ID = env("MAILCHIMP_TCC_LIST_ID")
+
 # make sure CSRF checking still works behind load balancers
 SECURE_PROXY_SSL_HEADER = ("HTTP_X_FORWARDED_PROTO", "https")
 

local_intelligence_hub/urls.py

@@ -66,6 +66,9 @@
     path("contact/", core.ContactView.as_view(), name="contact"),
     path("location/", area.AreaSearchView.as_view(), name="area_search"),
     path("style/", core.StyleView.as_view(), name="style"),
+    path(
+        "mailing-list/", core.MailChimpSignupView.as_view(), name="mailing_list_signup"
+    ),
     path("status/", core.StatusView.as_view(), name="status"),
     path("me/", accounts.MyAccountView.as_view(), name="my_account"),
     path("signup/", accounts.SignupView.as_view(), name="signup"),