#35 Add notice for form sent

Author: Yuma Soga

Gemfile

@@ -47,6 +47,8 @@ gem 'redcarpet'
 
 gem 'slack-notifier'
 
+gem 'toastr-rails'
+
 group :development, :test do
   gem 'sqlite3'
   gem 'byebug'

Gemfile.lock

@@ -281,6 +281,8 @@ GEM
     thread_safe (0.3.6)
     tilt (2.0.8)
     timecop (0.9.1)
+    toastr-rails (1.0.3)
+      railties (>= 3.1.0)
     travis (1.8.8)
       backports
       faraday (~> 0.9)
@@ -344,6 +346,7 @@ DEPENDENCIES
   spring
   sqlite3
   timecop
+  toastr-rails
   travis
   turbolinks
   uglifier (>= 1.3.0)

app/assets/javascripts/application.js

@@ -13,6 +13,7 @@
 //= require rails-ujs
 //= require turbolinks
 //= require jquery3
+//= require toastr
 //= require popper
 //= require bootstrap-sprockets
 //= require_tree .

app/assets/javascripts/toast-massage.coffee

@@ -0,0 +1,9 @@
+$(document).on 'turbolinks:load', ->
+  if $.trim($('#info > .notice').html())!=''
+    toastr.success $('#info > .notice').text()
+    console.log 'Show Notice:' + $('#info > .notice').text()
+  else if $.trim($('#info > .alert').html())!=''
+    toastr.error $('#info > .alert').text()
+    console.log 'Show Alert:' + $('#info > .alert').text()
+  else
+    console.log 'No Words'

app/assets/stylesheets/application.scss

@@ -15,6 +15,8 @@
 
 @import "font-awesome";
 
+@import "toastr";
+
 @import "bootstrap-creative/creative";
 @import "pages";
 @import "posts";

app/controllers/staticpages_controller.rb

@@ -15,10 +15,12 @@ def contact_form_send
 
     respond_to do |format|
       if @contact_form.save
-        format.html { redirect_to :action => "index", notice: 'Post was successfully updated.' }
+        flash[:notice] = 'お問い合わせの送信が完了しました'
+        format.html { redirect_to :action => "index" }
         format.json { render :show, status: :ok, location: @contact_form }
       else
-        format.html { render :contact_form }
+        flash.now[:alert] = '入力に不備があるか、何かの不具合で送れませんでした。もう一度お試しください。'
+        format.html { render :contact }
         format.json { render json: @contact_form.errors, status: :unprocessable_entity }
       end
     end

app/views/layouts/pages.html.haml

@@ -26,6 +26,9 @@
     %link{:href => "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800", :rel => "stylesheet", :type => "text/css"}/
     %link{:href => "https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic", :rel => "stylesheet", :type => "text/css"}/
   %body#page-top
+    #notice{style: "display:none" }
+      = notice
+
     / Navigation
     %nav#mainNav.navbar.navbar-expand-lg.navbar-light.fixed-top
       .container-fluid

app/views/layouts/staticpages.html.haml

@@ -24,6 +24,9 @@
     %link{:href => "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800", :rel => "stylesheet", :type => "text/css"}/
     %link{:href => "https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic", :rel => "stylesheet", :type => "text/css"}/
   %body#page-top
+    - flash.each do |key, value|
+      #info{style: "display:none" }
+        = content_tag(:p, value, class: "#{key}")
     / Navigation
     %nav#mainNav.navbar.navbar-expand-lg.navbar-light.fixed-top
       .container-fluid