NPR Community Group : NPR

Weekend Soapbox »

The Eco-nomical Holidays group is a companion to a series on Weekend Edition seeking out eco-friendly and economical gifts for the holiday season.

{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}

<div id="slGroupLanding" class="slGroupLanding slV2">
    {if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
        <div class="slColumn1">
            ${header}
            <div class="slPrivateGroupSummary">
              This private group has:
              <ul class="slGroupStatsList">
                <li class="slGroupStats">${group.CommunityGroupStats.MemberCount} Members</li>
                <li class="slGroupStats">${group.CommunityGroupStats.ForumDiscussionCount} Forum Discussions</li>
                <li class="slGroupStats">${group.CommunityGroupStats.BlogPostCount} Blog Posts</li>
                <li class="slGroupStats">${group.CommunityGroupStats.PhotoCount} Photos</li>
                <li class="slGroupStats">${group.CommunityGroupStats.VideoCount} Videos</li>
                <li class="slGroupStats">${group.CommunityGroupStats.UpcomingEventCount} Upcoming Events</li>
              </ul>
            </div>
          </div>
          <div class="slColumn2">
            ${status}
          </div>
    {else}
          <div class="slColumn1">
              ${recentConversations}
              ${miniMediaList}
          </div>
          <div class="slColumn2">
              ${status}
 <div class="slMembersBox slContainer2">
     <div class="slHeader"><div class="slHeader_Right">
         <h3 class="slSectionTitle">{if group.Section == "stations"}Fans{else}Members{/if}</h3>
     </div>
 </div>
              ${miniMemberList}
              ${groupLinks}
              ${upcomingEvents}
              ${managerList}
          </div>
    {/if}
</div>
${messageBox}

{macro showReportAbuseForGroup()}
${showReportAbuse('CommunityGroupKey', group.CommunityGroupKey.Key, group.CurrentUserHasReportedAbuse == 'True')}
{/macro}
{macro rssLink()}
<a href="${urls.groups.rss(group.CommunityGroupKey.Key)}" class="slIcon_Rss" target="_blank">Subscribe</a>
{/macro}
{if group.HasPendingMembership == 'True'}
    <div class="slContent">
        Your group membership request is pending.
        <div class="slClear"></div>
        <p>${showReportAbuseForGroup()}</p>
    </div>
{elseif group.CommunityGroupVisibility == 'Private' && group.RequestingUsersMembershipTier == 'NonMember'}
    {if invitation}
        <a href="{if getCurrentUser().isAnonymous}${urls.login(urls.groups.overview(group.CommunityGroupKey.Key))}{else}javascript:void(0){/if}" {if !getCurrentUser().isAnonymous} onclick="WIDGETINSTANCE.joinThisGroup()" {/if} class="slButton2"><span class="slButton2_Right">ACCEPT INVITATION</span></a>
        <div class="slClear"></div>
        <p>${showReportAbuseForGroup()}</p>
    {else}
        <a href="{if getCurrentUser().isAnonymous}${urls.login(urls.groups.overview(group.CommunityGroupKey.Key))}{else}javascript:void(0){/if}" {if !getCurrentUser().isAnonymous} onclick="WIDGETINSTANCE.requestToJoinThisGroup()" {/if} class="slButton2"><span class="slButton2_Right">REQUEST TO JOIN</span></a>
        <div class="slClear"></div>
        <p>${showReportAbuseForGroup()}</p>
    {/if}
{elseif group.RequestingUsersMembershipTier == 'NonMember'}
    <div class="slJoinGroup">
        <a href="#" onclick="WIDGETINSTANCE.joinThisGroup()" class="slButton2"><span class="slButton2_Right">JOIN THIS GROUP</span></a>
    </div>
    <div class="slGroupAdminTools slContainer">
        <ul class="slContent slFLC">
            <li>${showReportAbuseForGroup()}</li>
            <li>${rssLink()}</li>
        </ul>
    </div>
{elseif group.RequestingUsersMembershipTier == 'Manager' || group.RequestingUsersMembershipTier == 'GroupAdmin'}
<div class="slGroupAdminTools slContainer">
    <h3 class="slSectionTitle">Admin Controls</h3>
    <ul class="slContent slFLC">
        {if group.RequestingUsersMembershipTier == 'GroupAdmin'}
        <li><a href="${urls.groups.updateGroup(group.CommunityGroupKey.Key)}" class="slIcon_Edit">Edit Group</a></li>
        {/if}
        <li><a href="${urls.groups.manageMembers(group.CommunityGroupKey.Key)}" class="slIcon_Members">Manage {if group.Section == "stations"} Fans{else} Members{/if}</a></li>
        <li><a href="${urls.groups.updateLink(group.CommunityGroupKey.Key)}" class="slIcon_Link">Edit Group Links</a></li>
        <li><a href="${urls.groups.inviteFriend(group.CommunityGroupKey.Key)}" class="slIcon_InviteFriend">Invite a friend</a></li>
        <li>${showReportAbuseForGroup()}</li>
        <li>${rssLink()}</li>
        {if group.RequestingUsersMembershipTier === 'GroupAdmin'}
            <li class="slDeleteGroup"><a href="${urls.groups.requestGroupDeletion(group.CommunityGroupKey.Key)}" class="slIcon_Delete">Request Group Deletion</a></li>
        {/if}
    </ul>
    <div class="slFLC slButtonStrip">
    {if group.RequestingUsersMembershipTier === 'Manager'}
        <a href="javascript:void(0)" onclick="WIDGETINSTANCE.leaveThisGroup()" class="slButtonLeave slButton1"><span class="slButton1_Right">Leave this Group</span></a>
    {/if}
    </div>
</div>
{elseif group.RequestingUsersMembershipTier == 'Member'}
<div class="slGroupMember slContainer">
    <div class="slFLC slButtonStrip">
        <a href="javascript:void(0)" onclick="WIDGETINSTANCE.leaveThisGroup()" class="slButtonLeave slButton1"><span class="slButton1_Right">Leave this Group</span></a>
    </div>
    <ul class="slContent slFLC">
        <li><a href="${urls.groups.inviteFriend(group.CommunityGroupKey.Key)}" class="slIcon_InviteFriend">Invite a friend</a></li>
        <li>${rssLink()}</li>
        <li>${showReportAbuseForGroup()}</li>
    </ul>
</div>
{/if}
${statusReportAbuseDialog}
${messageBox}
${confirmMessageBox}

{var BLOGS_TAB = 'Blogs'}
{var DISCUSSIONS_TAB = 'Discussions'}
<div class="slRecentConversations slContainer">
	<ul class="slTabs">
		<li class="{if options.currentTab == BLOGS_TAB}slSelected{/if}"><a href="javascript:void(0)" onclick="WIDGETINSTANCE.showBlogsTab()">Blog Posts</a></li>
		<li class="{if options.currentTab == DISCUSSIONS_TAB}slSelected{/if}"><a href="javascript:void(0)" onclick="WIDGETINSTANCE.showDiscussionsTab()">Discussions</a></li>
	</ul>
	<a class="slAddNew" href="{if options.currentTab === BLOGS_TAB}${urls.groups.showBlog(options.groupKey, blogKey)}{elseif options.currentTab === DISCUSSIONS_TAB}${urls.groups.showForumDiscussion(options.groupKey, forumKey)}{/if}"></a>
	<h2 class="slSectionTitle">Recent Conversations</h2>
	{if options.currentTab == BLOGS_TAB}
		<a class="slViewAll" href="${urls.groups.showBlog(options.groupKey, blogKey)}">
			{if blogPosts.length > 0}
				View all »
			{else}
				
			{/if}
		</a>
	{elseif options.currentTab == DISCUSSIONS_TAB}
		<a class="slViewAll" href="${urls.groups.showForumDiscussion(options.groupKey, forumKey)}">
			{if discussionPosts.length > 0}
				View all »
			{else}
				Start a discussion »
			{/if}
		</a>
	{/if}
	<ul class="slContent">
		{if options.currentTab == BLOGS_TAB}
			{for blog in blogPosts}
				{var blogPostLink = urls.groups.showBlogPost(options.groupKey, blogKey, blog.BlogPostKey.Key)}
				<li class="{if WIDGETINSTANCE.isBozo(blog.PostAuthor)} slBozoContent{/if}">
				<a href="${blogPostLink}" class="slHeadline">${blog.PostTitle}</a>
					<div class="slInfo">
						by <a href="${urls.personas.home(blog.PostAuthor.UserKey.Key)}" class="slUserName">${blog.PostAuthor.DisplayName}</a> <span class="slDetails">${toLocalTimeString(blog.PostDate)}</span> <a href="${blogPostLink}" class="slInfoDetails">${blog.NumberOfComments} Comments</a>
					</div>
					<p>${truncateString(blog.PostBody, 300)}<div class="slContent"><a href="${blogPostLink}" class="slReadMore">Read more »</a></p></div>
				</li>
			{forelse}
				<div>This blog has no activity yet.</div>
			{/for}
		{elseif options.currentTab == DISCUSSIONS_TAB}
			{for discussion in discussionPosts}
				{var discussionLink = urls.groups.showForumPost(options.groupKey, discussion.ForumDiscussionKey.Key)}
				<li class="{if WIDGETINSTANCE.isBozo(discussion.LiteUser)} slBozoContent{/if}">
				<a href="${discussionLink}" class="slHeadline">${discussion.DiscussionTitle}</a>
					<div class="slInfo">
						by <a href="${urls.personas.home(discussion.UserKey.Key)}" class="slUserName">${discussion.LiteUser.DisplayName}</a> <span class="slDate">${toLocalTimeString(discussion.LastUpdated)}</span>
					</div>
					<p>${truncateString(discussion.DiscussionBody, 300)}<div class="slContent"><a href="${discussionLink}" class="slReadMore">Read more »</a></p></div>
				</li>
			{forelse}
				<div>This forum has no activity yet.</div>
			{/for}
		{/if}
	</ul>
</div>

{var PHOTOS_TAB = 'photo'}
{var VIDEOS_TAB = 'video'}
<div class="slMediaBox slContainer2">
	<div class="slHeader"><div class="slHeader_Right"><a href="${urls.groups.showGallery(options.groupKey, galleryKey, options.currentTab)}" class="slIcon_Upload" title="Click here to upload a new ${options.currentTab}"></a><h3 class="slSectionTitle">Recent Group Media</h3></div></div>
	<div class="slContent">
		<ul class="slTabs">
			<li {if options.currentTab === PHOTOS_TAB} class="slSelected"{/if}><a href="javascript:void(0)" onclick="WIDGETINSTANCE.showPhotosTab()">Group Photos</a></li>
			<li {if options.currentTab === VIDEOS_TAB} class="slSelected"{/if}><a href="javascript:void(0)" onclick="WIDGETINSTANCE.showVideosTab()">Group Videos</a></li>
		</ul>
		{if media.length > 0}
			<ul class="slItems">
				{for medium in media}
				{if options.currentTab === PHOTOS_TAB}
					{var url = urls.groups.showPhoto(options.groupKey, galleryKey, medium.PhotoKey.Key)}
					{if medium.Image.Small == ""}
						{var photoThumbnail = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/images/Missing-File-Icon.jpg"}
					{else}
						{var photoThumbnail = medium.Image.Small}
					{/if}
				{elseif options.currentTab === VIDEOS_TAB}
					{var url = urls.groups.showVideo(options.groupKey, galleryKey, medium.VideoKey.Key)}
					{if medium.VideoThumbnail == ""}
						{var videoThumbnail = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/images/Missing-File-Icon.jpg"}
					{else}
						{var videoThumbnail = medium.VideoThumbnail}
					{/if}
				{/if}
				<li {if WIDGETINSTANCE.isBozo(medium.Author)} class="slBozoContent"{/if}>
					<a href="${url}" class="slMediaThumbnail" title="${medium.Title}">
						<img alt="" src="{if options.currentTab === PHOTOS_TAB}${photoThumbnail}{elseif options.currentTab === VIDEOS_TAB}${videoThumbnail}{/if}" />
					</a>
				</li>
				{/for}
			</ul>
		{else}
			{if currentGroup.RequestingUsersMembershipTier === 'NonMember'}
				<p class="slDefaultText slItems"><a href="#" onclick="WIDGETINSTANCE.joinThisGroup();">Join this group</a> to upload ${options.currentTab}s.<p>
			{else}
				<p class="slDefaultText slItems"><a href="${urls.groups.showGallery(options.groupKey, galleryKey, options.currentTab, true)}">Upload the first ${options.currentTab}</a> for this group.</p>
			{/if}
		{/if}
		<div class="slClear"></div>
	</div>
	<div class="slFooter"><div class="slFooter_Right">
		{if media.length <= 0 && currentGroup.RequestingUsersMembershipTier !== 'NonMember'}
			<a href="${urls.groups.showGallery(options.groupKey, galleryKey, options.currentTab, true)}">Upload a ${options.currentTab} »</a>
		{else}
			<a href="${urls.groups.showGallery(options.groupKey, galleryKey, options.currentTab)}">View all »</a>
		{/if}
	</div></div>
</div>

<div class="slGroupActivity slContainer">
	<h2 class="slSectionTitle">Recent Group Activity</h2>
	<ul class="slContent">
		{var group = currentGroup}
		{var groupKey = group.CommunityGroupKey.Key}
		{for activity in groupActivities}
			{var user = activity.LiteUserResponse}
			{var userName = user.DisplayName}
			{var userLink = urls.personas.home(user.UserKey.Key)}
			{var thumbnail = false}
			{var verb = false}
			{var itemTitle = truncateString(activity.Title, 20)}
			{var itemLink = false}
			{var parentAttribution = false}
			{var parentTitle = false}
			{var parentLink = false}
			{var unknownActivity = false}
			{var avatarImageUrl = activity.LiteUserResponse.ImageUrl}
			
			{var readmore}
			{var readMoreText = "Read more»"}
			{var date = toLocalTimeString(activity.ActivityDate)}
			{var body = truncateString(activity.Abstract, options.maxBodyLength)}
			
			{if activity.ActivityType == 'ForumDiscussion'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a discussion"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the discussion"}
					{else}
						{var verb = "started the discussion"}
					{/if}
					
					{var itemLink = urls.groups.showForumPost(groupKey, activity.TargetKey)}
					{var readmore = itemLink}
				{/if}
				
			{elseif activity.ActivityType == 'ForumPost'}
				{var itemLink = urls.groups.showForumPost(groupKey, activity.TargetKey)}
			
				{var discussion = discussions[WIDGETINSTANCE.makeForumDiscussionKey(activity.TargetKey)]}
				{if discussion}
					{var parentTitle = discussion.DiscussionTitle}
					{var parentLink = itemLink}
				{/if}
				
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a forum post"}
					{if parentTitle}
						{var parentAttribution = "from the discussion"}
						{var itemLink = false}
					{elseif}
						{var parentAttribution = ""}
						{var parentTitle = ""}
						{var itemLink = false}
					{/if}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the forum post"}
						{var parentAttribution = "in the discussion"}
					{else}
						{var verb = "posted to the discussion"}
						{var itemTitle = parentTitle ? parentTitle : itemTitle}
						{var parentAttribution = false}
					{/if}
					
					{var itemLink = urls.groups.showForumPost(groupKey, activity.TargetKey)}
					{var readmore = itemLink}
				{/if}
				
			{elseif activity.ActivityType == 'BlogPost'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a blog post"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the blog post"}
					{else}
						{var verb = "added the blog post"}
					{/if}
					
					{var itemLink = urls.groups.showBlogPost(groupKey, group.BlogKey.Key, activity.TargetKey)}
					{var readmore = itemLink}
				{/if}
				
			{elseif activity.ActivityType == 'Photo'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a photo"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the photo"}
					{else}
						{var verb = "added the photo"}
					{/if}
					
					{var itemLink = urls.groups.showPhoto(groupKey, group.PhotoGalleryKey.Key, activity.TargetKey)}
					{var readmore = urls.groups.showGallery(groupKey, group.PhotoGalleryKey.Key, "photo")}
					{var url = urls.groups.showPhoto(groupKey, group.PhotoGalleryKey.Key, activity.TargetKey)}
					{var readMoreText = "Go to gallery"}
					{var thumbnail = activity.Image.Small}
				{/if}
				
			{elseif activity.ActivityType == 'Video'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a video"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the video"}
					{else}
						{var verb = "added the video"}
					{/if}
					
					{var itemLink = urls.groups.showVideo(groupKey, group.VideoGalleryKey.Key, activity.TargetKey)}
					{var readmore = urls.groups.showGallery(groupKey, group.VideoGalleryKey.Key, "video")}
					{var url = urls.groups.showVideo(groupKey, group.VideoGalleryKey.Key, activity.TargetKey)}
					{var readMoreText = "Go to gallery"}
					{var thumbnail = activity.Image.Small}
				{/if}
				
			{elseif activity.ActivityType == 'Comment'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a comment"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited a comment on"}
					{else}
						{var verb = "commented on"}
					{/if}
					
					{var comment = comments[activity.TargetKey]}
					{if comment}
						{var itemLink = WIDGETINSTANCE.makeCommentLink(comment)}
						{var readmore = itemLink}
					{/if}
				{/if}
				
			{elseif activity.ActivityType == 'Event'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted an event"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "updated the event"}
					{else}
						{var verb = "created a new event: "}
					{/if}
					
					{var event = events[activity.TargetKey]}
					{if event}
						{var body = '<div class="slEventDateTime">This event is on ' + toLocalTimeString(event.StartDate) + ' at ' + event.Location + '</div>' + body}
						{var itemLink = urls.groups.showEvent(groupKey, activity.TargetKey)}
						{var readmore = itemLink}
					{/if}
				{/if}
			{elseif activity.ActivityType === 'CommunityGroupMembership'}
				{var body = ''}
				{var itemTitle = ''}
				{var readmore = urls.personas.home(activity.TargetKey)}
				{var itemLink = urls.personas.home(activity.LiteUserResponse.UserKey.Key)}
				{var readMoreText = 'View member profile'}
				{if activity.ActivityAction === 'Deleted'}
					{var verb = 'removed a member'}
				{else}
					{if activity.ActivityAction === 'Updated'}
						{var verb = 'changed <a href="' + itemLink + '">' + activity.Title + '</a> to a ' + activity.Abstract}
					{else}
						{var verb = 'became a member'}
						{if activity.TargetKey !== activity.LiteUserResponse.UserKey.Key}
							{var newUserLink = '<a href="' + readmore + '">' + activity.Title + '</a>'}
							{var verb = 'made ' + newUserLink + ' a member'}
							{var readMoreText = "View " + activity.Title + "'s profile"}
						{/if}
					{/if}
				{/if}
			{elseif activity.ActivityType === 'CommunityGroupInvitation'}
				{var body = ''}
				{var itemTitle = ''}
				{var readmore = urls.personas.home(activity.TargetKey)}
				{var itemLink = urls.personas.home(activity.LiteUserResponse.UserKey.Key)}
				{var readMoreText = 'View member profile'}
				{if activity.ActivityAction === 'Added'}
					{var newUserLink = '<a href="' + readmore + '">' + activity.Title + '</a>'}
					{var verb = 'sent ' + newUserLink + ' an invitation'}
					{var readMoreText = "View " + activity.Title + "'s profile"}
				{/if}
			{elseif activity.ActivityType === 'CommunityGroupUserBan'}
				{var body = ''}
				{var itemTitle = ''}
				{var readmore = urls.personas.home(activity.TargetKey)}
				{var itemLink = urls.personas.home(activity.LiteUserResponse.UserKey.Key)}
				{var readMoreText = 'View member profile'}
				{if activity.ActivityAction === 'Added'}
					{var newUserLink = '<a href="' + readmore + '">' + activity.Title + '</a>'}
					{var verb = 'has banned ' + newUserLink}
					{var readMoreText = "View " + activity.Title + "'s profile"}
				{/if}
			{else}
				{var unknownActivity = true}
			{/if}
			
			{if !unknownActivity}
				<li class="slItem slFLC {if WIDGETINSTANCE.isBozo(user)} slBozoContent{/if}">
					{if thumbnail}
						<div class="slPhotoItems">
							<a href="${url}">
								<img alt="" src="${thumbnail}" />
							</a>
						</div>
					{/if}
					<a href="${userLink}"><img class="slAvatarTiny" src="${avatarImageUrl}"/></a>
					<div class="slInfo">
						<div class="slHeadline">
							<a href="${userLink}">${userName}</a>
							${verb}
							{if itemLink}
								<a href="${itemLink}">${itemTitle}</a>
							{else}
								${itemTitle}
							{/if}
							{if parentAttribution}
								${parentAttribution} <a href="${parentLink}">${parentTitle}</a>
							{/if}
						</div>
						<div class="slBody">
							${body}
							<div class="slContent">{if readmore}<a href="${readmore}" class="slReadMore">${readMoreText}</a>{/if}</div>
							
						</div>
						<div class="slTimestamp">
							${date}
						</div>
					</div>
				</li>
			{else}
				
			{/if}
		{forelse}
            
		{/for}
	</ul>
</div>

News/Talk

Music

News/Talk Morning Edition All Things Considered Day to Day Fresh Air News & Notes 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