Newsletter and db updates

Author: rxtur

plugins/Common/Views/Widgets/Newsletter/Index.cshtml

@@ -1,7 +1,7 @@
 <form class="form-group">
     <div id="newsletter-form">
         <input id="txtSubscriberEmail" type="email" placeholder="someone@example.com">
-        <button type="button" onclick="newsletter.subscribe()">Subscribe</button>
+        <button type="button" onclick="return newsletter.subscribe()">Subscribe</button>
     </div>
     <div id="newsletter-msg" style="display: none">
         Thank you!
@@ -11,20 +11,34 @@
 <script type="text/javascript">
     //<![CDATA[
     var newsletter = function () {
-
         function subscribe() {
             var email = document.getElementById("txtSubscriberEmail");
-
-            var frm = document.getElementById("newsletter-form");
-            var msg = document.getElementById("newsletter-msg");
-
-            frm.style.display = "none";
-            msg.style.display = "";
+            $.ajax({
+                url: '/widgets/api/newsletter/subscribe',
+                type: 'PUT',
+                contentType: 'application/json',
+                data: JSON.stringify(email.value),
+                success: function (data) {
+                    var frm = document.getElementById("newsletter-form");
+                    var msg = document.getElementById("newsletter-msg");
+                    frm.style.display = "none";
+                    msg.innerHTML = data;
+                    msg.style.display = "";
+                    return false;
+                }
+            });
         }
-
         return {
             subscribe: subscribe
         }
     }();
+    document.getElementById('txtSubscriberEmail').onkeypress = function (e) {
+        if (!e) e = window.event;
+        var keyCode = e.keyCode || e.which;
+        if (keyCode == '13') {
+            newsletter.subscribe();
+        }
+        return false;
+    }
     //]]>
 </script>

plugins/Common/Widgets/Newsletter.cs

@@ -29,5 +29,18 @@ public NewsletterController(IDataService db)
             _db = db;
         }
 
+        [HttpPut]
+        [Route("subscribe")]
+        public IActionResult Subscribe([FromBody]string email)
+        {
+            var existing = _db.Newsletters.Single(n => n.Email == email);
+
+            if(existing == null)
+            {
+                _db.Newsletters.Add(new Core.Data.Newsletter { Email = email });
+                _db.Complete();
+            }
+            return Ok("Thank you!");
+        }
     }
 }

src/App/Views/Themes/moments/_Shared/_Header.cshtml

@@ -1,6 +1,6 @@
 <header class="blog-header">
     <div class="container d-flex">
-      <a href="~/" class="blog-logo my-auto d-flex"> <img src="~/@Model.Blog.Logo" alt="@Model.Blog.Title" class="my-auto" /></a>
+      <a href="~/" class="blog-logo my-auto d-flex"> <img src="~/@Model.Blog.Logo" alt="@Model.Blog.Title" class="my-auto" height="30" /></a>
       <nav class="navbar navbar-expand-lg navbar-dark ml-auto">
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>

src/App/app.db

@@ -12,8 +12,9 @@ public AppDbContext(DbContextOptions<AppDbContext> options) : base(options)
         public DbSet<BlogPost> BlogPosts { get; set; }
         public DbSet<Author> Authors { get; set; }
         public DbSet<Notification> Notifications { get; set; }
-        public DbSet<HtmlWidget> HtmlWidtes { get; set; }
         public DbSet<CustomField> CustomFields { get; set; }
+        public DbSet<HtmlWidget> HtmlWidgets { get; set; }
+        public DbSet<Newsletter> Newsletters { get; set; }
 
         protected override void OnConfiguring(DbContextOptionsBuilder optionsBuilder)
         {

src/App/wwwroot/data/admin/2018/11/logo-black.png

@@ -8,4 +8,10 @@ public class HtmlWidget
         public string Author { get; set; }
         public string Content { get; set; }
     }
+
+    public class Newsletter
+    {
+        public int Id { get; set; }
+        public string Email { get; set; }
+    }
 }

src/App/wwwroot/data/admin/2018/11/yourlogo.png

@@ -0,0 +1,16 @@
+namespace Core.Data
+{
+    public interface INewsletterRepository : IRepository<Newsletter>
+    {
+    }
+
+    public class NewsletterRepository : Repository<Newsletter>, INewsletterRepository
+    {
+        AppDbContext _db;
+
+        public NewsletterRepository(AppDbContext db) : base(db)
+        {
+            _db = db;
+        }
+    }
+}