Rails Agile Store Basic Flashcards
Mobile Viewport
meta name=”viewport”, content=”width=device-width, initial-scale=1.0” >
Product validation
validates :title, :description, :image_url, presence: true
validates :price, numericality: {greater_than_or_equal_to: 1}
validates :title, uniqueness: true
has_attached_file :image, :styles=> {:medium => “300x300>”, :thumb=> “100x100>”}
validates_attachment_content_type :image, :content_type =>[ “image/png” , “image/jpg”, “image/gif” ]
D2: Connecting Products to Carts
Cart Scaffold
$ rails generate scaffold cart
$ rails generate scaffold line_item product:references cart:references
D3: model Cart.rb
model Cart.rb
has_many :line_items, dependent: :destroy
D5: model product.rb
ensure_not_referenced_by_any_line_item
has_many :line_items
before_destroy :ensure_not_referenced_by_any_line_item
private
def ensure_not_referenced_by_any_line_item
if line_items.empty?
return true
else
errors.add(:base , ‘Line items present’)
return false
end
end
D6: CurrentCart
application_controller.rb
module CurrentCart
extend ActiveSupport::Concern
private
def set_cart
@cart = Cart.find(session[:cart_id])
rescue ActiveRecord::RecordNotFound
@cart = Cart.create
session[:cart_id] = @cart.id
end
endD7: Adding a Button
in app/view/store/index.html.erb
%= button_to ‘Add to Cart’, line_items_path(:product_id => product) %>
D8: adding the method in Line_items_controller.rb
depot_f/app/controllers/line_items_controller.rb
include CurrentCart
before_action :set_cart, only: [:create]
def create
product = Product.find(params[:product_id])
@line_item = @cart.line_items.build(:product => product)
respond_to do |format|
if @line_item.save
format.html { redirect_to(@line_item.cart, :notice => 'Line item was successfully created.') }
format.js { @current_item = @line_item }
format.json { render :show, status: :created, location: @line_item }
else
format.html { render :action => "new" }
format.json { render json: @line_item.errors, status: :unprocessable_entity }
end
end end
D9: Putting the view for Adding
in app/view/carts/show.html.erb
% @cart.line_items.each do |item| %>
<li>
Task E: A Smarter Cart
$ rails generate migration add_quantity_to_line_item quantity:integer
Task E2: Modify the migration to add default value
#class AddQuantityToLineItem 1 #end #end
Task E3: Add to cart f(x)
in app/model/cart.rb
class Cart :destroy
def add_product(product_id)
current_item = line_items.find_by(product_id: product_id)
if current_item
current_item.quantity += 1
else
current_item = line_items.build(product_id: product_id)
end
current_item
end
end
Task E5: update the show.html in Cart
in app/view/carts/show.html.erb
<p></p>
Task E6: Create the cart render partial
in app/views/carts/_cart.html.erb
%= render(cart.line_items) %>
Total
%= button_to (‘Empty cart’), @cart, method: :delete, data: { confirm: ‘Are you sure?’ } %>
Task E7: Create new migration
$ rails generate migration combine_items_in_cart
Task E8: Method for adding items or subtracting in the custom migration (Combine UP)
class CombineItemsInCart 1
# remove individual items
cart.line_items.where(product_id: product_id).delete_all
# replace with a single item
item = cart.line_items.build(product_id: product_id)
item.quantity = quantity
item.save!
end
end
end
end
def self.down
# split items with quantity>1 into multiple items
LineItem.where(“quantity>1”).each do |line_item|
# add individual items
line_item.quantity.times do
LineItem.create cart_id: line_item.cart_id, product_id: line_item.product_id, quantity: 1
end
# remove original item
line_item.destroy
end
end
end
Task E8: CREATE, UPDATE , DESTROY Carts_controller.rb
def create
@cart = Cart.new(cart_params)
respond_to do |format|
if @cart.save
format.html { redirect_to @cart, notice: 'Cart was successfully created.' }
format.json { render :show, status: :created, location: @cart }
else
format.html { render :new }
format.json { render json: @cart.errors, status: :unprocessable_entity }
end
end end
def update
respond_to do |format|
if @cart.update(cart_params)
format.html { redirect_to @cart, notice: ‘Cart was successfully updated.’ }
format.json { render :show, status: :ok, location: @cart }
else
format.html { render :edit }
format.json { render json: @cart.errors, status: :unprocessable_entity }
end
end
end
def destroy
@cart.destroy if @cart.id == session[:cart_id]
session[:cart_id] = nil
respond_to do |format|
format.html { redirect_to store_url }
format.json { head :no_content }
end
end
Task F: Add a Dash of Ajax
Task F1.Render the views for Ajax action to add the partials
app/views/application.html.erb
div class=”col-xs-2”>
<div>
</div>
Task F2. Create the Cart Partial VIew
in app/views/carts/_cart.html.erb
%= render(cart.line_items) %>
tr class="total_line">
td colspan="2">Total
td class="total_cell">
/tr>
/table>
%= button_to ('Empty cart'), @cart, method: :delete, data: { confirm: 'Are you sure?' } %>Task F3. Create the Cart Show VIew
app/views/carts/show.html.erb
% if notice %>
p id=”notice”>
% end %>
%= render @cart %>
Task F4. Update the Store Controller
app/controllers/store/stores_controller.rb
class StoreController
Task F5. Update the Add to cart in the Store Index page by adding Ajax
app/views/store/index.html.erb
%= button_to ‘Add to Cart’, line_items_path(:product_id => product) , :remote => true %>
Task F6. Create a Rails JavaScript builder with
app/views/line_items/create.js.erb
$(‘#cart’).html(“”)
Task F7. Make it visible
app/controllers/line_items_controller.rb
def create
@cart = current_cart
product = Product.find(params[:product_id])
@line_item = @cart.add_product(product.id)
respond_to do |format|
if @line_item.save
format.html { redirect_to store_url }
format.js { @current_item = @line_item }
else
format.html { render :new }
end
end
end
Task F8. Make it Shine
app/views/line_items/create.js.erb
$(‘#cart2’).html(“”);
$(‘#current_item’).css({‘background-color’:’#88ff88’}).animate({‘background-color’:’#114411’}, 1000);
Task F9. Make it visible/ invisible
F9.1
app/views/carts/_cart.html.erb
#first line # .. # #last line
F10 Use the helper to…HELP
app/helpers/application_helper.rb
module ApplicationHelper
def hidden_div_if(condition, attributes = {}, &block)
if condition
attributes[“style”] = “display: none”
end
content_tag(“div”, attributes, &block)
end
end
Task F11 Update the destroy method
app/controllers/line_items_controller.rb
def destroy
@line_item.destroy
respond_to do |format|
format.html { redirect_to line_items_url, notice: 'Line item was successfully destroyed.' }
format.json { head :no_content }
end
endPart G: Checkout
G1 creating the scaffold for Order and Migrations for LineItems
$ rails generate scaffold order name:string address:text email:string pay_type:string
$ rails generate migration add_order_id_to_line_item order_id:integer
$ rake db:migrate
G2 Adding the checkout button
app/views/carts/_cart.html.erb
# :get %>
#<div class="depot_form">
#
#
# </div>G3 Update the form
app/views/orders/_form.html.erb
…
<div>
<br></br>
</div>
<div>
<br></br>
</div>
<div>
<br></br>
</div>
<div>
<br></br>
</div>
<div>
</div>
G4 Update the order LineItem
app/model/line_item.rb
class LineItem
G5 Update the order Model
app/model/order.rb
class Order
G6 Update the orders controller
app/controllers/orders/orders_controlller.rb
def new
@cart = current_cart
if @cart.line_items.empty?
redirect_to store_url, notice: "Your cart is empty"
return
end
@order = Order.new
end
#...
def create
@cart = current_cart
@order = Order.new(order_params)
@order.add_line_items_from_cart(@cart)
respond_to do |format|
if @order.save
Cart.destroy(session[:cart_id])
session[:cart_id] = nil
format.html { redirect_to store_url, notice: 'Obrigado pelo envio da ordem' }
format.json { render :show, status: :created, location: @order }
else
format.html { render :new }
format.json { render json: @order.errors, status: :unprocessable_entity }
end
end
end
G7 Update the Create.js.erb
app/views/line_items/create.js.erb
#Add one line
$('#notice').hide();G8 Pagination
Gemfile
gem ‘will_paginate’
G9 Pagination
app/controllers/orders/orders_controlller.rb
def index
@orders = Order.paginate
:page => params[:page],
:order=> 'created_at desc',
:per_page => 10
respond_to do |format|
format.html # index.html.erb
format.xml { render :xml => @orders }
end
endG10 Index
app/views/orders/index.html.erb
<p></p>
TaskH:SendingMail
Use the Code4Startup
TaskI:Users
Use the Code4Startup
Iteration X: Accepting Stripe Payments
se the Code4Startup
D4: model LineItem.rb
class LineItem
