NPR Community Group : NPR

{macro pluralize(count, string)}${count} ${string}{if count != 1}s{/if}{/macro}
<div class="slGroupsDirectory">
    ${breadcrumbs}
    <div class="slFindGroup">
        <div class="slFLC">
            <h2 class="slPageTitle">Find a Group</h2>
            ${searchBar}

</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 stationGroupFound = null;}
                {for group in groups}
                    {if group.Section != "stations"}
                       
                    {else}
					   {var stationGroupFound = 1;}
                        <li>
                            <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} Fan{if group.CommunityGroupStats.MemberCount > 1}s{/if}</span>
                                <p class="slCreatedOn">Created on ${group.CreatedDate.toLocaleString()}</p>
                            </div>
                        </li>
                    {/if}
                {forelse}
                    {if emptySearchResults}
                        We didn't find any groups that match your search.
                    {/if}
                {/for}
				{if !stationGroupFound}
				    We didn't find any groups that match your search.
			    {/if}
            </ul>
        </div>
    </div>
    <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}

{macro memberLayout(membershipTier, member)}
		{if (group.RequestingUsersMembershipTier == 'GroupAdmin') && (user.UserKey.Key != member.User.UserKey.Key)}
			<span class="slCallout">Admin Tools:</span>
			{if membershipTier == 'Manager'}
				{if WIDGETINSTANCE.currentUserTierAtLeast(getCurrentUser(), "editor")}
					<a href="#" onclick="WIDGETINSTANCE.promoteToAdmin('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slDemote">Make Owner</a>
				{/if}
				<a href="#" onclick="WIDGETINSTANCE.demoteMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slDemote">Demote Fan</a>
			{/if}
			{if membershipTier == 'Member'}
				<a href="#" onclick="WIDGETINSTANCE.promoteMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slDemote">Promote to Manager</a>
			{/if}
			{if membershipTier == 'Member' || membershipTier == 'Manager'}
				<a href="#" onclick="WIDGETINSTANCE.banMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slBan">Ban Fan</a>
			{/if}
			{if displayBannedMembers == true}
				<a href="#" onclick="WIDGETINSTANCE.revokeBannedStatus('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slBan">Revoke Banned Status</a>
			{/if}
		{elseif (group.RequestingUsersMembershipTier == 'Manager')}
			{if membershipTier == 'Member'}
				<a href="#" onclick="WIDGETINSTANCE.banMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slBan">Ban Fan</a>
			{/if}
			{if displayBannedMembers == true}
				<a href="#" onclick="WIDGETINSTANCE.revokeBannedStatus('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slBan">Revoke Banned Status</a>
			{/if}
		{/if}
	{/macro}
	
{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
	<a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private group.  You must be a fan to view its membership list.
{else}	
	<div class="Wrapper">	
		<div id="slMembersDirectory" class="slMembersDirectory slV2">
			${header}

<div class="slMembers">
				<div class="slPagination">
					<ul>
						{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
						{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
						{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
						{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
					</ul>
					<div class="slClear"></div>
				</div>
				{if !generateSearchResults}
				<div class="slSort">
					<ul>
						<li class="slCallout">sort by:</li>
						<li {if sortName} class="slSelected" {/if}><a href="#" onclick="WIDGETINSTANCE.resortName();" {if sortName == 'AlphabeticalDescending'} class="slIcon_DownArrow" {elseif sortName == 'AlphabeticalAscending'} class="slIcon_UpArrow"{/if}>Name</a></li>
						<li class="slLast" {if sortDate} class="slSelected" {/if}><a href="#" onclick="WIDGETINSTANCE.resortDate(); return false;" {if sortDate == 'TimeStampDescending'} class="slIcon_DownArrow" {elseif sortDate == 'TimeStampAscending'} class="slIcon_UpArrow"{/if}>Date Joined</a></li>
					</ul>
					<div class="slClear"></div>
				</div>
				{/if}
				{if !generateSearchResults}
				<div class="slFilter">
					<ul>
						<li class="slCallout">filter by:</li>
						<li {if group.RequestingUsersMembershipTier === 'Member'} class="slLast" {/if} {if displayPendingMembers == false && displayBannedMembers == false && displayGroupManagers == false} class="slSelected" {/if}><a href="#" onclick="WIDGETINSTANCE.showCurrentMembers();">Current Fans (${group.CommunityGroupStats.MemberCount})</a></li>
						{if group.CommunityGroupVisibility == 'Private' && group.RequestingUsersMembershipTier == 'GroupAdmin' || group.RequestingUsersMembershipTier == 'Manager'}
							<li {if displayPendingMembers == true} class="slSelected" {/if}><a href="#" id="${pendingMemberId}" onclick="WIDGETINSTANCE.showPendingMembers();">Pending Members (${group.CommunityGroupStats.PendingMemberCount})</a></li>
						{/if}
						{if group.RequestingUsersMembershipTier == 'GroupAdmin' || group.RequestingUsersMembershipTier == 'Manager'}
							<li {if displayBannedMembers == true} class="slSelected" {/if}><a href="#" onclick="WIDGETINSTANCE.showBannedMembers();">Banned Fans</a></li>
						{/if}
						{if group.RequestingUsersMembershipTier == 'GroupAdmin'}
							<li class="slLast" {if displayGroupManagers == true} class="slSelected" {/if}><a href="#" onclick="WIDGETINSTANCE.showGroupManagers();">Group Managers</a></li>
						{/if}
					</ul>
					<div class="slClear"></div>
				</div>
				{/if}
				<div class="slMemberList">
					<ul class="slFLC">{for member in members}
						<li>
							<a href="${member.User.PersonaUrl}" class="slAvatar"><img class="slAvatarMedium" src="${member.User.ImageUrl}"/></a>
							<div class="slInfo">
								<h3 class="slHeadline"><a {if member.MembershipTier == "GroupAdmin"} class="slIcon_AdminBadge" {/if} href="${member.User.PersonaUrl}">${member.User.DisplayName}</a></h3>
								<p>${truncateString(member.User.AboutMe, 150)}</p>
								{if member.User.Location != ''}
								<span class="slLocation slCallout">${member.User.Location}</span>
								{/if}
								{if member.User.ExtendedProfile.StaffTitle != null}
								<span class="slLocation slCallout"> ${member.User.ExtendedProfile.StaffTitle}</span>
								{/if}
								<span class="slCallout">{if member.MembershipTier == 'Member'}Fan{else}${member.MembershipTier}{/if}</span>
								<a class="slFriendCount">${member.User.NumberOfFriends} Friends</a>
								{if pendingMemberSelected == 'false'}
									<div class="slUserAdmin">
										{if !generateSearchResults}
											${memberLayout(member.MembershipTier, member)}
										{else}
											${memberLayout(member.membership.MembershipTier, member)}
										{/if}
									</div>
								{/if}
								{if pendingMemberSelected == 'true'}
									<div class="slUserAdmin">
										<span class="slCallout">Admin Tools:</span>
										<a href="#" onclick="WIDGETINSTANCE.approveMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slApprove">Approve Fan</a>
										<a href="#" onclick="WIDGETINSTANCE.denyMember('${member.User.UserKey.Key}', '${groupKeyString}', '${member.User.DisplayName}');" class="slDeny">Deny Fan</a>
									</div>
								{/if}
						
							</div>
						</li>			
					{/for}</ul>
				</div>
				{if emptySearchResults}<p>Your search returned no results.</p>{/if}
			</div>
			<div class="slPagination">
				<ul>
					{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
					{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
					{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
					{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript:WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
				</ul>
				<div class="slClear"></div>
			</div>
		</div>
	</div>		
{/if}
	${messageBox}

News/Talk

Music

News/Talk Morning Edition All Things Considered Fresh Air Talk of the Nation Tell Me More Wait Wait...Don't Tell Me Weekend Edition Saturday Weekend Edition Sunday	Music All Songs Considered From the Top JazzSet Marian McPartland's Piano Jazz Mountain Stage World Cafe World of Opera
More Programs A-Z