mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-27 01:43:22 +00:00
Producers page WIP
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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 }}
|
||||
|
||||
Reference in New Issue
Block a user