55 lines
1.8 KiB
Plaintext
55 lines
1.8 KiB
Plaintext
|
!!! 5
|
||
|
|
%html{:xmlns => "http://www.w3.org/1999/xhtml"}
|
||
|
|
%head
|
||
|
|
%title The Backbone Store
|
||
|
|
%link{:charset => "utf-8", :href => "jsonstore.css", :rel => "stylesheet", :type => "text/css"}/
|
||
|
|
|
||
|
|
%script#store_index_template(type="text/x-underscore-tmplate")
|
||
|
|
%h1 Product Catalog
|
||
|
|
%ul
|
||
|
|
<% for(i=0,l=products.length;i<l;++i) { p = products[i]; %>
|
||
|
|
%li.item
|
||
|
|
.item-image
|
||
|
|
%a{:href => "#item/<%= p.id %>"}
|
||
|
|
%img{:src => "<%= p.image %>", :alt => "<%= p.title %>"}/
|
||
|
|
.item-artist <%= p.artist %>
|
||
|
|
.item-title <%= p.title %>
|
||
|
|
.item-price $<%= p.price %>
|
||
|
|
<% } %>
|
||
|
|
|
||
|
|
%script#store_item_template(type= "text/x-underscore-template")
|
||
|
|
.item-detail
|
||
|
|
.item-image
|
||
|
|
%img(src="<%= large_image %>" alt="<%= title %>")/
|
||
|
|
.item-info
|
||
|
|
.item-artist <%= artist %>
|
||
|
|
.item-title <%= title %>
|
||
|
|
.item-price $<%= price %>
|
||
|
|
.item-form
|
||
|
|
%form(action="#/cart" method="post")
|
||
|
|
%p
|
||
|
|
%label Quantity:
|
||
|
|
%input(type="text" size="2" name="quantity" value="1" class="uqf")/
|
||
|
|
%p
|
||
|
|
%input(type="submit" value="Add to Cart" class="uq")/
|
||
|
|
|
||
|
|
.item-link
|
||
|
|
%a(href="<%= url %>") Buy this item on Amazon
|
||
|
|
.back-link
|
||
|
|
%a(href="#") « Back to Items
|
||
|
|
|
||
|
|
%script#store_cart_template(type="text/x-underscore-template")
|
||
|
|
%p Items: <%= count %> ($<%= cost %>)
|
||
|
|
|
||
|
|
%body
|
||
|
|
#container
|
||
|
|
#header
|
||
|
|
%h1
|
||
|
|
The Backbone Store
|
||
|
|
.cart-info
|
||
|
|
#main
|
||
|
|
%script{:src => "jquery-1.6.2.min.js", :type => "text/javascript"}
|
||
|
|
%script{:src => "underscore.js", :type => "text/javascript"}
|
||
|
|
%script{:src => "backbone.js", :type => "text/javascript"}
|
||
|
|
%script{:src => "store.js", :type => "text/javascript"}
|