limitedrun-themekit 0.0.1

data/spec/assets/skeleton-theme/templates/order.html

@@ -0,0 +1,119 @@
+<div id="order">
+  <h2>Order {{ order.number }}</h2>
+  
+  {% if order.attempted? %}
+    <table id="metadata">
+      <tr>
+        <td>
+          <p><strong>State</strong><br/>{{ order.state }}</p>
+          <p><strong>Transaction</strong><br/>{{ order.transaction_id }}</p>
+        </td>
+        <td>
+          {% if order.customer %}
+            <ul>
+              <li><strong>Customer:</strong></li>
+              {% if order.customer.first_name or order.customer.last_name %}
+                <li>{{ order.customer.first_name }} {{ order.customer.last_name }}</li>
+              {% endif %}
+              <li>{{ order.customer.email }}</li>
+            </ul>
+          {% endif %}
+
+          <br class="clearfix"/>
+
+          {% if order.shipping_address %}
+            <ul>
+              <li><strong>Ship to:</strong></li>
+              <li>{{ order.shipping_address.first_name }} {{ order.shipping_address.last_name }}</li>              
+              <li>
+                {{ order.shipping_address.street_address_1 }}<br/>
+              {% if order.shipping_address.street_address_2 %}
+                {{ order.shipping_address.street_address_2 }}<br/>
+              {% endif %}
+                {{ order.shipping_address.city }},
+                {{ order.shipping_address.state }}
+                {{ order.shipping_address.postal_code }}
+                {{ order.shipping_address.country }}
+              </li>
+            </ul>
+          {% endif %}
+        </td>
+      </tr>
+    </table>
+  {% endif %}
+
+  <table>
+    <thead>
+      <tr>
+        <th colspan="4">Items</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for item in order.items %}
+        <tr>
+          <td>{{ item.name }}</td>
+          <td>{{ item.unit_price | money }}</td>
+          <td>{{ item.quantity }}</td>
+          <td>{{ item.total_price | money }}</td>
+        </tr>
+      {% endfor %}
+
+      {% unless order.digital %}
+        <tr>
+          <td></td>
+          <td colspan="2">Subtotal:</td>
+          <td>{{ order.subtotal | money }}</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td colspan="2">Shipping:</td>
+          <td>{{ order.shipping | money }}</td>
+        </tr>
+      {% endunless %}
+
+      {% if order.discount? %}
+        <tr>
+          <td></td>
+          <td colspan="2">Discount:</td>
+          <td>{{ order.discount_amount | money }}</td>
+        </tr>
+      {% endif %}
+
+      <tr>
+        <td></td>
+        <td colspan="2">Total:</td>
+        <td>{{ order.total_price | money_with_currency }}</td>
+      </tr>
+
+      {% unless order.attempted? %}
+        <tr>
+          <td></td>
+          <td colspan="3">
+            <form onsubmit="javascript:Store.pay('{{ order.key }}', '{{ order.paypal_pay_key }}');return false;">
+              <button class="btn" type="submit">Pay Now</button>
+            </form>
+          </td>
+      {% endunless %}
+    </tbody>
+  </table>
+
+  {% if order.attempted? and order.downloads.size > 0 %}
+    <table>
+      <thead>
+        <tr>
+          <th>Instant Downloads</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for download in order.downloads %}
+          <tr>
+            <td>{{ download | link_to_download }}</td>
+          </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  {% endif %}
+
+  <p id="question">Have a question or problem about this order? Please reply to your confirmation email.</p>
+</div>

data/spec/assets/skeleton-theme/templates/product.html

@@ -0,0 +1,105 @@
+<div id="product">
+  <h2>{{ product.name }}{% if product.music_catalog_number %} <small>{{ product.music_catalog_number }}</small>{% endif %}</h2>
+
+  <ul id="images">
+    {% for image in product.images %}
+      <li>
+        <a href="{{ image.url }}" target="_blank">
+          {% if forloop.first %}
+            {{ product.images.first.v200_url | img_tag: 'thumbnail' }}
+          {% else %}
+            {{ image.v075_url | img_tag: 'thumbnail' }}
+          {% endif %}
+        </a>
+      </li>
+    {% endfor %}
+  </ul>
+
+  <div id="body">
+    {% if product.soundcloud_playlist_id %}
+      <div id="soundcloud">
+        <iframe width="100%" height="300" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F{{ product.soundcloud_playlist_id }}&show_artwork=false&show_play_count=false&color={{ config['soundcloud_player_color'] | replace:'#','' }}"></iframe>
+      </div>
+    {% endif %}
+
+    <div id="description">
+      {{ product.description | simple_format }}
+    </div>
+
+    <div id="variations">
+      {% if product.available? %}
+        <p>
+          <select id="cart_variation_id">
+            {% unless config['supress_select_option'] and product.variations.size == 1 %}
+              <option>Select...</option>
+            {% endunless %}
+            {% for variation in product.variations %}
+              {% if variation.available? %}
+                <option value="{{ variation.id }}">{{ variation.name }} - {{ variation.price | money }}</option>
+              {% else %}
+                <option disabled="disabled">{{ variation.name }} - {{ variation.price | money }} (Out of Stock)</option>
+              {% endif %}
+            {% endfor %}
+          </select>
+  
+          <button class="btn" onclick="javascript:Store.cart.add(document.getElementById('cart_variation_id').options[document.getElementById('cart_variation_id').selectedIndex].value);return false;">Add to Cart</button>
+        </p>
+      {% elsif product.announced? %}
+        <p>This item is coming soon.<p>
+      {% elsif product.unavailable? %}
+        <p>This item isn't currently available.<p>
+      {% elsif product.unlisted? %}
+        <p>This item isn't listed. That means it isn't visible to your customers.<p>
+      {% endif %}
+    </div>
+
+    {% if product.music_pressing_information %}
+      <h3>Pressing Information</h3>
+      {{ product.music_pressing_information | simple_format }}
+    {% endif %}
+
+    {% if product.music_track_listings %}
+      <h3>Tracks</h3>
+
+      <ol>
+        {% for track in product.music_track_listings %}
+          <li>{{ track.id3_track_name }}</li>
+        {% endfor %}
+      </ol>
+    {% endif %}
+
+    {% if config['display_tweet_button'] or config['display_like_button'] %}
+      <ul id="social">
+        {% if config['display_tweet_button'] %}
+          <li>
+            <a href="https://twitter.com/share" class="twitter-share-button" data-text="{{ product.name | escape }} at {{ store.name | escape }}" data-count="none">Tweet</a>
+            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+          </li>
+        {% endif %}
+        {% if config['display_like_button'] %}
+          <li>
+            <iframe src="//www.facebook.com/plugins/like.php?href={{ store.url }}{{ product.url }}&send=false&layout=button_count&width=52&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:52px; height:35px;" allowTransparency="true"></iframe>
+          </li>
+        {% endif %}
+      </ul>
+    {% endif %}
+  </div>
+
+  <div class="clearfix"></div>
+</div>
+
+{% if product.eligible_for_availability_notices? %}
+  <div id="availability-request" onclick="javascript:Store.requestNotification('Product', {{ product.id }});">
+    {% if product.announced? %}
+      Want an email when this<br/>
+      becomes available?
+    {% else %}
+      Looking for something<br/>
+      that's out of stock?
+    {% endif %}
+  </div>
+
+  <script type="text/javascript">
+    window.setTimeout(function() {document.getElementById('availability-request').setAttribute('class', 'reveal');}, 1000);
+  </script>
+{% endif %}

data/spec/assets/skeleton-theme/templates/roster-item.html

@@ -0,0 +1,136 @@
+{% if section == 'products' %}
+  <div id="product-grid">
+    {% paginate item.products by 30 %}
+      {% for product in item.products %}
+        <div class="product">
+          <a class="image" href="{{ product.url }}" style="{% if product.images.size > 0 %}background-image:url({{ product.images.first.v200_url }});{% endif %}">
+            &nbsp;
+          </a>
+          <a class="info" href="{{ product.url }}">
+            {{ product.name }} - {{ product.price_range | money | join: ' - ' }}
+          </a>
+        </div>
+      {% endfor %}
+  
+      {{ item.products_pagination }}
+    {% endpaginate %}
+  </div>
+{% else %}
+  <div class="roster-item">
+    <h2>{{ item.name }}</h2>
+  
+    <ul id="images">
+      {% for image in item.images %}
+        <li>
+          <a href="{{ image.url }}" target="_blank">
+            {% if forloop.first %}
+              {{ item.images.first.v200_url | img_tag: 'thumbnail' }}
+            {% else %}
+              {{ image.v075_url | img_tag: 'thumbnail' }}
+            {% endif %}
+          </a>
+        </li>
+      {% endfor %}
+    </ul>
+  
+    <div id="body">
+      {% if item.soundcloud_playlist_id %}
+        <div id="soundcloud">
+          <iframe width="100%" height="300" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F{{ item.soundcloud_playlist_id }}&show_artwork=false&show_play_count=false&color={{ config['soundcloud_player_color'] | replace:'#','' }}"></iframe>
+        </div>
+      {% endif %}
+  
+      <div id="description">
+        {{ item.description | simple_format }}
+      </div>
+      
+      <ul>
+        {% for link in item.links %}
+          <li><a href="{{ link.url }}">{{ link.name }}</a></li>
+        {% endfor %}
+      </ul>
+    </div>
+  
+    <div class="clearfix"></div>
+    
+    {% if item.history_items.size > 0 %}
+      <div id="history">
+        {% for history_item in item.history_items %}
+          <div class="history-item">
+            <ul id="images">
+              {% for image in history_item.images %}
+                <li>
+                  <a href="{{ image.url }}" target="_blank">
+                    {% if forloop.first %}
+                      {{ history_item.images.first.v200_url | img_tag: 'thumbnail' }}
+                    {% else %}
+                      {{ image.v075_url | img_tag: 'thumbnail' }}
+                    {% endif %}
+                  </a>
+                </li>
+              {% endfor %}
+            </ul>
+          
+            <div id="body">
+              <h2>{{ history_item.name }}</h2>
+    
+              <div id="release-information">
+                {% comment %}
+                  The history_item.release_information attribute combines three attributes 
+                  into an array that can be passed to the join filter:
+                    * history_item.released_on
+                    * history_item.released_by
+                    * history_item.catalog_number
+    
+                  You can use each of the above three separate attributes rather 
+                  than the single release_information attribute.
+                {% endcomment %}
+    
+                {{ history_item.release_information | join: ' &middot; ' }}
+              </div>
+    
+              <div id="description">
+                {{ history_item.description | simple_format }}
+              </div>
+              
+              <ul>
+                {% for link in history_item.links %}
+                  <li><a href="{{ link.url }}">{{ link.name }}</a></li>
+                {% endfor %}
+              </ul>
+            </div>
+    
+            <div class="clearfix"></div>
+          </div>
+        {% endfor %}
+    
+        <div class="clearfix"></div>
+      </div>
+    {% endif %}
+    
+    {% if item.products.size > 0 %}
+      <div id="product-grid">
+        {% for product in item.products limit:5 %}
+          <div class="product">
+            <a class="image" href="{{ product.url }}" style="{% if product.images.size > 0 %}background-image:url({{ product.images.first.v200_url }});{% endif %}">
+              &nbsp;
+            </a>
+            <a class="info" href="{{ product.url }}">
+              {{ product.name }} - {{ product.price_range | money | join: ' - ' }}
+            </a>
+          </div>
+        {% endfor %}
+        
+        {% if item.products.size > 5 %}
+          <div class="product more-products">
+            <a class="info" href="{{ item.url }}/products">
+              View All Products &raquo;
+            </a>
+          </div>
+        {% endif %}
+      </div>
+  
+      <div class="clearfix"></div>
+    {% endif %}
+  </div>
+{% endif %}

data/spec/assets/skeleton-theme/templates/roster.html

@@ -0,0 +1,41 @@
+<div id="roster">
+  {% paginate roster.items by 25 %}
+    {% for item in roster.items %}
+      <div class="roster-item">
+        <ul id="images">
+          {% if item.images.size > 0 %}
+            <li>
+              <a href="{{ item.url }}">
+                {{ item.images.first.v200_url | img_tag: 'thumbnail' }}
+              </a>
+            </li>
+          {% endif %}
+        </ul>
+      
+        <div id="body">
+          <h2>{{ item | link_to_roster_item }}</h2>
+
+          {% unless config['hide_roster_item_descriptions_on_roster_page'] %}
+            <div id="description">
+              {{ item.description | simple_format }}
+            </div>
+          {% endunless %}
+          
+          <p class="read-more">
+            <a href="{{ item.url }}">
+              Read more &raquo;
+            </a>
+          </p>
+        </div>
+
+        <div class="clearfix"></div>
+      </div>
+    {% endfor %}
+
+    <div class="clearfix"></div>
+
+    {{ roster.items_pagination }}
+
+    <div class="clearfix"></div>
+  {% endpaginate %}
+</div>

data/spec/assets/skeleton-theme/templates/search.html

@@ -0,0 +1,33 @@
+<div id="product-grid">
+  {% for product in products %}
+    <div class="product">
+      <a class="image" href="{{ product.url }}" style="{% if product.images.size > 0 %}background-image:url({{ product.images.first.v200_url }});{% endif %}">
+        &nbsp;
+      </a>
+      <a class="info" href="{{ product.url }}">
+        {{ product.name }} - 
+        
+        {% assign out_of_stock = true %}
+
+        {% if product.available? %}
+          {% for variation in product.variations %}
+            {% if variation.available? %}
+              {% assign out_of_stock = false %}
+            {% endif %}
+          {% endfor %}
+
+          {% if out_of_stock %}
+            Out of Stock
+          {% else %}
+            {{ product.price_range | money | join: ' - ' }}
+          {% endif %}
+
+        {% elsif product.announced? %}
+          Coming Soon
+        {% elsif product.unavailable? %}
+          Unavailable
+        {% endif %}
+      </a>
+    </div>
+  {% endfor %}
+</div>

data/spec/features/themekit_spec.rb

@@ -0,0 +1,22 @@
+require 'spec_helper'
+
+feature 'Limited Run theme kit site preview' do
+  it 'renders a CSS file' do
+    visit '/stylesheets/default.css'
+
+    expect(page.status_code).to eq(200)
+    expect(page).to have_content "#container #main #content .roster-item #product-grid, #container #main #content .roster-item #history"
+  end
+
+  it 'renders the home page with correct title' do
+    visit '/'
+    expect(page).to have_title 'Pinna Records'
+  end
+
+  it 'renders products on the home page' do
+    visit '/'
+
+    expect(page).to have_css('#product-grid .product', count: 1)
+    expect(page).to have_selector('#product-grid .product .info', :text => "Eliane Lust - Entangoed")
+  end
+end