:: handbag.com

{macro pluralize(count, string)}${count} ${string}{if count != 1}s{/if}{/macro}
<div class="slGroupsDirectory">
	${breadcrumbs}
	{if options.displayGroupNotFoundMessage}
		<div class="slErrorText" style="display: block;">Sorry, the group you requested was not found.</div>
	{/if}
	<div class="slFindGroup">
		<div class="slFLC">
			<h2 class="slPageTitle">Find a Group</h2>
			${searchBar}
			{if showCreateGroup && (user.IsBlocked === 'False')}<a href="{if getCurrentUser().isAnonymous}${urls.login(urls.groups.groupList())}{else}${urls.groups.updateGroup()}{/if}" class="slButton2"><span class="slButton2_Right">START YOUR OWN GROUP</span></a>{/if}
		</div>
	</div>
	<div class="slGroups">
		<div class="slPagination">
			<ul>
				{if paginationVars.firstPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
				{if paginationVars.prevPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
				{if paginationVars.nextPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
				{if paginationVars.lastPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
			</ul>
			<div class="slClear"></div>
		</div>
		{if !options.searchString}
			<div class="slSort">
				<ul class="slFLC">
					<li class="slCallout">sort by:</li>
					<li><a href="javascript:void(0)" onclick="WIDGETINSTANCE.resortName()" {if sortBy == 'AlphabeticalDescending'} class="slIcon_DownArrow" {elseif sortBy == 'AlphabeticalAscending'} class="slIcon_UpArrow"{/if}>Name</a></li>
					<li class="slLast"><a href="javascript:void(0)" onclick="WIDGETINSTANCE.resortDate()" {if sortBy == 'TimeStampDescending'} class="slIcon_DownArrow" {elseif sortBy == 'TimeStampAscending'} class="slIcon_UpArrow"{/if}>Date Created</a></li>
				</ul>
			</div>
		{/if}
		<div class="slGroupList">
			<ul class="slFLC">
				{var odd = false}
				{for group in groups}
					<li class="{if odd}slAlt{/if}">
						<a href="${urls.groups.overview(group.CommunityGroupKey.Key)}">
							<img src="${group.AvatarImageUrl.replace('Small', 'Medium')}" class="slAvatar"/>
						</a>
						<div class="slInfo">
							<h3 class="slHeadline"><a href="${urls.groups.overview(group.CommunityGroupKey.Key)}" {if group.CommunityGroupVisibility == "Private"} class="slIcon_PrivateGroup" {/if}>${truncateString(group.Title, options.maxGroupTitleLength)}</a></h3>
							<p>${truncateString(group.Description, options.maxGroupDescriptionLength)}</p>
							<span class="slCallout">${group.CommunityGroupStats.MemberCount} Member{if group.CommunityGroupStats.MemberCount > 1}s{/if}</span>
							<p class="slCreatedOn">Created on ${group.CreatedDate.toLocaleString()}</p>
							{if group.RequestingUsersMembershipTier === 'GroupAdmin'}
							
								<p class="slDeleteGroup"><a href="javascript:void(0)" onclick="WIDGETINSTANCE.deleteThisGroup('${group.CommunityGroupKey.Key}')" class="slButton1"><span class="slButton1_Right"><span class="slIcon_Delete">Delete This Group</span></span></a></p>
								{var groupStats = group.CommunityGroupStats}
								<textarea id="${deleteWarningId}_${group.CommunityGroupKey.Key}" style="display:none;"><h2>Are you sure you want to delete the group ${group.Title}?</h2>
								<p>This will permanently delete the group's ${pluralize(groupStats.MemberCount, 'member')}, ${pluralize(groupStats.ForumDiscussionCount, 'discussion')}, ${pluralize(groupStats.BlogPostCount, 'blog post')}, ${pluralize(groupStats.PhotoCount, 'photo')}, ${pluralize(groupStats.VideoCount, 'video')}, and ${pluralize(groupStats.UpcomingEventCount, 'upcoming event')}.</p></textarea>
								
							{/if}
						</div>
					</li>
					{var odd = !odd}
				{forelse}
					{if emptySearchResults}
						We didn't find any groups that match your search.  
						{if showCreateGroup && (user.IsBlocked === 'False')}
							If you would like, you can <a href="{if getCurrentUser().isAnonymous}${urls.login(urls.groups.groupList())}{else}${urls.groups.updateGroup()}{/if}">create a group</a> about this topic.
						{/if}
					{elseif showCreateGroup && (user.IsBlocked === 'False')}
						<div  class="slNoContent">Be the first to <a href="{if getCurrentUser().isAnonymous}${urls.login(urls.groups.groupList())}{else}${urls.groups.updateGroup()}{/if}">create a group!</a>
					{else}
						<div  class="slNoContent">There are currently no groups.</div>
					{/if}
					
				{/for}
			</ul>
		</div>
	</div>
	${pluckLogo}
	<div class="slPagination">
		<ul>
			{if paginationVars.firstPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
			{if paginationVars.prevPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
			{if paginationVars.nextPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
			{if paginationVars.lastPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
		</ul>
		<div class="slClear"></div>
	</div>
</div>
${confirmationBox}

Community help

Click here for all your community problems and questions solved

Forums