WIP

Gemfile

@@ -5,6 +5,7 @@ gem 'rails', '6.0.4.1'
 gem 'rake', '>= 10'
 gem 'pg'
 gem 'sprockets-rails', require: 'sprockets/railtie'
+gem 'mail_form'
 
 gem 'bootsnap'
 gem 'devise'

Gemfile.lock

@@ -166,6 +166,9 @@ GEM
       nokogiri (>= 1.5.9)
     mail (2.7.1)
       mini_mime (>= 0.1.1)
+    mail_form (1.9.0)
+      actionmailer (>= 5.2)
+      activemodel (>= 5.2)
     marcel (1.0.2)
     method_source (1.0.0)
     mime-types (3.3.1)
@@ -336,6 +339,7 @@ DEPENDENCIES
   jquery-rails
   json
   listen
+  mail_form
   newrelic_rpm
   nokogiri (>= 1.12.5)
   oauth

app/controllers/contact_controller.rb

@@ -1,18 +1,24 @@
 class ContactController < ApplicationController
+  before_action :contact_params, only: [:create]
+
+  def index
+    @contact = ContactForm.new
+  end
+
   def create
-    @contact = Contact.new(contact_params)
-    if @contact.invalid?
-      messages = @contact.errors.full_messages.to_sentence
-      render json: { errors: messages }, status: :unprocessable_entity
+    @contact = ContactForm.new(params[:contact_form])
+    @contact.request = request
+    if @contact.deliver
+      flash.now[:notice] = 'Your feedback has been submitted. We will reply as soon as possible.'
+      render :index
     else
-      ContactMailer.contact_email(@contact).deliver
-      render json: { message: 'Your feedback has been submitted. We will reply as soon as possible.' }
+      flash.now[:error] = 'Cannot send message.'
+      render :index
     end
-  end
-
+  end 
+  
   private
-
   def contact_params
-    params.require(:contact).permit(:email, :message, :name, :subject)
+    params.require(:contact_form).permit(:email, :message, :name, :subject)
   end
-end
+end

app/controllers/pages_controller.rb

@@ -2,5 +2,6 @@ class PagesController < ApplicationController
   def index
     @upcoming_meetings = upcoming_meetings
     @next_meeting = next_meeting
+    @contact = contact_params
   end
 end

app/javascript/create.js.erb

@@ -0,0 +1,7 @@
+// app/views/home/create.js.erb
+
+// Test for ajax success
+console.log("This is the create.js.erb file");
+// Render flash message
+$('#contact').html("<%= j render 'contact_form' %>");
+$('#flash-message').html("<%= j render 'flash' %>").delay(3000).fadeOut(4000);

app/mailers/contact_mailer.rb

@@ -1,8 +1,24 @@
-class ContactMailer < ActionMailer::Base
+class ContactForm < MailForm::Base
 
   default :to => "[email protected]"
+  attribute :name,      :validate => true
+  attribute :email,     :validate => /\A([\w\.%\+\-]+)@([\w\-]+\.)+([\w]{2,})\z/i
+  attribute :message
+  attribute :nickname,  :captcha  => true
+
   def contact_email(contact)
     @contact = contact
     mail(:from => @contact.email, :subject => "Feedback from cincyrb.com")
   end
+
+  # Declare the e-mail headers. It accepts anything the mail method
+  # in ActionMailer accepts.
+  def headers
+    {
+      :subject => "Contact Form Inquiry",
+      :to => "your_email@your_domain.com",
+      :from => %("#{name}" <#{email}>)
+    }
+  end
+
 end

app/views/pages/_contact_form.html.erb

@@ -0,0 +1,26 @@
+<%= form_for @contact, url: pages_index_path, remote: true do |f| %>
+
+
+<div>
+      <h2>Contact Us</h2>
+      <p>Have a topic idea? Want to present at a Cinci.rb meeting? Have a suggestion? Send us a comment here.</p>
+      <p class='flash flash_notice'></p>
+      <%= form_for Contact.new, url: "/pages", :remote => true do |f| %>
+      <div>
+        <div>
+          <%= f.text_field :name, :placeholder => "Name" %>
+          <%= f.text_field :email, :placeholder => "Email Address" %>
+          <%= f.text_field :subject, :placeholder => "Subject" %>
+        </div>
+        <div>
+          <%= f.text_area :message, :placeholder => "Message", :rows => 5 %>
+        </div>
+        <div>
+          <input type="submit" value="Submit">
+        </div>
+      </div>
+      <%- end %>
+      <div class="col-md-6" id="flash-message">
+    <%= render 'flash' %>
+  </div>
+    </div>

app/views/pages/_flash.html.erb

@@ -0,0 +1,3 @@
+<% flash.each do |message_type, message| %>
+    <%= content_tag(:div, message, class: "alert alert-#{message_type}") %>
+<% end %>

config/environments/development.rb

@@ -59,4 +59,19 @@
   # Use an evented file watcher to asynchronously detect changes in source code,
   # routes, locales, etc. This feature depends on the listen gem.
   config.file_watcher = ActiveSupport::EventedFileUpdateChecker
+
+
+  # config/environments/development.rb
+
+  config.action_mailer.perform_deliveries = true
+  config.action_mailer.raise_delivery_errors= true
+  config.action_mailer.delivery_method = :smtp
+  config.action_mailer.smtp_settings = {
+    address:              'smtp.gmail.com',
+    port:                 587,
+    domain:               'gmail.com',
+    user_name:            ENV["GMAIL_EMAIL"],
+    password:             ENV["GMAIL_PASSWORD"],
+    authentication:       'plain',
+    enable_starttls_auto: true  }
 end

config/routes.rb

@@ -4,7 +4,8 @@
 
   ActiveAdmin.routes(self)
 
-  post 'contact_us' => 'contact#create'
+  resources :pages, only: [:index, :new, :create]
+
   get  'meetings' => 'meetings#index'
   get  'twitter/timeline'