add ability to close subscribe form

Author: Jacques Crocker

app-css/components/list-subscriber-form.css.sass

@@ -15,6 +15,16 @@
   color: #fff
   text-shadow: 0 0 3px rgba(#000, 0.5)
 
+  .close-subscribe-form
+    position: absolute
+    right: 10px
+    top: 18px
+    cursor: pointer
+    z-index: 100
+    opacity: 0.3
+    i
+      font-size: 20px
+
   label, .form-control
     display: inline-block
     margin-top: 3px

app-js/components/list-subscriber-form.js.es6

@@ -0,0 +1,9 @@
+(() => {
+
+  $(document).on("click", ".close-subscribe-form", (e) => {
+    e.preventDefault();
+    Cookies.set('hide_subscribe', true, { expires: 90 });
+    $(e.target).closest(".list-subscriber-form").slideUp("fast")
+  });
+
+})();

app-js/vendor/js.cookie-2.0.4.min.js

@@ -16,3 +16,4 @@
 //= require lodash
 //= require vendor/lodash-inflection
 //= require bootstrap
+//= require vendor/js.cookie-2.0.4.min

app/assets/javascripts/dependencies.js

@@ -136,4 +136,8 @@ def content_nav_link(title, action)
       link_to title, url_for(controller: "pages", action: action)
     end
   end
+
+  def show_subcribe_form?
+    current_subscriber.blank? and !cookies[:hide_subscribe]
+  end
 end

app/helpers/application_helper.rb

@@ -11,4 +11,8 @@
       </span>
     <% end %>
   </div>
+
+  <span class="close-subscribe-form">
+    <i class="fa fa-times"></i>
+  </span>
 </div>

app/views/list_subscribers/_subscribe_form.html.erb

@@ -7,7 +7,7 @@
   = auto_discovery_link_tag(:atom, format: :atom, controller: :projects, action: :recent)
 
 
-- unless current_subscriber.present?
+- if show_subcribe_form?
   - content_for :after_header do
     = render "list_subscribers/subscribe_form"