From dd68fea24947ceef4a7083a06eb17ef65b9e6328 Mon Sep 17 00:00:00 2001
From: Badri Sunderarajan <badrihippo@gmail.com>
Date: Sun, 15 Mar 2020 13:31:23 +0530
Subject: [PATCH] Enable and activate MailChimp support in subscribe form

This is not just MailChimp, but any service really that lets you
embed a form
---
 data/admin.yml                   |  9 +++++++++
 src/components/subscribeForm.vue | 29 +++++++++++++++++++++++++++--
 2 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/data/admin.yml b/data/admin.yml
index 02588a2..f1b7f55 100644
--- a/data/admin.yml
+++ b/data/admin.yml
@@ -14,6 +14,15 @@ social_media:
   instagram: 'snipettemag'
   liberapay: 'snipettemag'
 
+subscribe_form:
+  form:
+    action: 'https://medium.us18.list-manage.com/subscribe/post?u=63d185e7c795f2758d0d07c8b&id=81720ca987'
+    id: 'mc-embedded-subscribe-form'
+  email_input:
+    name: 'EMAIL'
+  honeypot:
+    name: 'b_63d185e7c795f2758d0d07c8b_81720ca987'
+
 nav_home:
   - title: Home
     link: /
diff --git a/src/components/subscribeForm.vue b/src/components/subscribeForm.vue
index d20ad70..14a67c1 100644
--- a/src/components/subscribeForm.vue
+++ b/src/components/subscribeForm.vue
@@ -1,7 +1,25 @@
 <template>
-  <form method="post" action="/subscribe/" id="" class="">
+  <form method="post"
+    :action="Admin.subscribe_form && Admin.subscribe_form.form.action || '/subscribe/'"
+    :id="Admin.subscribe_form && Admin.subscribe_form.form.id"
+    :class="Admin.subscribe_form && Admin.subscribe_form.form.class"
+  >
     <div class="form-group">
-      <input class="subscribe-email" type="email" name="email" :placeholder=placeholder>
+      <input
+        :class="Admin.subscribe_form && Admin.subscribe_form.email_input.class || 'subscribe-email'"
+        type="email"
+        :name="Admin.subscribe_form && Admin.subscribe_form.email_input.name || 'email'"
+        :placeholder=placeholder
+      />
+      <div
+        v-if="Admin.subscribe_form && Admin.subscribe_form.honeypot"
+        style="position:absolute; left: -200vw;"
+        aria-hidden="true"
+      >
+        <input
+          :name="Admin.subscribe_form && Admin.subscribe_form.honeypot.name || 'nothing'"
+        />
+      </div>
     </div>
 
     <button id="" class="" type="submit">
@@ -11,12 +29,19 @@
 </template>
 
 <script>
+  import Admin from "../../data/admin.yml";
+
   export default {
     props: {
       placeholder: {
         type: String,
         default: "youremail@example.com"
       }
+    },
+    computed: {
+      Admin() {
+        return Admin;
+      }
     }
   }
 </script>