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}

<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

entertainment

music

special series

NPR Community Home »

Groups »

Eco-nomical Holidays

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.