extends ../layout block content .content.content-alt .container .row .col-md-10.col-md-offset-1 .card(ng-controller="SubscriptionGroupMembersController") .page-header .pull-right(ng-cloak) small(ng-show="selectedUsers.length == 0") !{translate("you_have_added_x_of_group_size_y", {addedUsersSize:"{{ users.length }}", groupSize:"{{ groupSize }}"})} a.btn.btn-danger( href, ng-show="selectedUsers.length > 0" ng-click="removeMembers()" ) #{translate("remove_from_group")} h1 #{translate("group_account")} .row-spaced-small ul.list-unstyled.structured-list( select-all-list, ng-cloak ) li.container-fluid .row .col-md-5 input.select-all( select-all, type="checkbox" ) span.header #{translate("email")} .col-md-5 span.header #{translate("name")} .col-md-2 span.header #{translate("accepted_invite")} li.container-fluid( ng-repeat="user in users | orderBy:'email':true", ng-controller="SubscriptionGroupMemberListItemController" ) .row .col-md-5 input.select-item( select-individual, type="checkbox", ng-model="user.selected" ) span.email {{ user.email }} .col-md-5 span.name {{ user.first_name }} {{ user.last_name }} .col-md-2 span.registered i.fa.fa-check.text-success(ng-show="!user.invite") i.fa.fa-times(ng-show="user.invite") li( ng-if="users.length == 0", ng-cloak ) .row .col-md-12.text-centered small #{translate("no_members")} hr div(ng-if="users.length < groupSize", ng-cloak) p.small #{translate("add_more_members")} form.form .row .col-xs-6 input.form-control( name="email", type="text", placeholder="jane@example.com, joe@example.com", ng-model="inputs.emails", on-enter="addMembers()" ) .col-xs-4 button.btn.btn-primary(ng-click="addMembers()") #{translate("add")} .col-xs-2 a(href="/subscription/group/export") Export CSV div(ng-if="users.length >= groupSize && users.length > 0", ng-cloak) .row .col-xs-2.col-xs-offset-10 a(href="/subscription/group/export") Export CSV script(type="text/javascript"). window.users = !{JSON.stringify(users)}; window.groupSize = #{subscription.membersLimit};