diff --git a/app/views/groups/show.html.haml b/app/views/groups/show.html.haml index 64960581b9..2ada84a9b4 100644 --- a/app/views/groups/show.html.haml +++ b/app/views/groups/show.html.haml @@ -1,25 +1,140 @@ -.row.pad-top +#group-page.row.pad-top .small-12.columns.pad-top %header .row .small-12.columns %img{"src" => @group.promo_image} - .row.pad-top - .small-3.medium-2.columns - %img{"src" => @group.logo} - .small-9.medium-10.columns - %h2= @group.name + .row + .small-12.medium-2.large-2.columns.pad-top + %img.group-logo{"src" => @group.logo} + .small-12.medium-10.large-10.columns.pad-top + %h2.group-name= @group.name %p= @group.description - -.row.pad-top .small-12.columns.pad-top - %p - 123 - %p - 456 - %p - 789 + .row.pad-top + .small-12.medium-7.columns + %div{"ng-controller" => "TabsCtrl"} + %tabset + %tab{heading: 'Map', + active: "active(\'\')", + select: "select(\'\')"} + = inject_json_ams "enterprises", @group.enterprises, Api::EnterpriseSerializer + .map-container + %map{"ng-controller" => "MapCtrl", "ng-if" => "(active(\'\') && (mapShowed = true)) || mapShowed"} + %google-map{options: "map.additional_options", center: "map.center", zoom: "map.zoom", styles: "map.styles", draggable: "true"} + %markers{models: "OfnMap.enterprises", fit: "true", + coords: "'self'", icon: "'icon'", click: "'reveal'"} + + %tab{heading: 'About us', + active: "active(\'about\')", + select: "select(\'about\')"} + %h3.pad-top About us + %p= @group.long_description + + %tab{heading: 'Our producers', + active: "active(\'producers\')", + select: "select(\'producers\')"} + .producers.pad-top{"ng-controller" => "GroupEnterprisesCtrl"} + .row + .small-12.columns.pad-top + %h1 Our Producers + = render partial: "shared/components/enterprise_search" + -# TODO: find out why this is not working + -#= render partial: "producers/filters" + + .row{bindonce: true} + .small-12.columns + .active_table + %hub.active_table_node.row.animate-repeat{id: "{{hub.hash}}", + "ng-repeat" => "hub in filteredEnterprises = (Enterprises.hubs | visible | searchEnterprises:query | taxons:activeTaxons | shipping:shippingTypes | showHubProfiles:show_profiles | orderBy:['-active', '+orders_close_at'])", + "ng-class" => "{'is_profile' : hub.category == 'hub_profile', 'closed' : !open(), 'open' : open(), 'inactive' : !hub.active, 'current' : current()}", + "ng-controller" => "GroupEnterpriseNodeCtrl"} + .small-12.columns + = render partial: 'home/skinny' + = render partial: 'home/fat' + + = render partial: 'shared/components/enterprise_no_results' + + .small-12.medium-4.medium-offset-1.columns + %h4 Contact us + - if @group.phone + .row + .small-2.columns + Call + .small-10.columns + = @group.phone + - if @group.email + .row + .small-2.columns + Email + .small-10.columns + = @group.email + - if @group.website + .row + .small-2.columns + Website + .small-10.columns + = @group.website + %p   + %h6 Address + %p + = @group.address.address1 + - if @group.address.address2 + %br + = @group.address.address2 + %br + = @group.address.city + , + = @group.address.state + = @group.address.zipcode + %br + = @group.address.country + %p + %h6 Follow us + - if @group.facebook + .row + .small-2.columns + Facebook + .small-10.columns + = @group.facebook + - if @group.instagram + .row + .small-2.columns + Instagram + .small-10.columns + = @group.instagram + - if @group.linkedin + .row + .small-2.columns + LinkedIn + .small-10.columns + = @group.linkedin + - if @group.twitter + .row + .small-2.columns + Twitter + .small-10.columns + = @group.twitter + + .small-12.columns.pad-top + .row.pad-top + .small-12.columns.text-center.small + %hr + Copyright this year + = @group.name + %p + -if @group.facebook + %a{title:'Follow us on Facebook', href: 'https://www.facebook.com/' + @group.facebook, target: '_blank'} + %i.ofn-i_044-facebook + -if @group.email + %a{title:'Email us', href: @group.email.reverse, mailto: true} + %i.ofn-i_050-mail-circle + -if @group.website + %a{title:'Visit our website', href: 'http://' + @group.website, target: '_blank'} + %i.ofn-i_049-web + %p +   / %div{style: "padding: 1.5em;"} / %img{"src" => @group.promo_image, style: "display: block"}