caboose-cms 0.4.151 → 0.5.1

data/app/views/caboose/checkout/empty.html.erb

@@ -0,0 +1,2 @@
+<h3>Your cart is empty.</h3>
+<p><a href="/">Back to Store</a></p>

data/app/views/caboose/checkout/error.html.erb

@@ -0,0 +1,2 @@
+<h3>Sorry, there was an error processing your transaction.</h3>
+<p><a href="/checkout">Try Again</a></p>

data/app/views/caboose/checkout/index.html.erb

@@ -0,0 +1,43 @@
+<h3>Checkout2</h3>
+<%= render :partial => '/caboose/checkout/cart' %>
+<%= render :partial => '/caboose/checkout/address_form' %>
+
+<% content_for :caboose_css do %>
+<style>
+
+/* Table */
+
+table#cart { border-collapse: collapse; }
+table#cart td { border: #666 1px dotted; padding: 4px 8px; }
+table#cart th { font-weight: bold; text-align: center; }
+
+/* Form */
+
+form#address {
+  overflow: hidden;
+  width: 100%;
+}
+
+form#address label {
+  display: inline-block;
+  margin-right: 12px;
+  min-width: 100px;
+  text-align: right;
+}
+form#address input { width: 200px; }
+
+form#address fieldset {
+  width: 100%;
+  min-width: 320px;
+}
+form#address fieldset#billing { display: none; }
+
+@media all and (min-width: 768px) {
+  form#address fieldset {
+    float: left;
+    width: 50%;
+  }
+}
+
+</style>
+<% end %>

data/app/views/caboose/checkout/login.html.erb

@@ -0,0 +1,2 @@
+<h3>Login or Signup</h3>
+

data/app/views/caboose/checkout/payment.html.erb

@@ -0,0 +1,79 @@
+<% if Caboose::payment_processor == 'authorize.net' %>
+  <form id="payment" target="relay" action="<%= Caboose::PaymentProcessor.form_url(@order) %>" method="post">
+    <%= sim_fields(@sim_transaction) %>
+    <label>Card Number</label>
+    <input name="x_card_num" type="text" />
+    <label>Expiration</label>
+    <input id="expiration" name="x_exp_date" type="hidden" />
+    
+    <br />
+    
+    <select id="month" name="month">
+      <option value="01">01 - Jan</option>
+      <option value="02">02 - Feb</option>
+      <option value="03">03 - Mar</option>
+      <option value="04">04 - Apr</option>
+      <option value="05">05 - May</option>
+      <option value="06">06 - Jun</option>
+      <option value="07">07 - Jul</option>
+      <option value="08">08 - Aug</option>
+      <option value="09">09 - Sep</option>
+      <option value="10">10 - Oct</option>
+      <option value="11">11 - Nov</option>
+      <option value="12">12 - Dec</option>
+    </select>
+    /
+    <select id="year" name="year">
+      <% (DateTime.now.year...DateTime.now.year + 20).each do |i| %>
+        <option value="<%= i-2000 %>"><%= i %></option>
+      <% end %>
+    </select>
+    
+    <br />
+    
+    <label>Security Code</label>
+    <input id="x_card_code" name="x_card_code" type="text" />
+    <input type="submit" value="Submit" />
+  </form>
+<% end %>
+
+<% if Caboose::payment_processor == 'payscape' %>
+  <form id="payment" action="<%= @form_url %>" method="post" target="relay">
+    <input id="billing-amount" type="hidden" value="<%= @order.total %>" />
+    <input id="expiration" name="billing-cc-exp" type="hidden" />
+    
+    <div>
+      <label for="billing-cc-number">Card number:</label>
+      <input id="billing-cc-number" name="billing-cc-number" type="text" maxlength="16" />
+    </div>
+    
+    <div>
+      <label for="billing-expiration-month">Expiration:</label>
+      <select name="month">
+        <option value="01">01 - Jan</option>
+        <option value="02">02 - Feb</option>
+        <option value="03">03 - Mar</option>
+        <option value="04">04 - Apr</option>
+        <option value="05">05 - May</option>
+        <option value="06">06 - Jun</option>
+        <option value="07">07 - Jul</option>
+        <option value="08">08 - Aug</option>
+        <option value="09">09 - Sep</option>
+        <option value="10">10 - Oct</option>
+        <option value="11">11 - Nov</option>
+        <option value="12">12 - Dec</option>
+      </select>
+      /
+      <select name="year">
+        <% (DateTime.now.year...DateTime.now.year + 20).each do |i| %>
+          <option value="<%= i-2000 %>"><%= i %></option>
+        <% end %>
+      </select>
+    </div>
+    
+    <!--<input type="submit" value="Submit" />-->
+  </form>
+<% end %>
+
+<iframe id="relay" name="relay"></iframe>
+

data/app/views/caboose/checkout/relay.html.erb

@@ -0,0 +1,23 @@
+<!DOCTYPE>
+<html>
+  <body>
+    <% if Caboose::payment_processor == 'payscape' %>
+      <script type="text/javascript">
+        parent.relay_handler({
+          "success": <%= @success %>,
+          "message": "<%= @message %>"
+        });
+      </script>
+    <% end %>
+    
+    <% if Caboose::payment_processor == 'authorize.net' %>
+      <script>
+        parent.postMessage({
+          "success": <%= @success %>,
+          "message": "<%= @message %>"
+        }, "<%= Caboose::store_url %>");
+      </script>
+    <% end %>
+  </body>
+</html>
+

data/app/views/caboose/checkout/relay_old.html.erb

@@ -0,0 +1,12 @@
+<!DOCTYPE>
+<html>
+  <body>
+    <script id="response" type="application/json">
+      {
+        "success": <%= @success %>,
+        "message": "<%= @message %>"
+      }
+    </script>
+  </body>
+</html>
+

data/app/views/caboose/checkout/relay_postMessage.html.erb

@@ -0,0 +1,19 @@
+<!DOCTYPE>
+<html>
+  <body>
+    <script id="response" type="application/json">
+      {
+        success: <%= @success %>,
+        message: '<%= @message %>'
+      }
+    </script>
+    
+    <script>
+      parent.postMessage({
+        success: <%= @success %>,
+        message: '<%= @message %>'
+      }, '<%= Caboose::store_url %>');
+    </script>
+  </body>
+</html>
+

data/app/views/caboose/checkout/shipping.html.erb

@@ -0,0 +1,15 @@
+<h3>Checkout</h3>
+<%= render :partial => '/caboose/checkout/cart' %>
+
+<h2>Shipping Address</h2>
+<%= render :partial => '/caboose/checkout/shipping_address' %>
+
+<h2>Shipping Method</h2>
+<%= render :partial => '/caboose/checkout/shipping_method_form' %>
+
+<% content_for :caboose_css do %>
+	<style>
+		form#shipping-rates label { display: inline; }
+		form#shipping-rates input[type=submit] { margin-top: 12px; }
+	</style>
+<% end %>

data/app/views/caboose/checkout/step_four.html.erb

@@ -0,0 +1,93 @@
+<div id="checkout">
+  <h2>Checkout</h2>
+  <%= raw checkout_nav(4) %>
+  <%= render :partial => 'caboose/checkout/confirm' %>  
+  <section id="checkout-payment">  
+    <div class="wrapper">      
+      <% if Caboose::payment_processor == 'authorize.net' %>
+        <form id="payment" target="relay" action="<%= Caboose::PaymentProcessor.form_url(@order) %>" method="post">
+          <%= sim_fields(@sim_transaction) %>
+          
+          <label>Card Number</label>
+          <input name="x_card_num" type="text" maxlength="16" />
+          <!--<br />
+          <label>Security Code</label><br />
+          <input id="x_card_code" name="x_card_code" type="text" />-->
+          <br />          
+          
+          <label>Expiration</label>
+          <input id="expiration" name="x_exp_date" type="hidden" />
+          <select id="month" name="month">                                      
+            <option value="01">01 - Jan</option>
+            <option value="02">02 - Feb</option>
+            <option value="03">03 - Mar</option>
+            <option value="04">04 - Apr</option>
+            <option value="05">05 - May</option>
+            <option value="06">06 - Jun</option>
+            <option value="07">07 - Jul</option>
+            <option value="08">08 - Aug</option>
+            <option value="09">09 - Sep</option>
+            <option value="10">10 - Oct</option>
+            <option value="11">11 - Nov</option>
+            <option value="12">12 - Dec</option>
+          </select>
+          /
+          <select id="year" name="year">
+            <% (DateTime.now.year...DateTime.now.year + 20).each do |i| %>
+              <option value="<%= i-2000 %>"><%= i %></option>
+            <% end %>
+          </select><br />
+          <br />
+          <input type="submit" value="Submit" />
+        </form>
+      <% end %>
+                              
+      <% if Caboose::payment_processor == 'payscape' %>
+        <form id="payment" action="<%= @form_url %>" method="post" target="relay">
+          <input id="billing-amount" type="hidden" value="<%= @order.total %>" />
+          <input id="expiration" name="billing-cc-exp" type="hidden" />          
+          <div>
+            <label for="billing-cc-number">Card number:</label>
+            <input id="billing-cc-number" name="billing-cc-number" type="text" maxlength="16" />
+          </div>          
+          <div>
+            <label for="billing-expiration-month">Expiration:</label>
+            <select name="month">
+              <option value="01">01 - Jan</option>
+              <option value="02">02 - Feb</option>
+              <option value="03">03 - Mar</option>
+              <option value="04">04 - Apr</option>
+              <option value="05">05 - May</option>
+              <option value="06">06 - Jun</option>
+              <option value="07">07 - Jul</option>
+              <option value="08">08 - Aug</option>
+              <option value="09">09 - Sep</option>
+              <option value="10">10 - Oct</option>
+              <option value="11">11 - Nov</option>
+              <option value="12">12 - Dec</option>
+            </select>
+            /
+            <select name="year">
+              <% (DateTime.now.year...DateTime.now.year + 20).each do |i| %>
+                <option value="<%= i-2000 %>"><%= i %></option>
+              <% end %>
+            </select>
+          </div>
+          
+          <!--<input type="submit" value="Submit" />-->
+        </form>
+      <% end %>
+    </div>    
+  </section>
+  <section id="checkout-continue">
+    <div id='message'></div>
+    <button class="blue">Continue</button>
+    <em>or</em>
+    <a href="/">return to the store</a>
+  </section>
+  <iframe id="relay" name="relay"></iframe>
+</div>
+
+<%= content_for :caboose_js do %>
+<%= javascript_include_tag 'caboose/modules/checkout_step4' %>
+<% end %>

data/app/views/caboose/checkout/step_one.html.erb

@@ -0,0 +1,56 @@
+<div id="checkout">
+  <h2>Checkout</h2>
+  <%= raw checkout_nav(1) %>
+  
+  <section id="checkout-login">
+    <div class="wrapper" class='login-choices'>
+      <ul>
+        <li><p>Already a member                       </p><button data-login-action="signin"   id='signin_button'   >Sign in</button></li>    
+        <li><p>Sign up for all of our member benefits </p><button data-login-action="register" id='register_button' >New Customer</button></li>
+        <li><p>No thanks                              </p><button data-login-action="guest"    id='guest_button'    >Continue As Guest</button></li>
+      </ul>
+    </div>
+    
+    <section id='checkout-login-form'>    
+      <div class="wrapper" id='signin_form_container'>  
+        <form action="/login" method="post" id='signin_form'>
+          <input name="username" type="text" placeholder="Email" />
+          <input name="password" type="password" placeholder="Password" />
+          <input type="submit" value="Submit" />
+        </form>
+      </div>
+      
+      <div class="wrapper" id='register_form_container'>  
+        <form action="/register" method="post" id='register_form'>
+          <input name="first_name" type="text" placeholder="First Name" />
+          <input name="last_name" type="text" placeholder="Last Name" />
+          <input name="email" type="text" placeholder="Email" />
+          <input name="phone" type="text" placeholder="Phone" />
+          <input name="pass1" type="password" placeholder="Password" />
+          <input name="pass2" type="password" placeholder="Confirm Password" />
+          <input type="submit" value="Submit" />
+        </form>
+      </div>
+      
+      <div class="wrapper" id='guest_form_container'>  
+        <form action="/checkout/attach-guest" method="post" id='guest_form'>
+          <input name="email" type="text" placeholder="Email" />
+          <input name="confirm_email" type="email" placeholder="Confirm email" />
+          <input type="submit" value="Submit" />
+        </form>
+      </div>
+      
+      <div class="wrapper">
+        <div id='message'></div>
+      </div>
+    </section>
+  </section>
+  
+  <section id="checkout-continue">        
+    <a href="/">return to the store</a>
+  </section>
+</div>
+                                    
+<%= content_for :caboose_js do %>
+<%= javascript_include_tag 'caboose/modules/checkout_step1' %>
+<% end %>

data/app/views/caboose/checkout/step_one_old.html.erb

@@ -0,0 +1,13 @@
+<div id="checkout" class="loading">
+  <header>Checkout Step 1 of 3</header>
+  <section id="checkout-line-items"></section>  
+  <figure class="loading"></figure>
+  <section id="checkout-login"></section>
+  <section id="checkout-address"></section>
+  
+  <section id="checkout-continue">
+    <button class="blue">Continue</button>
+    <em>or</em>
+    <a href="/">return to the store</a>
+  </section>
+</div>

data/app/views/caboose/checkout/step_three.html.erb

@@ -0,0 +1,23 @@
+<div id="checkout">  
+  <h2>Checkout</h2>
+  <%= raw checkout_nav(3) %>
+  <section id="checkout-shipping">  
+    <div class="wrapper">      
+      <p>Please select how you would like your products to be delivered</p>
+        <% @rates.each do |rate| %>
+          <button class="blue" data-shipping-code="<%= rate[:service_code] %>" data-shipping-method="<%= rate[:service_name] %>">
+            <%= number_to_currency(rate[:total_price], :precision => 2) %><br /><%= rate[:service_name] %>
+          </button>
+        <% end %>
+      </select>
+    </div>    
+  </section>  
+  <section id="checkout-continue">
+    <div id='message'></div>        
+    <a href="/">return to the store</a>
+  </section>
+</div>
+                                    
+<%= content_for :caboose_js do %>
+<%= javascript_include_tag 'caboose/modules/checkout_step3' %>
+<% end %>

data/app/views/caboose/checkout/step_two.html.erb

@@ -0,0 +1,52 @@
+<%
+sa = @order.shipping_address
+ba = @order.billing_address
+%>
+<div id="checkout">
+  <h2>Checkout</h2>
+  <%= raw checkout_nav(2) %>  
+  <form  action="/checkout/address" method="put" id='address_form'>
+    <section id="checkout-address">  
+      <div class="wrapper">      
+        <section>
+          <fieldset id="shipping">
+            <h3>Shipping Address</h3>
+            <label><span>First Name </span> <input name="shipping[first_name]" type="text" value="<%= sa ? sa.first_name : "" %>" /></label>
+            <label><span>Last Name  </span> <input name="shipping[last_name]"  type="text" value="<%= sa ? sa.last_name  : "" %>" /></label>
+            <label><span>Company    </span> <input name="shipping[company]"    type="text" value="<%= sa ? sa.company    : "" %>" /></label>
+            <label><span>Address 1  </span> <input name="shipping[address1]"   type="text" value="<%= sa ? sa.address1   : "" %>" /></label>
+            <label><span>Address 2  </span> <input name="shipping[address2]"   type="text" value="<%= sa ? sa.address2   : "" %>" /></label>
+            <label><span>City       </span> <input name="shipping[city]"       type="text" value="<%= sa ? sa.city       : "" %>" /></label>        
+            <label><span>State      </span> <select name="shipping[state]"><% Caboose::States.all.each do |abbr, state| %><option value="<%= abbr %>" <%= sa && sa.state == abbr ? 'selected' : "" %>><%= state %></option><% end %></select></label>        
+            <label><span>Zip        </span> <input name="shipping[zip]"       type="text"  value="<%= sa ? sa.zip        : "" %>" /></label>
+            <label><input name="use_as_billing" type="checkbox" value="false" /> Use as billing address</label>
+          </fieldset>
+        </section>    
+        <section>
+          <fieldset id="billing">
+            <h3>Billing Address</h3>
+            <label><span>First Name </span> <input name="billing[first_name]" type="text" value="<%= ba ? ba.first_name : "" %>" /></label>
+            <label><span>Last Name  </span> <input name="billing[last_name]"  type="text" value="<%= ba ? ba.last_name  : "" %>" /></label>
+            <label><span>Company    </span> <input name="billing[company]"    type="text" value="<%= ba ? ba.company    : "" %>" /></label>
+            <label><span>Address 1  </span> <input name="billing[address1]"   type="text" value="<%= ba ? ba.address1   : "" %>" /></label>
+            <label><span>Address 2  </span> <input name="billing[address2]"   type="text" value="<%= ba ? ba.address2   : "" %>" /></label>
+            <label><span>City       </span> <input name="billing[city]"       type="text" value="<%= ba ? ba.city       : "" %>" /></label>
+            <label><span>State      </span> <select name="billing[state]"><% Caboose::States.all.each do |abbr, state| %><option value="<%= abbr %>" <%= ba && ba.state == abbr ? 'selected' : "" %>><%= state %></option><% end %></select></label>                
+            <label><span>Zip        </span> <input name="billing[zip]"        type="text" value="<%= ba ? ba.zip        : "" %>" /></label>
+          </fieldset>
+        </section>        
+      </div>            
+    </section>
+    <section id="checkout-continue">
+      <div id='message'></div>
+      <button class="blue">Continue</button>
+      <em>or</em>
+      <a href="/">return to the store</a>
+    </section>
+  </form>  
+</div>
+
+<%= content_for :caboose_js do %>
+<%= javascript_include_tag 'caboose/modules/checkout_step2' %>
+<% end %>
+