Pulling some structure out of directives

This commit is contained in:
Will Marshall
2014-07-11 12:45:08 +10:00
parent fecc68cff8
commit 190e320bad
4 changed files with 14 additions and 13 deletions

View File

@@ -1,4 +1,3 @@
%ul.small-block-grid-2.large-block-grid-1
%active-selector{"ng-repeat" => "(name, selector) in selectors"}
%i{"ng-class" => "selector.icon"}
{{ name | capitalize }}
%active-selector{"ng-repeat" => "(name, selector) in selectors"}
%i{"ng-class" => "selector.icon"}
{{ name | capitalize }}

View File

@@ -1,4 +1,3 @@
%ul.small-block-grid-2.large-block-grid-5
%active-selector{"ng-repeat" => "selector in selectors()"}
%render-svg{path: "{{selector.taxon.icon}}"}
%span {{ selector.taxon.name }}
%active-selector{"ng-repeat" => "selector in selectors()"}
%render-svg{path: "{{selector.taxon.icon}}"}
%span {{ selector.taxon.name }}

View File

@@ -7,13 +7,15 @@
%h5.tdhead
.light Filter by
Type
%taxon-selector{objects: "hubs | hubs:query",
results: "activeTaxons"}
%ul.small-block-grid-2.large-block-grid-5
%taxon-selector{objects: "hubs | hubs:query",
results: "activeTaxons"}
.small-12.large-3.columns
%h5.tdhead
.light Filter by
Delivery
%shipping-type-selector{results: "shippingTypes"}
%ul.small-block-grid-2.large-block-grid-1
%shipping-type-selector{results: "shippingTypes"}
.row.filter-box.animate-show{"ng-show" => "filtersActive && totalActive() > 0"}
.small-12.columns
%a.button.secondary.small.expand{"ng-click" => "clearAll()"}

View File

@@ -7,8 +7,9 @@
%h5.tdhead
.light Filter by
Type
%taxon-selector{objects: "Producers.visible | filterProducers:query",
results: "activeTaxons"}
%ul.small-block-grid-2.large-block-grid-5
%taxon-selector{objects: "Producers.visible | filterProducers:query",
results: "activeTaxons"}
.row.filter-box.animate-show{"ng-show" => "filtersActive && totalActive() > 0"}
.small-12.columns