{{ui/ui-button color=constants.Color.Green light=true icon=constants.Icon.People label=constants.Label.Add onClick=(action "onShowAddGroupModal")}} {{ui/ui-spacer size=300}}

Add Group

Name {{focus-input id="new-group-name" type="text" class="form-control mousetrap" placeholder="Enter group name" value=newGroup.name}} e.g. Managers, Developers, Acme Team

Description (optional) {{textarea id="new-group-desc" value=newGroup.purpose class="form-control" rows="3"}}

{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Close dismiss=true}} {{ui/ui-button-gap}} {{ui/ui-button color=constants.Color.Red light=true label=constants.Label.Add onClick=(action "onAddGroup")}}

Put these as cards with nice action CTAs

{{group.name}} ({{group.members}}) {{#if group.purpose}}

{{#attach-tooltip showDelay=1000}}Edit group{{/attach-tooltip}}

{{#attach-tooltip showDelay=1000}}Delete group{{/attach-tooltip}}

No groups

Delete Group

Are you sure you want to delete this group?

Please type group name to confirm {{input id="delete-group-name" type="text" class="form-control mousetrap" placeholder="Group name" value=deleteGroup.name}} This will remove group membership information and associated permissions!

Edit Group

Name {{input id="edit-group-name" type="text" class="form-control mousetrap" placeholder="Enter group name" value=editGroup.name}} e.g. Managers, Developers, Acme Team

Description (optional) {{textarea id="edit-group-desc" value=editGroup.purpose class="form-control" rows="3"}}

{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Close dismiss=true}} {{ui/ui-button-gap}} {{ui/ui-button color=constants.Color.Green light=true label=constants.Label.Save onClick=(action "onEditGroup")}}

Remove Member — {{membersGroup.name}} ({{members.length}})

{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Close dismiss=true}}

Add Member — {{membersGroup.name}} ({{members.length}})

Search users to join this group {{input id="group-members-search" type="text" class="form-control mousetrap" placeholder="Search members and users..." value=searchText key-up=(action "onSearch")}} search firstname, lastname, email

{{#attach-tooltip showDelay=1000}}Number of users to display{{/attach-tooltip}} 1 10 25 50 100 250 500 1,000 all

{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Close dismiss=true}}