drnic-liquid 2.1.0

data/performance/shopify/weight_filter.rb

@@ -0,0 +1,11 @@
+module WeightFilter
+
+  def weight(grams)
+    sprintf("%.2f", grams / 1000)
+  end
+  
+  def weight_with_unit(grams)
+    "#{weight(grams)} kg"
+  end  
+  
+end

data/performance/tests/dropify/article.liquid

@@ -0,0 +1,74 @@
+<div class="article">
+  <h2 class="article-title">{{ article.title }}</h2>
+  <p class="article-details">posted <span class="article-time">{{ article.created_at | date: "%Y %h" }}</span> by <span class="article-author">{{ article.author }}</span></p>
+
+  <div class="article-body textile">
+    {{ article.content }}
+  </div>    
+
+</div>
+
+<!-- Comments -->
+{% if blog.comments_enabled? %}
+<div id="comments">
+  <h3>Comments</h3>
+  
+  <!-- List all comments -->
+  <ul id="comment-list">
+  {% for comment in article.comments %}
+    <li>
+  	  <div class="comment-details">
+  		  <span class="comment-author">{{ comment.author }}</span> said on <span class="comment-date">{{ comment.created_at | date: "%B %d, %Y" }}</span>:
+      </div>
+
+      <div class="comment">
+        {{ comment.content }}
+      </div>      
+  	</li>
+  {% end %}
+  </ul>
+  
+  <!-- Comment Form -->
+  <div id="comment-form">
+  {% form article %}
+    <h3>Leave a comment</h3>
+    
+    <!-- Check if a comment has been submitted in the last request, and if yes display an appropriate message -->
+    {% if form.posted_successfully? %}
+      {% if blog.moderated? %}
+        <div class="notice">
+          Successfully posted your comment.<br />
+          It will have to be approved by the blog owner first before showing up.
+        </div>
+      {% else %}
+        <div class="notice">Successfully posted your comment.</div>
+      {% end %}
+    {% end %}
+    
+    {% if form.errors %}
+      <div class="notice error">Not all the fields have been filled out correctly!</div>
+    {% end %}
+    
+    <dl>
+      <dt class="{% if form.errors contains 'author' %}error{% end %}"><label for="comment_author">Your name</label></dt>
+      <dd><input type="text" id="comment_author" name="comment[author]" size="40" value="{{form.author}}" class="{% if form.errors contains 'author' %}input-error{% end %}" /></dd>
+
+      <dt class="{% if form.errors contains 'email' %}error{% end %}"><label for="comment_email">Your email</label></dt>
+      <dd><input type="text" id="comment_email" name="comment[email]" size="40" value="{{form.email}}" class="{% if form.errors contains 'email' %}input-error{% end %}" /></dd>
+
+      <dt class="{% if form.errors contains 'body' %}error{% end %}"><label for="comment_body">Your comment</label></dt>
+      <dd><textarea id="comment_body" name="comment[body]" cols="40" rows="5" class="{% if form.errors contains 'body' %}input-error{% end %}">{{form.body}}</textarea></dd>
+    </dl>
+    
+    {% if blog.moderated? %}
+      <p class="hint">comments have to be approved before showing up</p>
+    {% end %}    
+
+    <input type="submit" value="Post comment" id="comment-submit" />
+  {% end %}
+  </div>
+  <!-- END Comment Form -->
+  
+</div>
+{% end %}
+<!-- END Comments -->

data/performance/tests/dropify/blog.liquid

@@ -0,0 +1,33 @@
+<div id="page">
+  <h2>{{page.title}}</h2>
+
+  {% paginate blog.articles by 20 %}
+
+    {% for article in blog.articles  %}
+
+    <div class="article">
+      <div class="headline">
+      <h3 class="title">
+        <a href="{{article.url}}">{{ article.title }}</a>
+      </h3>
+  		<h4 class="date">Posted on {{ article.created_at | date: "%B %d, '%y" }} by {{ article.author }}.</h4>
+      </div>
+    
+      <div class="article-body textile">
+        {{ article.content | strip_html | truncate: 250 }}
+      </div>
+      
+      {% if blog.comments_enabled? %}
+        <p style="text-align: right"><a href="{{article.url}}#comments">{{ article.comments_count }} comments</a></p>
+      {% end %}    
+    </div>
+  
+    {% end %}
+    
+    <div id="pagination">
+      {{ paginate | default_pagination }}
+    </div>
+
+  {% end %}
+  
+</div>

data/performance/tests/dropify/cart.liquid

@@ -0,0 +1,66 @@
+<script type="text/javascript">
+  function remove_item(id) {
+      document.getElementById('updates_'+id).value = 0;
+      document.getElementById('cartform').submit();
+  }
+</script>
+
+<div>
+
+  {% if cart.item_count == 0 %} 
+    <h4>Your shopping cart is looking rather empty...</h4>
+  {% else %}
+  <form action="/cart" method="post" id="cartform">
+
+  <div id="cart">
+  
+  <h3>You have {{ cart.item_count }} {{ cart.item_count | pluralize: 'product', 'products' }} in here!</h3>
+
+    <ul id="line-items">
+      {% for item in cart.items %}
+      <li id="item-{{item.id}}" class="clearfix">
+        <div class="thumb">
+				  <div class="prodimage">
+          <a href="{{item.product.url}}" title="View {{item.title}} Page"><img src="{{item.product.featured_image | product_img_url: 'thumb' }}" alt="{{item.title | escape }}" /></a>
+        </div></div>
+        <h3 style="padding-right: 150px">
+			<a href="{{item.product.url}}" title="View {{item.title | escape }} Page">
+				{{ item.title }}
+				{% if item.variant.available == true %}
+				   ({{item.variant.title}})
+				{% end %}
+			</a>	
+		</h3>
+        <small class="itemcost">Costs {{ item.price | money }} each, <span class="money">{{item.line_price | money }}</span> total.</small>
+        <p class="right">
+          <label for="updates">How many? </label> 
+          <input type="text" size="4" name="updates[{{item.variant.id}}]" id="updates_{{item.variant.id}}" value="{{item.quantity}}" onfocus="this.select();"/><br />
+          <a href="#" onclick="remove_item({{item.variant.id}}); return false;" class="remove"><img style="padding:15px 0 0 0;margin:0;" src="{{ 'delete.gif' | asset_url }}" /></a>
+        </p>
+      </li>
+      {% end %}
+      <li id="total">
+        <input type="image" id="update-cart" name="update" value="Update My Cart" src="{{ 'update.gif' | asset_url }}" />
+        Subtotal: 
+        <span class="money">{{ cart.total_price | money_with_currency }}</span>
+      </li>
+    </ul>
+
+  </div>
+  
+    <div class="info">
+		<input type="image" value="Checkout!" name="checkout" src="{{ 'checkout.gif' | asset_url }}" />
+    </div>
+  
+  	{% if additional_checkout_buttons %}
+    <div class="additional-checkout-buttons">
+      <p>- or -</p>
+      {{ content_for_additional_checkout_buttons }}
+    </div>
+    {% end %}
+  
+  </form>
+
+  {% end %}
+
+</div>

data/performance/tests/dropify/collection.liquid

@@ -0,0 +1,22 @@
+{% paginate collection.products by 20 %}
+
+<ul id="product-collection">
+    {% for product in collection.products %}
+    <li class="singleproduct clearfix">
+      <div class="small">
+        <div class="prodimage"><a href="{{product.url}}"><img src="{{ product.featured_image | product_img_url: 'small' }}" /></a></div>
+      </div>
+      <div class="description">
+        <h3><a href="{{product.url}}">{{product.title}}</a></h3>
+        <p>{{ product.description | strip_html | truncatewords: 35 }}</p>
+  	  <p class="money">{{ product.price_min | money }}{% if product.price_varies %} - {{ product.price_max | money }}{% end %}</p>
+     </div>
+    </li>
+    {% end %}
+</ul>
+  
+<div id="pagination">
+  {{ paginate | default_pagination }}
+</div>
+
+{% end %}

data/performance/tests/dropify/index.liquid

@@ -0,0 +1,47 @@
+<div id="frontproducts"><div id="frontproducts-top"><div id="frontproducts-bottom">
+<h2 style="display: none;">Featured Items</h2>
+{% for product in collections.frontpage.products limit:1 offset:0 %}
+  <div class="productmain">
+   <a href="{{ product.url }}"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title | escape }}" /></a>
+   <h3><a href="{{ product.url }}">{{ product.title }}</a></h3>
+   <div class="description">{{ product.description | strip_html | truncatewords: 18 }}</div>
+	<p class="money">{{ product.price_min | money }}</p>
+  </div>
+{% end %}
+{% for product in collections.frontpage.products offset:1 %}
+  <div class="product">
+   <a href="{{ product.url }}"><img src="{{ product.featured_image | product_img_url: 'thumb' }}" alt="{{ product.title | escape }}" /></a>
+   <h3><a href="{{ product.url }}">{{ product.title }}</a></h3>
+     <p class="money">{{ product.price_min | money }}</p>
+  </div>
+{% end %}
+</div></div></div>
+
+<div id="mainarticle">
+	{% assign article = pages.frontpage %}
+
+  {% if article.content != "" %}
+	  <h2>{{ article.title }}</h2>
+    <div class="article-body textile">
+		  {{ article.content }}
+		</div>
+	{% else %}
+    <div class="article-body textile">
+	  In <em>Admin &gt; Blogs &amp; Pages</em>, create a page with the handle <strong><code>frontpage</code></strong> and it will show up here.<br />
+	  {{ "Learn more about handles" | link_to "http://wiki.shopify.com/Handle" }}
+    </div>
+	{% end %}
+  
+</div>
+<br style="clear: both;" />
+<div id="articles">
+  {% for article in blogs.news.articles offset:1  %}
+    <div class="article">
+		<h2>{{ article.title }}</h2>
+		<div class="article-body textile">
+		  {{ article.content }}
+		</div>    
+	</div>
+  {% end %}
+</div>
+

data/performance/tests/dropify/page.liquid

@@ -0,0 +1,8 @@
+<div id="page">
+  <h2>{{page.title}}</h2>
+
+  <div class="article textile">
+    {{page.content}}
+  </div>
+
+</div>

data/performance/tests/dropify/product.liquid

@@ -0,0 +1,68 @@
+<div id="productpage">
+
+	<div id="productimages"><div id="productimages-top"><div id="productimages-bottom">
+		{% for image in product.images %}
+			{% if forloop.first %}
+				<a href="{{ image | product_img_url: 'large' }}" class="productimage" rel="lightbox">
+				  <img src="{{ image | product_img_url: 'medium'}}" alt="{{product.title | escape }}" />
+				</a>
+			{% else %}
+				<a href="{{ image | product_img_url: 'large' }}" class="productimage-small" rel="lightbox">
+				  <img src="{{ image | product_img_url: 'small'}}" alt="{{product.title | escape }}" />
+				</a>
+			{% end %}
+		{% end %}
+	</div></div></div>
+
+  <h2>{{ product.title }}</h2>
+  
+  <ul id="details" class="hlist">
+    <li>Vendor: {{ product.vendor | link_to_vendor }}</li>
+    <li>Type: {{ product.type | link_to_type }}</li>
+  </ul>
+  
+  <small>{{ product.price_min | money }}{% if product.price_varies %} - {{ product.price_max | money }}{% end %}</small>
+    
+  <div id="variant-add">
+    <form action="/cart/add" method="post">
+      	  
+			<select id="variant-select" name="id" class="product-info-options">
+        {% for variant in product.variants %}
+          <option value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option>
+        {% end %}
+			</select>
+
+			<div id="price-field" class="price"></div>
+    
+		<div style="text-align:center;"><input type="image" name="add" value="Add to Cart" id="add" src="{{ 'addtocart.gif' | asset_url }}" /></div>
+    </form>
+  </div>
+  
+  <div class="description textile">
+    {{ product.description }}
+  </div>
+</div>
+
+<script type="text/javascript">
+<!--
+  // prototype callback for multi variants dropdown selector
+  var selectCallback = function(variant, selector) {
+    if (variant && variant.available == true) {
+      // selected a valid variant
+      $('add').removeClassName('disabled'); // remove unavailable class from add-to-cart button
+      $('add').disabled = false;           // reenable add-to-cart button
+      $('price-field').innerHTML = Shopify.formatMoney(variant.price, "{{shop.money_with_currency_format}}");  // update price field
+    } else {
+      // variant doesn't exist
+      $('add').addClassName('disabled');      // set add-to-cart button to unavailable class
+      $('add').disabled = true;              // disable add-to-cart button      
+      $('price-field').innerHTML = (variant) ? "Sold Out" : "Unavailable"; // update price-field message
+    }
+  };
+
+  // initialize multi selector for product
+  Event.observe(document, 'dom:loaded', function() {
+    new Shopify.OptionSelectors("variant-select", { product: {{ product | json }}, onVariantSelected: selectCallback }); 
+  });
+-->
+</script>

data/performance/tests/dropify/theme.liquid

@@ -0,0 +1,105 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+	<title>{{shop.name}} - {{page_title}}</title>
+
+	{{ 'textile.css'  | global_asset_url | stylesheet_tag }}
+  {{ 'lightbox/v204/lightbox.css' | global_asset_url | stylesheet_tag }}
+	
+	{{ 'prototype/1.6/prototype.js' | global_asset_url  | script_tag }}
+  {{ 'scriptaculous/1.8.2/scriptaculous.js' | global_asset_url  | script_tag }}
+  {{ 'lightbox/v204/lightbox.js'  | global_asset_url  | script_tag }}
+  {{ 'option_selection.js'        | shopify_asset_url | script_tag }}
+
+	{{ 'layout.css'   | asset_url | stylesheet_tag }}
+	{{ 'shop.js'      | asset_url | script_tag }}
+
+	{{ content_for_header }}
+</head>
+
+<body id="page-{{template}}">
+    
+	<p class="hide"><a href="#rightsiders">Skip to navigation.</a></p>
+		<!-- mini cart -->
+        {% if cart.item_count > 0 %}
+			<div id="minicart" style="display:none;"><div id="minicart-inner">
+			<div id="minicart-items">
+			<h2>There {{ cart.item_count | pluralize: 'is', 'are' }} {{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }} in <a href="/cart" title="View your cart">your cart</a>!</h2><h4 style="font-size: 16px; margin: 0 0 10px 0; padding: 0;">Your subtotal is {{ cart.total_price | money }}.</h4>
+			  {% for item in cart.items %}
+				<div class="thumb">
+				  <div class="prodimage"><a href="{{item.product.url}}" onMouseover="tooltip('{{ item.quantity }} x {{ item.title }} ({{ item.variant.title }})', 200)"; onMouseout="hidetooltip()"><img src="{{ item.product.featured_image | product_img_url: 'thumb' }}" /></a></div>
+				</div>
+			  {% end %}
+			  </div>
+			 <br style="clear:both;" />
+			</div></div>
+        {% end %}		
+		
+  <div id="container">
+  	<div id="header">
+  	  <!-- Begin Header -->
+        <h1 id="logo"><a href="/" title="Go Home">{{shop.name}}</a></h1>
+      <div id="cartlinks">
+        {% if cart.item_count > 0 %}
+          <h2 id="cartcount"><a href="/cart" onMouseover="tooltip('There {{ cart.item_count | pluralize: 'is', 'are' }} {{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }} in your cart!', 200)"; onMouseout="hidetooltip()">{{ cart.item_count }} {{ cart.item_count | pluralize: 'thing', 'things' }}!</a></h2>
+		  <a href="/cart" id="minicartswitch" onclick="superSwitch(this, 'minicart', 'Close Mini Cart'); return false;" id="cartswitch">View Mini Cart ({{ cart.total_price | money }})</a>
+        {% end %}		
+      </div>
+      <!-- End Header -->
+  	  
+  	</div>
+	<hr />
+<div id="main">
+
+  	<div id="content">
+		<div id="innercontent">
+		  {{ content_for_layout }}
+	  	</div>
+  	</div>
+    
+	<hr />
+  	<div id="rightsiders">
+  	  
+      <ul class="rightlinks">
+        {% for link in linklists.main-menu.links %}
+           <li>{{ link.title | link_to: link.url }}</li>
+        {% end %}
+      </ul>
+      
+        {% if tags %}
+        <ul class="rightlinks">
+          {% for tag in collection.tags %}  
+            <li><span class="add-link">{{ '+' | link_to_add_tag: tag }}</span>{{ tag | highlight_active_tag | link_to_tag: tag }}</li>
+          {% end %}
+        </ul>
+        {% end %}
+  
+      <ul class="rightlinks">
+        {% for link in linklists.footer.links %}
+           <li>{{ link.title | link_to: link.url }}</li>
+        {% end %}
+      </ul>
+      
+  	</div>
+
+	<hr /><br style="clear:both;" />
+	
+	  <div id="footer">
+	  	<div class="footerinner">
+			All prices are in {{ shop.currency }}. 
+			Powered by <a href="http://www.shopify.com" title="Shopify, Hosted E-Commerce">Shopify</a>.
+		</div>
+	  </div>
+	  
+	</div>
+</div>
+
+<div id="tooltip"></div>
+<img id="pointer" src="{{ 'arrow2.gif' | asset_url }}" />
+
+</body>
+</html>
+

data/performance/tests/ripen/article.liquid

@@ -0,0 +1,74 @@
+<div class="article">
+  <h2 class="article-title">{{ article.title }}</h2>
+  <p class="article-details">posted <span class="article-time">{{ article.created_at | date: "%Y %h" }}</span> by <span class="article-author">{{ article.author }}</span></p>
+
+  <div class="article-body textile">
+    {{ article.content }}
+  </div>    
+
+</div>
+
+<!-- Comments -->
+{% if blog.comments_enabled? %}
+<div id="comments">
+  <h3>Comments</h3>
+  
+  <!-- List all comments -->
+  <ul id="comment-list">
+  {% for comment in article.comments %}
+    <li>
+      <div class="comment">
+        {{ comment.content }}
+      </div>
+      
+  	  <div class="comment-details">
+  		  Posted by {{ comment.author }} on {{ comment.created_at | date: "%B %d, %Y" }}
+      </div>
+  	</li>
+  {% end %}
+  </ul>
+  
+  <!-- Comment Form -->
+  <div id="comment-form">
+  {% form article %}
+    <h3>Leave a comment</h3>
+    
+    <!-- Check if a comment has been submitted in the last request, and if yes display an appropriate message -->
+    {% if form.posted_successfully? %}
+      {% if blog.moderated? %}
+        <div class="notice">
+          Successfully posted your comment.<br />
+          It will have to be approved by the blog owner first before showing up.
+        </div>
+      {% else %}
+        <div class="notice">Successfully posted your comment.</div>
+      {% end %}
+    {% end %}
+    
+    {% if form.errors %}
+      <div class="notice error">Not all the fields have been filled out correctly!</div>
+    {% end %}
+    
+    <dl>
+      <dt class="{% if form.errors contains 'author' %}error{% end %}"><label for="comment_author">Your name</label></dt>
+      <dd><input type="text" id="comment_author" name="comment[author]" size="40" value="{{form.author}}" class="{% if form.errors contains 'author' %}input-error{% end %}" /></dd>
+
+      <dt class="{% if form.errors contains 'email' %}error{% end %}"><label for="comment_email">Your email</label></dt>
+      <dd><input type="text" id="comment_email" name="comment[email]" size="40" value="{{form.email}}" class="{% if form.errors contains 'email' %}input-error{% end %}" /></dd>
+
+      <dt class="{% if form.errors contains 'body' %}error{% end %}"><label for="comment_body">Your comment</label></dt>
+      <dd><textarea id="comment_body" name="comment[body]" cols="40" rows="5" class="{% if form.errors contains 'body' %}input-error{% end %}">{{form.body}}</textarea></dd>
+    </dl>
+    
+    {% if blog.moderated? %}
+      <p class="hint">comments have to be approved before showing up</p>
+    {% end %}    
+
+    <input type="submit" value="Post comment" id="comment-submit" />
+  {% end %}
+  </div>
+  <!-- END Comment Form -->
+  
+</div>
+{% end %}
+<!-- END Comments -->