Files
openfoodnetwork/app/views/groups/index.html.haml
2014-07-29 11:33:25 +10:00

57 lines
1.7 KiB
Plaintext

= inject_enterprises
:javascript
angular.module('Darkswarm').value('groups', #{render partial: "json/groups", object: @groups})
#groups{"ng-controller" => "GroupsCtrl"}
#active-table-search.row.pad-top
.small-12.columns.text-center
%h1 Groups / Regions
%div
Check out our
%ofn-modal{title: "food groups"}
= render partial: "modals/groups"
below
%p
%input.animate-show{type: :text,
"ng-model" => "query",
placeholder: "Search group name",
"ng-debounce" => "150",
"ofn-disable-enter" => true}
.group{"ng-repeat" => "group in groups = (Groups.groups | groups:query | orderBy:order)",
name: "group{{group.id}}",
id: "group{{group.id}}"}
.row.pad-top{bindonce: true}
.small-12.columns
.group-hero
%img.group-hero-img{"bo-src" => "group.promo_image"}
%img.group-logo{"bo-src" => "group.logo", "bo-if" => "group.logo"}
%h3.group-name
%i.ofn-i_035-groups
{{ group.name }}
%h5.group-description {{ group.description }}
.row.pad-top{bindonce: true}
.small-6.columns
%p {{ group.long_description }}
.small-6.columns
%h5 Our hubs & producers
%ul.small-block-grid-2
%li{"ng-repeat" => "enterprise in group.enterprises", "scroll-after-load" => true}
%hub-modal{"ng-if" => "enterprise.is_distributor"}
%producer-modal{"ng-if" => "!enterprise.is_distributor", "show-hub-actions" => 'true'}
{{ enterprise.name }}
.row.group_footer
.small-12.columns
%hr
.group{"ng-show" => "groups.length == 0"}
.row.pad-top
No groups found
= render partial: "shared/footer"