9章 Ajax 9.1 イテレーションD1

カートをサイドバーに移動した部分テンプレートを使ってカート部分だけをレンダリングさせた
kyanny · Jan 21, 2010 · c6fd561 · c6fd561
1 parent bea067f
commit c6fd561
Show file tree

Hide file tree

Showing 6 changed files with 38 additions and 7 deletions.
diff --git a/depot/app/controllers/store_controller.rb b/depot/app/controllers/store_controller.rb
@@ -6,6 +6,7 @@ def index
           session[:counter] = 0
       end
       session[:counter] += 1
+      @cart = find_cart
   end
 
     def add_to_cart

diff --git a/depot/app/views/layouts/store.html.erb b/depot/app/views/layouts/store.html.erb
@@ -14,6 +14,10 @@
   </div>
   <div id="columns">
     <div id="side">
+      <div id="cart">
+        <%= render(:partial => "cart", :object => @cart) %>
+      </div>
+
       <a href="http://www....">Home</a><br />
       <a href="http://www..../faq">Questions</a><br />
       <a href="http://www..../news">News</a><br />

diff --git a/depot/app/views/store/_cart.html.erb b/depot/app/views/store/_cart.html.erb
@@ -0,0 +1,12 @@
+<div class="cart-title">Your Cart</div>
+<table>
+  <%= render(:partial => "cart_item", :collection => cart.items) %>
+
+  <tr class="total-line">
+    <td colspan="2">Total</td>
+    <td class="total-cell"><%= number_to_currency(cart.total_price) %></td>
+  </tr>
+
+</table>
+
+<%= button_to "Empty cart", :action => :empty_cart %>
diff --git a/depot/app/views/store/_cart_item.html.erb b/depot/app/views/store/_cart_item.html.erb
@@ -0,0 +1,5 @@
+    <tr>
+      <td><%= cart_item.quantity %>&times;</td>
+      <td><%=h cart_item.title %></td>
+      <td class="item-price"><%= number_to_currency(cart_item.price) %></td>
+    </tr>
diff --git a/depot/app/views/store/add_to_cart.html.erb b/depot/app/views/store/add_to_cart.html.erb
@@ -1,12 +1,6 @@
 <div class="cart-title">Your Cart</div>
 <table>
-  <% for item in @cart.items %>
-    <tr>
-      <td><%= item.quantity %>&times;</td>
-      <td><%=h item.title %></td>
-      <td class="item-price"><%= number_to_currency(item.price) %></td>
-    </tr>
-  <% end %>
+  <%= render(:partial => "cart_item", :collection => @cart.items) %>
 
   <tr class="total-line">
     <td colspan="2">Total</td>

diff --git a/depot/public/stylesheets/depot.css b/depot/public/stylesheets/depot.css
@@ -175,6 +175,21 @@ h1 {
 }
 /* END:cartmain */
 
+/* START:cartside */
+/* Styles for the cart in the sidebar */
+
+#cart, #cart table {
+  font-size: smaller;
+  color:     white;
+}
+
+#cart table {
+  border-top:    1px dotted #595;
+  border-bottom: 1px dotted #595;
+  margin-bottom: 10px;
+}
+/* END:cartside */
+
 /* The error box */
 
 .fieldWithErrors {