solidus_backend_devise_token_auth 2.8.0.alpha.2

data/app/views/spree/admin/style_guide/topics/messaging/_tooltips.html.erb

@@ -0,0 +1,61 @@
+<%- snippet = capture do %>
+  <a class="with-tip" title="This will be the tooltip text." href="#">Some Link With Tip</a>
+<%- end %>
+
+<p>
+  We are using bootstrap's tooltip library
+  with the class <code>.with-tip</code> as a trigger.
+</p>
+
+<p class="style-guide-result">
+  <%= snippet %>
+</p>
+
+<div class="style-guide-code">
+  <pre><code class="language-html"><%= escape_once snippet %></code></pre>
+</div>
+<br/>
+<%- info_tooltip = capture do %>
+  <a title="Some info." class="fa fa-info-circle with-tip"  href="#"></a>
+<%- end %>
+<table class="with-actions-borders">
+  <thead>
+    <tr>
+      <th> Type </th>
+      <th> Example </th>
+      <th> Code </th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>
+        <b>Info tooltips</b>
+        These are used to add supplementary information to form labels.
+        The info icon is the coverable area for this tooltip and should be placed at the right side of the form label.
+      </td>
+      <td class="align-center">
+          <%= info_tooltip %>
+      </td>
+      <td>
+        <div class="style-guide-code">
+          <pre><code class="language-html"><%= escape_once info_tooltip %></code></pre>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <b>Adding icon tooltips</b>
+          These are used to add textual context to the action icons used with tabular data like edit, delete, and clone.
+          They are styled with a similar colour to the icon that they’re attached to.
+      </td>
+      <td class="align-center actions">
+        <%= link_to_edit_url('#', title: 'edit', no_text: true) %>
+      </td>
+      <td>
+        <div class="style-guide-code">
+          <pre><code class="language-html"><%= escape_once link_to_edit_url('#', title: 'edit', no_text: true) %></code></pre>
+        </div>
+      </td>
+    </tr>
+  </tbody>
+</table>

data/app/views/spree/admin/style_guide/topics/tables/_building_tables.html.erb

@@ -0,0 +1,63 @@
+<%- snippet = capture do %>
+  <table>
+    <thead>
+      <tr>
+        <th colspan="2">Item Description</th>
+        <th>Long Item Text</th>
+        <th>Price</th>
+        <th>Quantity</th>
+        <th>Total</th>
+      </tr>
+    </thead>
+
+    <tbody>
+      <tr>
+        <td class="item-image">
+          <img src="http://placehold.it/50x50">
+        </td>
+        <td class="no-wrap">
+          Ruby on Rails Bag<br>
+          SKU: ROR-00012
+        </td>
+        <td>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nihil illinc huc pervenit.
+          Sed quae tandem ista ratio est? Ergo ita: non posse honeste vivi, nisi honeste vivatur?
+          Scisse enim te quis coarguere possit? Duo Reges: constructio interrete.
+          Sic, et quidem diligentius saepiusque ista loquemur inter nos agemusque communiter.
+          Sed in rebus apertissimis nimium longi sumus.
+          Quod si ita se habeat, non possit beatam praestare vitam sapientia.
+          Etenim nec iustitia nec amicitia esse omnino poterunt, nisi ipsae per se expetuntur.
+        </td>
+        <td>$22.99</td>
+        <td class="no-wrap">1 x on hand</td>
+        <td>$22.99</td>
+      </tr>
+      <tr>
+        <td colspan="5">UPS Ground (USD)</td>
+        <td>
+          <span>$5.00</span>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="6">No tracking details provided.</td>
+      </tr>
+    </tbody>
+  </table>
+<%- end %>
+
+<p>
+  Tables are the primary UI element in the Solidus admin.
+  By default the content of all table headers have text wrapping disabled.
+</p>
+<p>
+  For cases where also data cells need to have text wrapping disabled we provide
+  the <code>.no-wrap</code> class.
+</p>
+
+<div class="style-guide-result">
+  <%= snippet %>
+</div>
+
+<div class="style-guide-code">
+  <pre><code class="language-html"><%= escape_once snippet %></code></pre>
+</div>

data/app/views/spree/admin/style_guide/topics/tables/_forms_in_tables.html.erb

@@ -0,0 +1,4 @@
+<ul>
+  <li>Display all table functions outside the table to the right.</li>
+  <li>Display form submit buttons outside of the table at the bottom.</li>
+</ul>

data/app/views/spree/admin/style_guide/topics/tables/_pagination.html.erb

@@ -0,0 +1,11 @@
+<nav class="pagination">
+  <span class="first"><a href="#">« First</a></span>
+  <span class="prev"><a href="#">‹ Prev</a></span>
+  <span class="page"><a href="#">1</a></span>
+  <span class="page"><a href="#">2</a></span>
+  <span class="page current">3</span>
+  <span class="page"><a href="#">4</a></span>
+  <span class="page"><a href="#">5</a></span>
+  <span class="next"><a href="#">Next ›</a></span>
+  <span class="last"><a href="#">Last »</a></span>
+</nav>

data/app/views/spree/admin/style_guide/topics/typography/_colors.html.erb

@@ -0,0 +1,64 @@
+<%- snippet = capture do %>
+  <p>where the html example goes</p>
+<%- end %>
+
+<p>
+  The Solidus UI is made up mostly of a grey color palette with blue being used for interactive elements and red, green and yellow being used to give visual context to messaging.
+</p>
+
+<%-
+colors = [
+  {
+    name: '$color-1',
+    value: '#FFFFFF',
+    used_for: 'Backgrounds.'
+  },
+  {
+    name: '$color-2',
+    value: '#9FC820',
+    used_for: 'Active states.'
+  },
+  {
+    name: '$color-3',
+    value: '#5498DA',
+    used_for: 'Buttons, links, form text.'
+  },
+  {
+    name: '$color-4',
+    value: '#6788A2',
+    used_for: 'Non-interactive text outside of form fields.'
+  },
+  {
+    name: '$color-5',
+    value: '#C60F13',
+    used_for: 'Errors, destructive action warnings.'
+  },
+  {
+    name: '$color-6',
+    value: '#FF9300',
+    used_for: 'Warnings'
+  },
+  {
+    name: '$color-7',
+    value: '#F4F4F4',
+    used_for: 'Disabled states'
+  }
+]
+
+%>
+
+<div class="color-variables">
+  <%- colors.each do |color| %>
+    <div class="color-variable">
+      <div class="color-swatch" style="background-color: <%= color[:value] %>"></div>
+      <dl class="color-variable-details">
+        <dt>Color:</dt>
+        <dd><%= color[:value] %></dd>
+        <dt>Sass:</dt>
+        <dd><code><%= color[:name] %></code></dd>
+        <dt>For:</dt>
+        <dd><%= color[:used_for] %></dd>
+      </dl>
+    </div>
+  <%- end %>
+</div>

data/app/views/spree/admin/style_guide/topics/typography/_fonts.html.erb

@@ -0,0 +1,19 @@
+<div class="half">
+  <p>
+    The typography base is "Open Sans" and Helvetica which we leave to the browser to provide.
+    Set at 13px with no specified line-height.
+  </p>
+
+  <p>
+    Headings use the same font stack of the body text. They are bold with a line-height of 1.1.
+  </p>
+</div>
+
+<div class="half">
+  <h1>h1. This is a very large header.</h1>
+  <h2>h2. This is a large header.</h2>
+  <h3>h3. This is a medium header.</h3>
+  <h4>h4. This is a moderate header.</h4>
+  <h5>h5. This is a small header.</h5>
+  <h6>h6. This is a tiny header.</h6>
+</div>

data/app/views/spree/admin/style_guide/topics/typography/_icons.html.erb

@@ -0,0 +1,13 @@
+<div class="half">
+  <p>Icons are provided by <a href="https://fortawesome.github.io/Font-Awesome/cheatsheet/">
+  Font Awesome</a>. There are also a number of helpers for inserting icons, links, and buttons. </p>
+</div>
+
+<div class="style-guide-code half">
+  <pre><code class="language-ruby">
+    icon('fa fa-user')
+    link_to_with_icon('send', 'link text', '#')
+    button('button text')
+    button_link_to('button link text', '#')
+  </code></pre>
+</div>

data/app/views/spree/admin/style_guide/topics/typography/_lists.html.erb

@@ -0,0 +1,25 @@
+<p>
+  Unordered lists have been stripped of all padding and margin.
+</p>
+
+<ul class="example">
+  <li>Unordered list of things</li>
+  <li>List item
+  <ul>
+    <li>Nested list item</li>
+    <li>Nested list item</li>
+  </ul>
+  </li>
+  <li>List item</li>
+</ul>
+
+<p>
+  Definition lists have a fluid 40%/60% layout with some font changes.
+</p>
+
+<dl>
+  <dt>Description</dt>
+  <dd>List</dd>
+  <dt>Term</dt>
+  <dd>Description</dd>
+</ul>

data/app/views/spree/admin/tax_categories/_form.html.erb

@@ -0,0 +1,31 @@
+<div data-hook="admin_tax_category_form_fields" class="row">
+  <div class="col-3">
+    <%= f.field_container :name do %>
+      <%= f.label :name %>
+      <%= f.text_field :name, class: 'fullwidth' %>
+    <% end %>
+  </div>
+
+  <div class="col-2">
+    <%= f.field_container :tax_code do %>
+      <%= f.label :tax_code %>
+      <%= f.text_field :tax_code, class: 'fullwidth' %>
+    <% end %>
+  </div>
+
+  <div class="col-1">
+    <%= f.field_container :is_default, class: ['checkbox'] do %>
+      <label>
+        <%= f.check_box :is_default %>
+        <%= Spree::TaxCategory.human_attribute_name(:is_default) %>
+      </label>
+    <% end %>
+  </div>
+
+  <div class="col-4">
+    <%= f.field_container :description do %>
+      <%= f.label :description %><br>
+      <%= f.text_area :description, class: 'fullwidth' %>
+    <% end %>
+  </div>
+</div>

data/app/views/spree/admin/tax_categories/edit.html.erb

@@ -0,0 +1,19 @@
+<%= render 'spree/admin/shared/taxes_tabs' %>
+
+<% admin_breadcrumb(t('spree.settings')) %>
+<% admin_breadcrumb(t('spree.admin.tab.taxes')) %>
+<% admin_breadcrumb(link_to plural_resource_name(Spree::TaxCategory), spree.admin_tax_categories_path) %>
+<% admin_breadcrumb(@tax_category.name) %>
+
+
+<% content_for :page_actions do %>
+<% end %>
+
+<%= render partial: 'spree/shared/error_messages', locals: { target: @tax_category } %>
+
+<%= form_for [:admin, @tax_category] do |f| %>
+  <fieldset class="no-border-top">
+    <%= render partial: 'form', locals: { f: f } %>
+    <%= render partial: 'spree/admin/shared/edit_resource_links' %>
+  </fieldset>
+<% end %>

data/app/views/spree/admin/tax_categories/index.html.erb

@@ -0,0 +1,63 @@
+<%= render 'spree/admin/shared/taxes_tabs' %>
+
+<% admin_breadcrumb(t('spree.settings') ) %>
+<% admin_breadcrumb(t('spree.admin.tab.taxes')) %>
+<% admin_breadcrumb(plural_resource_name(Spree::TaxCategory)) %>
+
+
+<% content_for :page_actions do %>
+  <ul class="actions inline-menu">
+    <% if can?(:create, Spree::TaxCategory) %>
+      <li>
+        <%= link_to t('spree.new_tax_category'), new_object_url, id: 'admin_new_tax_categories_link', class: 'btn btn-primary' %>
+      </li>
+    <% end %>
+  </ul>
+<% end %>
+
+<% if @tax_categories.any? %>
+<table class="index" id='listing_tax_categories' data-hook>
+  <colgroup>
+    <col style="width: 20%" />
+    <col style="width: 10%" />
+    <col style="width: 40%" />
+    <col style="width: 15%" />
+    <col style="width: 15%" />
+  </colgroup>
+  <thead>
+    <tr data-hook="tax_header">
+      <th><%= Spree::TaxCategory.human_attribute_name(:name) %></th>
+      <th><%= Spree::TaxCategory.human_attribute_name(:tax_code) %></th>
+      <th><%= Spree::TaxCategory.human_attribute_name(:description) %></th>
+      <th><%= Spree::TaxCategory.human_attribute_name(:is_default) %></th>
+      <th class="actions"></th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @tax_categories.each do |tax_category|
+         @edit_url = edit_admin_tax_category_path(tax_category)
+         @delete_url = admin_tax_category_path(tax_category)
+    %>
+      <tr id="<%= spree_dom_id tax_category %>" data-hook="tax_row">
+        <td><%= tax_category.name %></td>
+        <td><%= tax_category.tax_code %></td>
+        <td><%= tax_category.description %></td>
+        <td><%= tax_category.is_default? ? t('spree.say_yes') : t('spree.say_no') %></td>
+        <td class="actions">
+          <% if can?(:update, tax_category) %>
+            <%= link_to_edit tax_category, no_text: true %>
+          <% end %>
+          <% if can?(:destroy, tax_category) %>
+            <%= link_to_delete tax_category, no_text: true %>
+          <% end %>
+      </tr>
+    <% end %>
+  </tbody>
+</table>
+<% else %>
+  <div class="no-objects-found">
+    <%= render 'spree/admin/shared/no_objects_found',
+                 resource: Spree::TaxCategory,
+                 new_resource_url: new_object_url %>
+  </div>
+<% end %>

data/app/views/spree/admin/tax_categories/new.html.erb

@@ -0,0 +1,20 @@
+<%= render 'spree/admin/shared/taxes_tabs' %>
+
+<% admin_breadcrumb(t('spree.settings')) %>
+<% admin_breadcrumb(t('spree.admin.tab.taxes')) %>
+<% admin_breadcrumb(link_to plural_resource_name(Spree::TaxCategory), spree.admin_tax_categories_path) %>
+<% admin_breadcrumb(t('spree.new_tax_category')) %>
+
+
+<% content_for :page_actions do %>
+<% end %>
+
+
+<%= render partial: 'spree/shared/error_messages', locals: { target: @tax_category } %>
+
+<%= form_for [:admin, @tax_category] do |f| %>
+  <fieldset class="no-border-top">
+    <%= render partial: 'form', locals: { f: f } %>
+    <%= render partial: 'spree/admin/shared/new_resource_links' %>
+  </fieldset>
+<% end %>

data/app/views/spree/admin/tax_categories/show.html.erb

@@ -0,0 +1 @@
+<%= render 'spree/admin/shared/taxes_tabs' %>

data/app/views/spree/admin/tax_rates/_form.html.erb

@@ -0,0 +1,62 @@
+<div data-hook="admin_tax_rate_form_fields">
+    <fieldset data-hook="tax_rates" class=" no-border-bottom">
+      <legend align="center"><%= t('spree.general_settings') %></legend>
+      <div class="row">
+
+        <div class="col-5">
+          <div data-hook="name" class="field">
+            <%= f.label :name %>
+            <%= f.text_field :name, class: 'fullwidth' %>
+          </div>
+          <div data-hook="rate" class="field">
+            <%= f.label :amount %>
+            <%= f.text_field :amount, class: 'fullwidth' %>
+            <br/><span class="info"><%= t('spree.tax_rate_amount_explanation') %></span>
+          </div>
+          <div data-hook="included" class="field">
+            <label>
+              <%= f.check_box :included_in_price %>
+              <%= t('spree.included_in_price') %>
+            </label>
+          </div>
+        </div>
+
+        <div class="col-5">
+          <div data-hook="zone" class="field">
+            <%= f.label :zone, Spree::Zone.model_name.human %>
+            <%= f.collection_select(:zone_id, @available_zones, :id, :name, {}, {class: 'custom-select fullwidth'}) %>
+          </div>
+          <div data-hook="category" class="field">
+            <%= f.label :tax_category_ids, Spree::TaxCategory.model_name.human %>
+            <%= f.collection_select(:tax_category_ids, @available_categories, :id, :name, {}, {class: 'select2 fullwidth', multiple: "multiple"}) %>
+          </div>
+          <div data-hook="show_rate" class="field">
+            <label>
+              <%= f.check_box :show_rate_in_label %>
+              <%= t('spree.show_rate_in_label') %>
+            </label>
+          </div>
+
+          <div class="date-range-filter field">
+            <%= label_tag :validity_period, t('spree.validity_period') %>
+            <%= admin_hint t('spree.validity_period'), t(:validity_period, scope: [:spree, :hints, "spree/tax_rate"]) %>
+            <div class="date-range-fields input-group">
+              <%= f.text_field :starts_at, class: 'datepicker form-control datepicker-from', value: datepicker_field_value(f.object.starts_at), placeholder: Spree::TaxRate.human_attribute_name(:starts_at) %>
+
+              <div class="input-group-prepend input-group-append">
+                <span class="input-group-text range-divider">
+                  <i class="fa fa-arrow-right"></i>
+                </span>
+              </div>
+
+              <%= f.text_field :expires_at, class: 'datepicker form-control datepicker-to', value: datepicker_field_value(f.object.expires_at), placeholder: Spree::TaxRate.human_attribute_name(:expires_at) %>
+            </div>
+          </div>
+        </div>
+      </div>
+    </fieldset>
+
+  <div class="clear"></div>
+
+  <%= render 'spree/admin/shared/calculator_fields', f: f %>
+</div>

data/app/views/spree/admin/tax_rates/edit.html.erb

@@ -0,0 +1,20 @@
+<%= render 'spree/admin/shared/taxes_tabs' %>
+
+<% admin_breadcrumb(t('spree.settings')) %>
+<% admin_breadcrumb(t('spree.admin.tab.taxes')) %>
+<% admin_breadcrumb(link_to plural_resource_name(Spree::TaxRate), spree.admin_tax_rates_path) %>
+<% admin_breadcrumb(@tax_rate.name) %>
+
+
+<% content_for :page_actions do %>
+<% end %>
+
+<%= render partial: 'spree/shared/error_messages', locals: { target: @tax_rate } %>
+
+<%= form_for [:admin, @tax_rate] do |f| %>
+  <fieldset class="no-border-top">
+    <%= render partial: 'form', locals: { f: f } %>
+    <div class="clear"></div>
+    <%= render partial: 'spree/admin/shared/edit_resource_links' %>
+  </fieldset>
+<% end %>

data/app/views/spree/admin/tax_rates/index.html.erb

@@ -0,0 +1,77 @@
+<%= render 'spree/admin/shared/taxes_tabs' %>
+
+<% admin_breadcrumb(t('spree.settings')) %>
+<% admin_breadcrumb(t('spree.admin.tab.taxes')) %>
+<% admin_breadcrumb(plural_resource_name(Spree::TaxRate)) %>
+
+
+<% content_for :page_actions do %>
+  <% if can?(:create, Spree::TaxRate) %>
+    <li>
+      <%= link_to t('spree.new_tax_rate'), new_object_url, class: 'btn btn-primary' %>
+    </li>
+  <% end %>
+<% end %>
+
+<% if @tax_rates.any? %>
+  <table class="index">
+    <colgroup>
+      <col style="width: 15%">
+      <col style="width: 15%">
+      <col style="width: 10%">
+      <col style="width: 10%">
+      <col style="width: 5%">
+      <col style="width: 5%">
+      <col style="width: 10%">
+      <col style="width: 15%">
+      <col style="width: 15%">
+    </colgroup>
+    <thead>
+      <tr data-hook="rate_header">
+        <th><%= Spree::TaxRate.human_attribute_name(:zone) %></th>
+        <th><%= Spree::TaxRate.human_attribute_name(:name) %></th>
+        <th><%= Spree::TaxRate.human_attribute_name(:tax_categories) %></th>
+        <th><%= Spree::TaxRate.human_attribute_name(:amount) %></th>
+        <th><%= Spree::TaxRate.human_attribute_name(:included_in_price) %></th>
+        <th><%= Spree::TaxRate.human_attribute_name(:show_rate_in_label) %></th>
+        <th><%= Spree::TaxRate.human_attribute_name(:expires_at) %></th>
+        <th><%= Spree::Calculator.model_name.human %></th>
+        <th class="actions"></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @tax_rates.each do |tax_rate|%>
+      <tr id="<%= spree_dom_id tax_rate %>" data-hook="rate_row">
+        <td><%=tax_rate.zone.try(:name) || t('spree.not_available') %></td>
+        <td><%=tax_rate.name %></td>
+        <td>
+          <% if tax_rate.tax_categories.any? %>
+            <%= tax_rate.tax_categories.map(&:name).join(", ") %>
+          <% else %>
+            <%= t('spree.not_available') %>
+          <% end %>
+        </td>
+        <td><%=tax_rate.amount %></td>
+        <td><%=tax_rate.included_in_price? ? t('spree.say_yes') : t('spree.say_no') %></td>
+        <td><%=tax_rate.show_rate_in_label? ? t('spree.say_yes') : t('spree.say_no') %></td>
+        <td><%=tax_rate.expires_at.to_date.to_s(:short_date) if tax_rate.expires_at %></td>
+        <td><%=tax_rate.calculator.to_s %></td>
+        <td class="actions">
+          <% if can?(:update, tax_rate) %>
+            <%= link_to_edit tax_rate, no_text: true %>
+          <% end %>
+          <% if can?(:destroy, tax_rate) %>
+            <%= link_to_delete tax_rate, no_text: true %>
+          <% end %>
+        </td>
+      </tr>
+      <% end %>
+    </tbody>
+  </table>
+<% else %>
+  <div class="no-objects-found">
+    <%= render 'spree/admin/shared/no_objects_found',
+                 resource: Spree::TaxRate,
+                 new_resource_url: new_object_url %>
+  </div>
+<% end %>

data/app/views/spree/admin/tax_rates/new.html.erb

@@ -0,0 +1,24 @@
+<%= render 'spree/admin/shared/taxes_tabs' %>
+
+<% admin_breadcrumb(t('spree.settings')) %>
+<% admin_breadcrumb(t('spree.admin.tab.taxes')) %>
+<% admin_breadcrumb(link_to plural_resource_name(Spree::TaxRate), spree.admin_tax_rates_path) %>
+<% admin_breadcrumb(t('spree.new_tax_rate')) %>
+
+
+<% content_for :page_actions do %>
+<% end %>
+
+<%= render partial: 'spree/shared/error_messages', locals: { target: @tax_rate } %>
+
+<%= form_for [:admin, @tax_rate] do |f| %>
+  <fieldset class="no-border-top">
+
+    <%= render partial: 'form', locals: { f: f } %>
+
+    <div class="clear"></div>
+
+    <%= render partial: 'spree/admin/shared/new_resource_links' %>
+
+  </fieldset>
+<% end %>

data/app/views/spree/admin/taxonomies/_form.html.erb

@@ -0,0 +1,7 @@
+<div data-hook="admin_inside_taxonomy_form" class="field align-center">
+  <%= f.field_container :name do %>
+    <%= f.label :name, class: 'required' %><br />
+    <%= error_message_on :taxonomy, :name, class: 'fullwidth title' %>
+    <%= text_field :taxonomy, :name %>
+  <% end %>
+</div>

data/app/views/spree/admin/taxonomies/_list.html.erb

@@ -0,0 +1,34 @@
+<table class="index sortable" id='listing_taxonomies' data-hook data-sortable-link="<%= update_positions_admin_taxonomies_url %>">
+  <colgroup>
+    <col style="width: 10%">
+    <col style="width: 75%">
+    <col style="width: 15%">
+  </colgroup>
+  <thead>
+    <tr data-hook="taxonomies_header">
+      <th></th>
+      <th><%= Spree::Taxonomy.human_attribute_name(:name) %></th>
+      <th class="actions"></th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @taxonomies.each do |taxonomy| %>
+      <tr id="<%= spree_dom_id taxonomy %>" data-hook="taxonomies_row">
+        <td>
+          <% if can?(:update_positions, Spree::Taxonomy) %>
+            <span class="handle"></span>
+          <% end %>
+        </td>
+        <td><%= taxonomy.name %></td>
+        <td class="actions">
+          <% if can?(:update, taxonomy) %>
+            <%= link_to_edit taxonomy, no_text: true %>
+          <% end %>
+          <% if can?(:destroy, taxonomy) %>
+            <%= link_to_delete taxonomy, no_text: true %>
+          <% end %>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

data/app/views/spree/admin/taxonomies/_taxon.html.erb

@@ -0,0 +1,12 @@
+<% if taxon.children.length != 0 %>
+  <ul>
+    <% taxon.children.each do |child| %>
+      <li id="<%= child.id %>" rel="taxon">
+        <a style="background-image: url(<%= child.icon.url %>);" href="#"><%= child.name %></a>
+        <% if child.children.length > 0 %>
+          <%= render partial: 'taxon', locals: { taxon: child } %>
+        <% end %>
+      </li>
+    <% end %>
+  </ul>
+<% end %>