start

chillenberger · chillenberger · commit 5a3cbce8117b · 2024-03-07T11:17:59.000-07:00
diff --git a/pgml-dashboard/src/components/cards/newsletter_subscribe/newsletter_subscribe_controller.js b/pgml-dashboard/src/components/cards/newsletter_subscribe/newsletter_subscribe_controller.js
@@ -0,0 +1,18 @@
+import { Controller } from '@hotwired/stimulus'
+
+export default class extends Controller {
+
+  static targets = [
+    'form',
+  ]
+
+  async submitRequest() {
+    fetch(this.formTarget.action, {
+      method: "POST",
+      body: new FormData(this.formTarget),
+    })
+    .then(response => response.json())
+    .then(rsp => console.log(rsp.rsp));
+
+  }
+}
diff --git a/pgml-dashboard/src/components/cards/newsletter_subscribe/template.html b/pgml-dashboard/src/components/cards/newsletter_subscribe/template.html
@@ -5,12 +5,13 @@ <h3>Subscribe to our newsletter. (It’s better than you think)</h3>
       <p>No spam. No sales pitches. Just product updates. Keep up with all our articles and news. Join our newsletter and stay up to date!</p>
     </div>
 
-    <form action="/newsletter_subscribe" class="d-flex flex-column justify-content-center align-items-center gap-3 w-100" style="flex: 3" method="post">
+    <form action="/newsletter_subscribe" class="d-flex flex-column justify-content-center align-items-center gap-3 w-100" style="flex: 3" method="post" data-cards-newsletter-subscribe-target="form">
       <div class="input-group p-1 ps-3 subscribe-input">
         <input  type="email" class="form-control border-0" placeholder="hootareyou@email.com" name="email" autocomplete="off">
-        <button type="submit" class="btn btn-primary rounded-2 d-none d-md-block">Subscribe</button>
+        <!-- <button type="submit" class="btn btn-primary rounded-2 d-none d-md-block">Subscribe</button> -->
+        <button type="button" class="btn btn-primary rounded-2 d-none d-md-block" data-action="cards-newsletter-subscribe#submitRequest">Subscribe</button>
       </div>
-      <button type="submit" class="btn btn-primary rounded-2 d-md-none">Subscribe</button>
+      <button type="submit" class="btn btn-primary rounded-2 d-md-none" data-action="cards-newsletter-subscribe#submitRequest">Subscribe</button>
     </form>
   </div>
 </div>
diff --git a/pgml-dashboard/src/components/pages/blog/landing_page/template.html b/pgml-dashboard/src/components/pages/blog/landing_page/template.html
@@ -3,6 +3,7 @@
   use crate::components::cards::blog::ArticlePreview;
   use crate::components::sections::common_resources::{Cards, CommonResources};
   use crate::components::pages::blog::blog_search::call::Call as BlogSearchCall;
+  use crate::components::cards::NewsletterSubscribe;
 
 
 
@@ -36,6 +37,10 @@ <h1>PostgresML <span class="text-gradient-blue">Blog</span></h1>
       <%+ BlogSearchCall::new() %>
     </div>
 
+    <div class="mt-5 container">
+      <%+ NewsletterSubscribe::new() %>
+    </div>
+
     <div class="mt-5">
       <%+ CommonResources::new().show(Vec::from([Cards::Contribute, Cards::Docs, Cards::Community])) %>
     </div>
