Switching to a single directive to render variants on /shop

app/assets/javascripts/darkswarm/directives/shop_variant.js.coffee

@@ -0,0 +1,6 @@
+Darkswarm.directive "shopVariant",  ->
+  restrict: 'E'
+  replace: true
+  templateUrl: 'shop_variant.html'
+  scope:
+    variant: '='

app/assets/javascripts/templates/shop_variant.html.haml

@@ -0,0 +1,59 @@
+.variants.row
+  .small-12.medium-4.large-4.columns.variant-name
+    .table-cell  
+      .inline {{ variant.name_to_display }}
+      .bulk-buy.inline{"bo-if" => "variant.product.group_buy"}
+        %i.ofn-i_056-bulk><
+        %em><
+          \ Bulk
+
+  -# WITHOUT GROUP BUY
+  .small-5.medium-3.large-3.columns.text-right{"bo-if" => "!variant.product.group_buy"}
+
+    %input{type: :number, 
+    value: nil, 
+    min: 0, 
+    placeholder: "0",
+    "ofn-disable-scroll" => true,
+    "ng-model" => "variant.line_item.quantity",
+    max: "{{variant.on_demand && 9999 || variant.count_on_hand }}",
+    name: "variants[{{variant.id}}]", id: "variants_{{variant.id}}"}
+      
+
+  -# WITH GROUP BUY
+  .small-5.medium-3.large-3.columns.text-right{"bo-if" => "variant.product.group_buy"}
+    %span.bulk-input-container
+      %span.bulk-input
+        %input.bulk.first{type: :number, 
+        value: nil, 
+        min: 0, 
+        "ng-model" => "variant.line_item.quantity",
+        placeholder: "min",
+        "ofn-disable-scroll" => true,
+        max: "{{variant.on_demand && 9999 || variant.count_on_hand }}",
+        name: "variants[{{variant.id}}]", id: "variants_{{variant.id}}"}
+      %span.bulk-input{"bo-if" => "variant.product.group_buy"}
+        %input.bulk.second{type: :number,
+        min: 0,
+        "ng-model" => "variant.line_item.max_quantity",
+        placeholder: "max",
+        "ofn-disable-scroll" => true,
+        max: "{{variant.on_demand && 9999 || variant.count_on_hand }}",
+        name: "variant_attributes[{{variant.id}}][max_quantity]"}
+
+  .small-3.medium-1.large-1.columns.variant-unit
+    .table-cell 
+      %em {{ variant.unit_to_display }}
+
+  .small-4.medium-2.large-2.columns.variant-price
+    .table-cell.price
+      %i.ofn-i_009-close 
+      {{ variant.price | currency }}
+
+      / %button.graph-button{popover: "This is the popover text", "popover-title" => "The title.", "popover-animation" => "true", "popover-trigger" =>"mouseenter", "popover-placement" => "top", "tabindex" => "-1"}
+      /   %i.ofn-i-058-graph
+
+  .small-12.medium-2.large-2.columns.total-price.text-right
+    .table-cell
+      %strong
+        {{ variant.getPrice() | currency }}