Producers page WIP

This commit is contained in:
summerscope
2014-09-05 16:38:05 +10:00
parent adb8b6b02f
commit 60ac3f29a5
2 changed files with 32 additions and 13 deletions

View File

@@ -1,12 +1,12 @@
.row.active_table_row{"ng-show" => "open()", "ng-click" => "toggle()", "ng-class" => "{'open' : !ofn-i_032-closed-sign()}"}
.columns.small-12.medium-4.large-4.fat
%div{"ng-if" => "producer.supplied_taxons"}
%label Shop for
%p.trans-sentence
%span.fat-taxons{"ng-repeat" => "taxon in producer.supplied_taxons"}
%render-svg{path: "{{taxon.icon}}"}
{{taxon.name}}
%div.show-for-medium-up{"ng-if" => "producer.supplied_taxons.length==0"}
/ No long description available because it spits out HTML formatting producer.long_description
%div{"bo-if" => "producer.long_description"}
%label About us
%p.text-small
{{ producer.long_description }}
%div.show-for-medium-up{"bo-if" => "!producer.description"}
 
.columns.small-12.medium-3.large-3.fat
@@ -16,13 +16,31 @@
 
.columns.small-12.medium-5.large-5.fat
%div{"bo-if" => "producer.description"}
%label About us
%p.text-small
{{ producer.description }}
%div.show-for-medium-up{"bo-if" => "!producer.description"}
%div{"ng-if" => "producer.supplied_taxons"}
%label Shop for
%p.trans-sentence
%span.fat-taxons{"ng-repeat" => "taxon in producer.supplied_taxons"}
%render-svg{path: "{{taxon.icon}}"}
{{taxon.name}}
%div.show-for-medium-up{"ng-if" => "producer.supplied_taxons.length==0"}
 
%div{"ng-if" => "producer.email || producer.website || producer.phone"}
%label Contact
%p{"ng-if" => "producer.phone"}
{{ enterprise.phone }}
%p.word-wrap{"ng-if" => "producer.email"}
%a{"ng-href" => "{{producer.email | stripUrl}}", target: "_blank", mailto: true}
%span.email
{{ producer.email | stripUrl }}
%p.word-wrap{"ng-if" => "producer.website"}
%a{"ng-href" => "http://{{producer.website | stripUrl}}", target: "_blank" }
{{ producer.website | stripUrl }}
.row.active_table_row{"ng-show" => "open()", "bo-if" => "producer.hubs"}
.columns.small-12
.row

View File

@@ -1,6 +1,7 @@
.row.active_table_row{"ng-click" => "toggle()", "ng-class" => "{'closed' : !open()}"}
.columns.small-12.medium-4.large-4.skinny-head
%i.ofn-i_036-producers
/ This needs logic to show profile only icon when available %i.ofn-i_060-producer-reversed
%i.ofn-i_059-producer
%strong {{ producer.name }}
.columns.small-6.medium-3.large-3
{{ producer.address.city }}