Basics of new signup modal/form

app/assets/javascripts/modals.js

@@ -21,6 +21,10 @@ function loadModal(modalTarget) {
 function closeModal() { modal.dialog('close') }
 
 function modalActivation() {
+  $('a.sign-up').on('click', function(evt) { 
+    loadModal('/signup')(evt)
+  });
+
   $('#login').on('click', function(evt) { 
     loadModal('/signin')(evt)
   });

app/assets/stylesheets/static/_signup.scss

@@ -0,0 +1,8 @@
+.full-sign-up {
+  form.sign-up {
+    @include media($tablet) {
+      @include shift(3);
+      @include span-columns(6);
+    }
+  }
+}

app/controllers/static_controller.rb

@@ -27,4 +27,15 @@ def questions
 
   def hosting
   end
+
+  def jfdi_signup
+    use_new_styles
+    @full_form = !request.xhr?
+    return redirect_to profile_path if current_user
+    if @full_form
+      render 'registrations/sign_up'
+    else
+      render 'shared/_new_sign_up', layout: @full_form
+    end
+  end
 end

app/views/layouts/application.html.erb

@@ -45,5 +45,6 @@
       ga('create', 'UA-39634305-2', 'teawithstrangers.com');
       ga('send', 'pageview');
     </script>
+    <div id="modal"></div>
   </body>
 </html>

app/views/registrations/sign_up.html.erb

@@ -0,0 +1,3 @@
+<div class="container full-sign-up">
+  <%= render partial: 'shared/new_sign_up' %>
+</div>

app/views/shared/_header.html.erb

@@ -8,7 +8,7 @@
             <li class="nav-link-item"><%= link_to li[0], li[1] %></li>
           <% end %>
           <li class="nav-link-item">
-            <%= link_to_if(current_user.nil?, 'Sign In', new_user_session_path, class: 'sign-in-emphasis') do
+            <%= link_to_if(current_user.nil?, 'Sign In', new_user_session_path, id: 'login', class: 'sign-in-emphasis') do
               link_to('My Account', profile_path)
             end %>
     </ul>

app/views/shared/_new_sign_up.html.erb

@@ -0,0 +1,6 @@
+<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { class: ['sign-up' ] }) do |f| %>
+  <%= f.text_field :nickname, placeholder: 'Nickname' %>
+  <%= f.email_field :email, placeholder: 'Email Address' %>
+  <%= f.password_field :password, placeholder: 'Password' %>
+  <%= f.submit "Let's Go!" %>
+<% end %>

app/views/shared/_signup.html.haml

@@ -1,5 +1,5 @@
 - if current_user.nil?
-  = form_for(resource, as: resource_name, url: registration_path(resource_name), class: 'signup') do |f|
+  = form_for(resource, as: resource_name, url: registration_path(resource_name), class: 'sign-up') do |f|
     = f.text_field :nickname, placeholder: 'Nickname'
     = f.email_field :email, placeholder: 'Email Address'
     - if dropdown ||= false

app/views/static/index.html.erb

@@ -6,9 +6,11 @@
         Expand your world, one 
         real-life conversation at a time.
       </h2>
-      <button class='orange cover-photo-cta'>
-        <%= link_to 'Sign Up', '#' %>
-      </button>
+      <%= link_to sign_up_path, class: 'sign-up' do %>
+        <button class='orange cover-photo-cta'>
+          Sign Up
+        </button>
+      <% end %>
     </div>
   </div>
 </div>
@@ -61,9 +63,11 @@
       <h2>
         Ready to take the plunge?
       </h2>
-      <button class='orange cover-photo-cta'>
-        <%= link_to 'Sign Up', '#' %>
-      </button>
+      <%= link_to sign_up_path, class: 'sign-up' do %>
+        <button class='orange cover-photo-cta'>
+          Sign Up
+        </button>
+      <% end %>
     </div>
   </div>
 </div>

config/routes.rb

@@ -16,6 +16,7 @@
   get '/openhouse'      => 'static#openhouse',      as: :openhouse
   get '/questions'      => 'static#questions',      as: :questions
   get '/stories'        => 'static#stories',        as: :stories
+  get '/signup'         => 'static#jfdi_signup',    as: :sign_up
 
   # Devise and Registration Routes
   devise_for :users, :controllers => {:registrations => "registrations"}, :skip => [:sessions]