Groups

AARP The Magazine (Public)

Talk about stories that have appeared in AARP The Magazine - and give story ideas of your own!

${breadcrumbs}
            <div class="slGroupInfo">
                <a href="${urls.groups.overview(group.CommunityGroupKey.Key)}"><img alt="" src="${group.AvatarImageUrl}" class="slAvatar"/></a>
                <h1 class="slPageTitle">${options.prependTitle} ${group.Title} <span class="groupClass">(${group.CommunityGroupVisibility})</span> ${options.appendTitle}</h1>
            </div>
        
            {if options.showTearOff != 'False'}
            {var tearOffGroupUrl = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/groups/widget.js";}
            <div id="${tearOffId}" style="display: none">
                <div class="slSectionTitle">
                    Take This ${options.tearOffType} With You
                </div>
                <div class="slForm">
                    <div class="slFormField">
                        <label>Copy and paste the text below into any website or blog</label>
                        <textarea class="slFormInput slFormInputText" style="height:300px;">
                        
                        <div style="width: 1000px;">
                            <script type="text/javascript">
                                PLUCKSL_WIDGET_URL = ${windowScript}
                                PLUCKSL_WIDGET_URL();
                            </script>
                            <div class="slV2">
                                <script type="text/javascript" src="${tearOffGroupUrl}"></script>
                            </div>
                            <script type="text/javascript">
                                FCKeditor_IsCompatibleBrowser = function() { return false; }
                            </script>
                            <div><br style="clear:both;"/></div>
                        </div>
                        
                        </textarea>
                    </div> 
                    <div class="slButtons slFLC">
                        <a href="javascript:void(0);" onclick="WIDGETINSTANCE.hideTearOff(); return false;" class="slCancel">Close</a>
                    </div>
                </div>
            </div>
            ${tearOffModal}
            {/if}

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
            <div id="slGroupLanding" class="slGroupLanding slV2">
                <div class="slColumn1">
                    <div class="slPrivateGroupSummary">
                        This private group has:
                        <div class="slGroupStatsList">
                            <span class="slGroupStats">${group.CommunityGroupStats.MemberCount}</span> members,
                            <span class="slGroupStats">${group.CommunityGroupStats.ForumDiscussionCount}</span> discussions,
                            <span class="slGroupStats">${group.CommunityGroupStats.BlogPostCount}</span> blog posts,
                            <span class="slGroupStats">${group.CommunityGroupStats.PhotoCount}</span> photos,
                            <span class="slGroupStats">${group.CommunityGroupStats.VideoCount}</span> videos and
                            <span class="slGroupStats">${group.CommunityGroupStats.UpcomingEventCount}</span> upcoming events
                        </div>
        
                    </div>
                </div>
                <div class="slColumn2 externalApps">
                    <div class="slCmsContent"></div>
                    ${status}
                </div>
            </div>
            {else}
        
            <div id="slGroupLandingWait" class="slBuildWait slV2">
                <div class="slWaitTimePassage"></div>
                <div class="slWaitMsg">Please wait while we retrieve the information.</div>
        
            </div>
            <div id="slGroupLanding" class="slGroupLanding slV2" style="display:none;">
                <div class="slColumn1">
                    ${searchBar}
                    ${recentConversations}
                    ${recentActivities}
                    ${managerList}
                </div>
                <div class="slColumn2 externalApps">
                    <div class="slCmsContent"></div>
                    
                    ${status}
                    ${miniMemberList}
                    ${miniMediaList}
                    ${upcomingEvents}
                    ${groupLinks}
                    ${pluckLogo}
                </div>
            </div>
            {/if}
            ${messageBox}
        
            <div id="${newestMemberMessageId}" style="display:none;">
                <h2>You are the newest member of "%0"</h2>
            </div>
            <div id="${joinThisGroupMessageId}" style="display:none;">
                <h2>Submit a request to join "%0"</h2>
            </div>

{for item in paginationLimit}
                            {if thisPage <= endPage}
                                {if item <= maxPage}
                                    {if thisPage != currentPage}
                                        <li><a href="#" class="paginationNumber" onclick="WIDGETINSTANCE.gotoPage(${thisPage}); return false;">${thisPage}</a></li>
                                    {else}
                                        <li><span class="paginationNumber">${thisPage}</span>
                                    {/if}

{/if}
                            {/if}
                            {var thisPage = thisPage + 1}
                        {/for}

{if hasLastPage}
                            <li><span class="slPaginationSeparator">...</span></li>
                            <li><a href="#" class="paginationNumber" onclick="WIDGETINSTANCE.gotoPage(${maxPage}); return false;">${maxPage}</a></li>
                        {/if}
                        {if paginationVars.nextPageNum}
                            <li><a href="#" class="slPaginationButtonNext" onclick="WIDGETINSTANCE.nextPage(); return false;"></a></li>
                        {else}
                            <li><span class="slPaginationButtonNextDisabled"></span></li>
                        {/if}
                    {else}
                        {if paginationVars.firstPageNum}<li><a href="#" onclick="WIDGETINSTANCE.firstPage(); return false;">« First</a></li>{/if}
                        {if paginationVars.prevPageNum}<li><a href="#" onclick="WIDGETINSTANCE.prevPage(); return false;">Previous</a></li>{/if}
                        {if paginationVars.nextPageNum}<li><a href="#" onclick="WIDGETINSTANCE.nextPage(); return false;">Next</a></li>{/if}
                        {if paginationVars.lastPageNum}<li><a href="#" onclick="WIDGETINSTANCE.lastPage(); return false;">Last »</a></li>{/if}
                    {/if}
                    </ul>
                    <div class="slClear"></div>
                    {/if}
                </div>
            {/macro}
                <div id="slGroupDiscussions" class="slGroupDiscussions slV2">
                    {if WIDGETINSTANCE.currentUserIsGroupMember(group)}
                         <a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('startDiscussion'); return false;" class="slButton2"><span class="slButton2_Right">START A DISCUSSION</span></a>
                    {/if}
                    ${joinThisGroup}
                    <div class="slClear"></div>
                    ${paginationDisplay(enableCommunityGroupPaginationNumbers)}
                    <div class="slGroupDiscussionList slTabular"><div class="slTR"><div class="slBL"><div class="slBR">
                        <div class="sthislContent">
                            <table>
                                <tr>
                                    <th>Type</th>
                                    <th>Discussions</th>
                                    <th>Started By</th>
                                    <th>Views</th>
                                    <th>Posts</th>
                                    <th>Latest Post</th>
                                </tr>
                                {for discussion in discussions}
                                {var isAlt = (discussion_index % 2 == 1);}
                                {var hasNewPosts = ((new Date(discussion.LastUpdated)) > (new Date(discussion.LastRead)))}
                                <tr class="{if isAlt} slTabularAlt{/if} {if isBozo(discussion.LiteUser)}slBozoContent{/if} {if hasNewPosts} slDiscussionWithNewPosts{/if}">
                                    {if discussion.IsClosed == "True" && discussion.IsSticky == "True"}
                                        {var iconClass = "slIcon_DiscussionClosedSticky"}
                                    {elseif discussion.IsSticky == "True" && discussion.IsQuestion == "True"}
                                        {var iconClass = "slIcon_DiscussionStickyQuestion"}
                                    {elseif discussion.IsSticky == "True"}
                                        {var iconClass = "slIcon_DiscussionSticky"}
                                    {elseif discussion.IsPoll == "True"}
                                        {var iconClass = "slIcon_DiscussionPoll"}
                                     {elseif discussion.IsClosed == "True" && discussion.IsQuestion == "True"}
                                        {var iconClass = "slIcon_DiscussionClosedQuestion"}
                                    {elseif discussion.IsClosed == "True"}
                                        {var iconClass = "slIcon_DiscussionClosed"}
                                    {elseif discussion.IsPoll == "True"}
                                        {var iconClass = "slIcon_DiscussionPoll"}
                                    {elseif discussion.IsQuestion == "True" }
                                        {var iconClass = "slIcon_DiscussionQuestion"}
                                    {else}
                                        {var iconClass = ""}
                                    {/if}

{var titleText = ""}
                                    {eval}
                                        var titleAttributes = new Array();

if (discussion.IsClosed == "True") {
                                            titleAttributes.push("Closed");
                                        }
                                        if (discussion.IsSticky == "True") {
                                            titleAttributes.push("Sticky");
                                        }
                                        if (discussion.IsPoll == "True") {
                                            titleAttributes.push("Poll");
                                        }
                                        else if (discussion.IsQuestion == "True") {
                                            titleAttributes.push("Question");
                                        }

titleText = titleAttributes.join(", ");
                                    {/eval}
                                    <td class="slDiscussionType ${iconClass}" title="${titleText}"> </td>
                                    <td class="slDiscussionTitle"><a href="${urls.groups.showForumPost(options.groupKey, discussion.ForumDiscussionKey.Key)}">${discussion.DiscussionTitle}</a></td>
                                    <td class="slDiscussionBy"><a href="${discussion.LiteUser.PersonaUrl}">${discussion.LiteUser.DisplayName}</a></td>
                                    <td class="slDiscussionViews">${discussion.DiscussionViewCount}</td>
                                    <td class="slDiscussionPosts">
                                        {if hasNewPosts}
                                            <a href="#" onclick="WIDGETINSTANCE.goToFirstUnread('${discussion.ForumDiscussionKey.Key}')" class="slGoToFirstUnread" title="Go to First Unread Post in this Discussion">${discussion.PostCount}</a>
                                        {else}
                                            ${discussion.PostCount}
                                        {/if}
                                    </td>
                                    <td class="slDiscussionReply"><a href="#" onclick="WIDGETINSTANCE.goToLatest('${discussion.ForumDiscussionKey.Key}')">${toLocalTimeString(discussion.LastUpdated)}</a><br/> by <a href="${discussion.LastPostBy.PersonaUrl}">${discussion.LastPostBy.DisplayName}</td>
                                </tr>
                                {forelse}
                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td class="slNoContent">There are no discussions at this time.</td>
                                    <td></td>
                                </tr>
                                {/for}
                            </table>
                        </div>
                    </div></div></div></div>
                    {if WIDGETINSTANCE.currentUserIsGroupMember(group)}
                        <a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('startDiscussion'); return false;" class="slButton1 slStartDiscussion"><span class="slButton1_Right">Start a Discussion</span></a>
                        {if options.forumEmailSubscriptionEnabled && getCurrentUser().Email.length > 0}
                            {if !isSubscribed}
                                <a href="javascript:void(0);" onclick="WIDGETINSTANCE.ForumSubscribe(); return false;" class="slCancel">Subscribe</a>
                            {else}
                                <a href="javascript:void(0);" onclick="WIDGETINSTANCE.ForumUnSubscribe(); return false;" class="slCancel">Unsubscribe</a>
                            {/if}
                        {/if}
                    {/if}
                    ${paginationDisplay(enableCommunityGroupPaginationNumbers)}
                </div>
            {/if}

${newPostWidget}
            <div class="slPluckLogoDiscussionsPage">
                ${pluckLogo}
            </div>

{var BLOGS_TAB = 'Blogs'}
            {var DISCUSSIONS_TAB = 'Discussions'}
        
            <div class="slRecentConversations slContainer">
                <ul class="slTabs">
                    <li class="{if options.currentTab == DISCUSSIONS_TAB}slSelected{/if}"><a href="javascript:void(0)" onclick="WIDGETINSTANCE.showDiscussionsTab()">Discussions</a></li>
                    <li class="{if options.currentTab == BLOGS_TAB}slSelected{/if}"><a href="javascript:void(0)" onclick="WIDGETINSTANCE.showBlogsTab()">Blog Posts</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}
                {if blogPosts.length > 0}
                <a class="slViewAll" href="${urls.groups.showBlog(options.groupKey, blogKey)}">View all »</a>
                {elseif currentGroup.RequestingUsersMembershipTier !== 'NonMember'}
                <a class="slViewAll" href="${urls.groups.showBlog(options.groupKey, blogKey, true)}">Create a new post »</a>
                {/if}
                {elseif options.currentTab == DISCUSSIONS_TAB}
                {if discussionPosts.length > 0}
                <a class="slViewAll" href="${urls.groups.showForumDiscussion(options.groupKey, forumKey)}">View all »</a>
                {elseif currentGroup.RequestingUsersMembershipTier !== 'NonMember'}
                <a class="slViewAll" href="${urls.groups.showForumDiscussion(options.groupKey, forumKey, true)}">Start a discussion »</a>
                {/if}
                {/if}
                {if options.currentTab == BLOGS_TAB}
                <ul class="slContent">
                    {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">${truncateString(blog.PostTitle, options.maxBlogTitleLength)}</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}#commentTop" class="slInfoDetails">${blog.NumberOfComments} Comments</a>
                        </div>
                        <p>${truncateString(removeHTMLTags(blog.PostBody), 300)}</p>
                        <div class="slContent"><a href="${blogPostLink}" class="slReadMore">Read more »</a></div>
                    </li>
                    {forelse}
                    {if currentGroup.RequestingUsersMembershipTier === 'NonMember'}
                    <li class="slDefaultText"><a href="#" onclick="WIDGETINSTANCE.joinThisGroup();">Join this group</a> to be the first to write a blog post.<li>
                    {else}
                    <li class="slDefaultText">There aren't any blog posts yet. Be the first to <a href="${urls.groups.showBlog(options.groupKey, blogKey, true)}">write a post</a>.</li>
                    {/if}
                    {/for}
                </ul>
                {elseif options.currentTab == DISCUSSIONS_TAB}

<table class="communityTable small">
                    <tr>
                        <th>Discussions</th>
                        <th>Views</th>
                        <th>Posts</th>
                        <th>Latest Post</th>
                    </tr>
                    {for discussion in discussionPosts}
                    {var discussionLink = urls.groups.showForumPost(options.groupKey, discussion.ForumDiscussionKey.Key)}
                    {var isAlt = (discussion_index % 2 == 1)}
                    <tr class="{if WIDGETINSTANCE.isBozo(discussion.LiteUser)}slBozoContent{/if} {if isAlt}odd{/if}">
                        <td><a href="${discussionLink}">${truncateString(discussion.DiscussionTitle, options.maxDiscussionTitleLength)}</a></td>
                        <td class="slDiscussionViews">${discussion.DiscussionViewCount}</td>
                        <td>${discussion.PostCount}</td>
                        <td class="slDate"><nobr>${toLocalTimeString(discussion.LastUpdated)}</nobr><br/>by <a href="${urls.personas.home(discussion.LastPostBy.UserKey.Key)}">${discussion.LastPostBy.DisplayName}</a></td>
                    </tr>
                    {forelse}
                    {if currentGroup.RequestingUsersMembershipTier === 'NonMember'}
                    <tr>
                        <td class="slDefaultText"><a href="#" onclick="WIDGETINSTANCE.joinThisGroup();">Join this group</a> to start the first discussion.</td>
                    </tr>
                    {else}
                    <tr>
                        <td class="slDefaultText"><a href="${urls.groups.showForumDiscussion(options.groupKey, forumKey, true)}">Start the first discussion</a> in the group forum.</td>
                    </tr>
                    {/if}
                    {/for}
                </table>
                {/if}
            </div>

{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 member to view its forums.
{else}
{macro paginationDisplay(enableCommunityGroupPaginationNumbers)}
	<div class="slPagination">
        {if !(currentPage == 1 && !paginationVars.nextPageNum)}
		{var thisPage = startPage}
		<ul>
		{if enableCommunityGroupPaginationNumbers}
			{if paginationVars.prevPageNum}
				<li><a href="#" class="slPaginationButtonPrev" onclick="WIDGETINSTANCE.prevPage(); return false;"></a></li>
			{else}
				<li><span class="slPaginationButtonPrevDisabled"></span></li>
			{/if}
			{if hasFirstPage}
				<li><a href="#" class="paginationNumber" onclick="WIDGETINSTANCE.gotoPage(1); return false;">1</a></li>
				<li><span class="slPaginationSeparator">...</span></li>
			{/if}
			{for item in paginationLimit}
				{if thisPage <= endPage}
					{if item <= maxPage}
						{if thisPage != currentPage}
							<li><a href="#" class="paginationNumber" onclick="WIDGETINSTANCE.gotoPage(${thisPage}); return false;">${thisPage}</a></li>
						{else}
							<li><span class="paginationNumber">${thisPage}</span></li>
						{/if}
					{/if}
				{/if}
				{var thisPage = thisPage + 1}
			{/for}
			{if hasLastPage}
				<li><span class="slPaginationSeparator">...</span></li>
				<li><a href="#" class="paginationNumber" onclick="WIDGETINSTANCE.gotoPage(${maxPage}); return false;">${maxPage}</a></li>
			{/if}
			{if paginationVars.nextPageNum}
				<li><a href="#" class="slPaginationButtonNext" onclick="WIDGETINSTANCE.nextPage(); return false;"></a></li>
			{else}
				<li><span class="slPaginationButtonNextDisabled"></span></li>
			{/if}
		{else}
			{if paginationVars.firstPageNum}<li><a href="#" onclick="WIDGETINSTANCE.firstPage(); return false;">« First</a></li>{/if}
			{if paginationVars.prevPageNum}<li><a href="#" onclick="WIDGETINSTANCE.prevPage(); return false;">Previous</a></li>{/if}
			{if paginationVars.nextPageNum}<li><a href="#" onclick="WIDGETINSTANCE.nextPage(); return false;">Next</a></li>{/if}
			{if paginationVars.lastPageNum}<li><a href="#" onclick="WIDGETINSTANCE.lastPage(); return false;">Last »</a></li>{/if}
		{/if}
		</ul>
		<div class="slClear"></div>
        {/if}
	</div>
{/macro}
<div id="slGroupDiscussionThread" class="slGroupDiscussionThread slV2">
	<div class="slColumnSpan">
		${headerWidget}

{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
            <a class="btn" href="${urls.groups.showForumDiscussion(options.groupKey, group.ForumKey.Key, true)}"><span>Start a discussion</span></a>
        {/if}

${joinThisGroup}

<div class="slClear"></div>
	</div>
	{if posts.length === 0}
		<h3 class="slNoContent">This discussion was not found.</h3>
		<p class="slNoContent">Please <a href="${urls.groups.showForumDiscussion(options.groupKey, group.ForumKey.Key)}">return to the forums</a>.</p>
	{else}
    
    ${paginationDisplay(enableCommunityGroupPaginationNumbers)}
	<div class="slGroupDiscussionPosts">
        
        <div class="slButtons slButtons-top">
            {if WIDGETINSTANCE.currentUserIsGroupMember(group) && !isClosed}
                <a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('new'); return false;" class="slButton1"><span class="slButton1_Right">Reply To Post</span></a>
            {/if}
        </div>
    
		<div class="slAdminUtils">
		{if WIDGETINSTANCE.currentUserIsGroupManager(group)}
			{var stickyTitle = 'Set Sticky'}
			{var closedTitle = 'Set Closed'}
			{if isSticky}
				{var stickyTitle = 'Remove Sticky'}
			{/if}
			{if isClosed}
				{var closedTitle = 'Remove Closed'}
			{/if}
			    <a href="#" onclick="WIDGETINSTANCE.setSticky(${isSticky}); return false;" class="slIcon_DiscussionSticky" title="${stickyTitle}">${stickyTitle}</a>
			    <a href="#" onclick="WIDGETINSTANCE.setClosed(${isClosed}); return false;" class="slIcon_DiscussionClosed" title="${closedTitle}">${closedTitle}</a>
			{/if}
			{if !getCurrentUser().isAnonymous}
				{if options.discussionEmailSubscriptionEnabled && getCurrentUser().Email.length > 0}
					{if !isSubscribed}
						<a href="#" onclick="WIDGETINSTANCE.DiscussionSubscribe(); return false;" class="slIcon_DiscussionSubscribe" title="Subscribe to this Discussion via Email">Subscribe</a>
					{else}
						<a href="#" onclick="WIDGETINSTANCE.DiscussionUnSubscribe(); return false;" class="slIcon_DiscussionSubscribe" title="Unsubscribe from this Discussion">Unsubscribe</a>
					{/if}
				{/if}
				<a href="#" onclick="WIDGETINSTANCE.MarkAllRead(); window.location.reload(); return false;" class="slIcon_DiscussionMarkAllRead" title="Mark All Posts Read">Mark All Posts Read</a>
			{/if}
            <a href="javascript:void(0)" onclick="WIDGETINSTANCE.resortPosts()" {if options.sortOrder == 'TimeStampAscending'} class="slIcon_DownArrow" {elseif options.sortOrder == 'TimeStampDescending'} class="slIcon_UpArrow"{/if}>Date Sort</a>
		</div>
        
		<div class="slSectionTitle slIcon_Conversation">${discussion.DiscussionTitle}</div>
		{if (options.gotoPostKey && postNotFound)}
			<div class="slErrorText" style="display: block;">Sorry, the post you requested was not found.</div>
		{/if}
		<ul>
		{for post in posts}
		{var isAlt = (post_index % 2 == 1);}
		{var isNew = (new Date(post.LastUpdated)) > (new Date(discussion.LastRead))}
		{if options.sortOrder == 'TimeStampDescending'}
			{var isPollPost = isPoll && post_index == posts.length-1 && paginationVars.lastPageNum == null}
		{else}
			{var isPollPost = isPoll && post_index == 0 && onPage == 1 }
		{/if}
		<li class="slItem {if WIDGETINSTANCE.isBozo(post.LiteUser)} slBozoContent{/if}">
			<div class="slPostWrapper {if isAlt} slPostWrapperAlt{/if} {if isNew} slPostWrapperNew{/if}">
			{if post.IsEnemyPost == "False"}
				<div class="slUserInfo">
					<a href="${urls.personas.home(post.LiteUser.UserKey.Key)}"><img src="${post.LiteUser.ImageUrl}" class="slAvatarMedium"/></a>
					<ul class="slUserDetails">
						<li><a href="${post.LiteUser.PersonaUrl}" class="slUserName">${post.LiteUser.DisplayName}</a></li>
						{var firstPostDate = toLocalTime(post.UserFirstPostDate)}
						{var lastPostDate = toLocalTime(post.UserLastPostDate)}
						<li><span class="slCallout">First Post:</span> ${slwidgets.dateFormat(firstPostDate, "shortDateLongYear")}</li>
						<li><span class="slCallout">Last Post:</span> ${slwidgets.dateFormat(lastPostDate, "shortDateLongYear")}</li>
						<li><span class="slCallout">Total Posts:</span> ${post.UserTotalPosts}</li>
					</ul>
				</div>
				{var title = post.PostTitle}
				{if !isPollPost && post.IsQuestion === 'True'}
					{var title = 'Question: ' + post.PostTitle}
				{/if}
				<div class="slPost" id="post_${post.ForumPostKey.Key}">
					{eval}
						/* For marking posts read as we scroll.  If you change the above ID in the template, make sure the mapping is changed as well. */
						WIDGETINSTANCE.addPostToDomMapping(post, "post_" + post.ForumPostKey.Key);
					{/eval}
					<div class="slForumPostTopRightIcons">
						{if isNew}
							<div class="slNewPostIndicator"></div>
						{/if}
						<a class="slForumPostPermalink" href="${urls.groups.showForumPost(options.groupKey, options.postKey, options.onPage, post.ForumPostKey.Key)}" title="Permalink"></a>
					</div>
					<div id="${postTitleId}${post_index}" class="slHeadline {if isPollPost } slIcon_DiscussionPoll {elseif post.IsQuestion == "True"} slIcon_DiscussionQuestion {/if}" title="${title}">${post.PostTitle}</div>
					<div class="slPostTime">
						posted at ${toLocalTimeString(post.LastUpdated)}
					</div>
					<p>
						${post.PostBody}
						{if isPollPost}
						${displayPoll}
						{/if}
					</p>

<div class="slUtils">
					    {if WIDGETINSTANCE.currentUserIsGroupMember(group)}
						    {if !isClosed}
							    <a href="#" onclick="WIDGETINSTANCE.showReply('${post_index}', 'reply'); return false;" class="slButton1"><span class="slIcon_Reply"><span class="slButton1_Right">Reply to this post</span></span></a>
						    {/if}
						    {if getCurrentUser().UserKey.Key !== post.LiteUser.UserKey.Key}<a href="javascript:void(0);" onclick="WIDGETINSTANCE.hidePosts('${post.LiteUser.UserKey.Key}');" class="slIcon_Block">Hide posts from this user</a>{/if}
						    {if getCurrentUser().UserKey.Key === post.LiteUser.UserKey.Key}
							    <a class="slIcon_Edit" href="#" class="slIcon_Edit" onclick="WIDGETINSTANCE.showPostDialog('${post.ForumPostKey.Key}', null, 'edit'); return false;">Edit Post</a>
						    {/if}
						    {if currentUserCanDelete(post.UserKey, group)}
						    <a class="slIcon_Delete" href="#" onclick="WIDGETINSTANCE.deletePost('${post.ForumPostKey.Key}'); return false;">Delete post</a>
						    <textarea id="${postDeleteWarningId}_${post.ForumPostKey.Key}" style="display:none;"><h2>Are you sure you want to delete the post "${post.PostTitle}"?</h2></textarea>
						    {/if}
					    {/if}

{var currentUserHasReportedAbuse = (post.CurrentUserHasReportedAbuse == "True")}
					    ${showReportAbuse("ForumPostKey", post.ForumPostKey.Key, currentUserHasReportedAbuse)}
					    ${reportAbuseDialogWidget}
						<div class="slClear"></div>
					</div>
					<div id="${postReplyContainerId}${post_index}"></div>
					<div class="slClear"></div>
				</div>
			{else}
				<div class="slUserInfo slUserBlocked">
					<a href="${post.LiteUser.PersonaUrl}" class="slUserName">${post.LiteUser.DisplayName}</a>
				</div>
				<div class="slPost">
					You are currently blocking posts from this user.  <a href="javascript:void(0);" onclick="WIDGETINSTANCE.showPosts('${post.LiteUser.UserKey.Key}');">Show Posts from this user</a>
				</div>
			{/if}
			</div>
		</li>
		{/for}
		</ul>
	</div>
	${paginationDisplay(enableCommunityGroupPaginationNumbers)}
	<div class="slButtons">
	{if WIDGETINSTANCE.currentUserIsGroupMember(group) && !isClosed}
	<a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('new'); return false;" class="slButton1"><span class="slButton1_Right">Reply To Post</span></a>
	{/if}
	</div>
	<div id="${postReplyContainerId}-1" class="slClear"></div>
	<div id="${postReplyId}" style="display: none;">
		<div class="slReply">
			<div class="slHeadline">Reply to this Discussion</div>
			<span class="slNote">(Required Fields)</span>
			<div class="slForm">
				<div class="slFormField">
					<label for="${replyTitleId}">Headline<span>*</span></label>
					<input id="${replyTitleId}" type="text" class="slFormInput slFormInputText"/>
					<div id="${replyTitleErrorId}" class="slErrorText">Please enter a title for this discussion</div>
				</div>
				<div class="slFormField" style="width: 510px">
					<label for="${replyBodyId}">Your Reply<span>*</span></label>
					<textarea id="${replyBodyId}" class="slFormInput slFormInputText"></textarea>
					<div id="${replyBodyErrorId}" class="slErrorText">Please enter a reply for this discussion</div>
				</div>
				<div class="slFormField slQuestion">
					<input type="checkbox" id="${replyQuestionId}" class="slFormInputChecked"/> <label for="${replyQuestionId}">Mark this post as a question</label>
				</div>
				<div class="slButtons slFLC">
					<a href="#" onclick="WIDGETINSTANCE.addReply(); return false;" class="slButton1"><span class="slButton1_Right">Add your Reply</span></a>
					<a href="#" onclick="WIDGETINSTANCE.cancelReply(); return false;" class="slCancel">Cancel</a>
				</div>
			</div>
		</div>
	</div>
	{/if}
</div>
{/if}
${newPostWidget}
${confirmationBox}
<div class="slPluckLogoDiscussionPostsPage">
	${pluckLogo}
</div>

{var isEdit = group.CommunityGroupKey}
            <div class="slGroupCreate">
                ${breadcrumbs}
                <div class="slGroupInfo">
                    <h1 class="slPageTitle">{if isEdit}Edit{else}Create a Group{/if}</h1>
                </div>
                <div id="${formId}" class="slForm">
                    <input type="hidden" id="${formId}key" value="${group.CommunityGroupKey.Key}" />
                    <span class="slNote">* Required Fields</span>
                    <div class="slFormField">
                        <label>Group Name <span>*</span> <span class="slErrorText" id="${blankTitleErrorId}">Please enter a group title.</span></label>
                        <input type="text" class="slFormInput slFormInputText" value="${group.Title}" id="${formId}title"/>
                    </div>
                    <div class="slFormField">
                        <label>Group Image/Avatar</label>
                        {eval}/*
                        {if isEdit}
                        <div class="slAvatar slFLC">
                            <img src="${group.AvatarImageUrl}" />
                            <div class="slFormInput">
                                <span>Change Photo</span>
                                <button type="button" class="slFormInput" onclick="WIDGETINSTANCE.browsePhoto()">Browse...</button>
                            </div>
                        </div>
                        {else}
                        <button type="button" class="slFormInput" onclick="WIDGETINSTANCE.browsePhoto()">Browse...</button>
                        {/if}
                        */
                        {/eval}
                        ${singleImageUpload}
                    </div>
                    <div class="slFormField">
                        <label>Description of the Group <span>*</span> <span class="slErrorText" id="${blankDescriptionErrorId}">Please enter a group description.</span></label>
                        <textarea class="slFormInput slFormInputText" id="${formId}description">${group.Description}</textarea>
                    </div>
                    <div class="slFormField">
                        <label>Tags</label><span>(Separate each tag with a comma)</span>
                        <input type="text" class="slFormInput slFormInputText" id="${formId}categories" value="${group.Categories}"/>
                    </div>
                    <div class="slFormField">
                        <label>Category</label>
                        <select id="${formId}section" />
                        <option{if group.Section == 'health'} SELECTED{/if} value="health">Health</option>
                        <option{if group.Section == 'money'} SELECTED{/if} value="money">Money</option>
                        <option{if group.Section == 'work'} SELECTED{/if} value="work">Work</option>
                        <option{if group.Section == 'personal growth'} SELECTED{/if} value="personal growth">Personal Growth</option>
                        <option{if group.Section.indexOf('politics') > -1 && group.Section.indexOf('society') > -1} SELECTED{/if} value="politics & society">Politics & Society</option>
                        <option{if group.Section == 'relationships'} SELECTED{/if} value="relationships">Relationships</option>
                        <option{if group.Section.indexOf('home') > -1 && group.Section.indexOf('garden') > -1} SELECTED{/if} value="home & garden">Home & Garden</option>
                        <option{if group.Section == 'food'} SELECTED{/if} value="food">Food</option>
                        <option{if group.Section == 'travel'} SELECTED{/if} value="travel">Travel</option>
                        <option{if group.Section == 'entertainment'} SELECTED{/if} value="entertainment">Entertainment</option>
                        <option{if group.Section == 'technology'} SELECTED{/if} value="technology">Technology</option>
                        <option{if group.Section == 'giving back'} SELECTED{/if} value="giving back">Giving Back</option>
                        </select>
        
                    </div>
                    {if !isEdit}
                    <div class="slFormField">
                        <label>Visibility of the Group</label>
                        <div class="slFormInput slFormInputRadio">
                            <label><input type="radio" {if group.CommunityGroupVisibility == 'Public' || group.CommunityGroupVisibility == ''} checked="checked" {/if} id="${formId}visibilityPublic" name="${formId}visibility"/> <span>Public:</span> Anyone can join and participate</label>
                            <label><input type="radio" {if group.CommunityGroupVisibility == 'Private'} checked="checked" {/if} id="${formId}visibilityPrivate" name="${formId}visibility"/> <span>Private:</span> Only approved members can view and participate</label>
                        </div>
                    </div>
                    {/if}
                    <div id="${uploadAvatarMessageId}"></div>
                    {if isEdit}
                    <a id="${createButtonId}" href="#" onclick="WIDGETINSTANCE.updateGroup();" class="slButton1 slSubmit buttonGroupEdit"><span  class="slButton1_Right">Edit</span></a>
                    {else}
                    <a id="${createButtonId}" href="#" onclick="WIDGETINSTANCE.updateGroup();" class="slButton1 slSubmit buttonGroupCreate"><span  class="slButton1_Right">Save</span></a>
                    {/if}
                    <a href="#" onclick="WIDGETINSTANCE.cancel()" class="slCancel">Cancel</a>
                </div>
        
                ${updatingBox}
            </div>
            <div style="display:none" id="submitting">
                {if isEdit}
                Editing Your Group
                {else}
        Creating Your Group
        {/if}
    </div>

AARP tips

Join AARP

Become a
Member

AARP
Membership

Membership
Expired!

Renew
Your Card

Most Popular
Articles

Viewed

Recommended

Commented

Services & Discounts

Groups

AARP The Magazine (Public)

About AARP

INITIATIVES

PROGRAMS

PRESS & MEDIA

Where AARP Stands

Policy

Research

Take Action

AARP in Your State

News From:

AARP tips

Join AARP

Become a Member

AARPMembership

MembershipExpired!

RenewYour Card

Most PopularArticles

Viewed

Recommended

Commented

Services & Discounts

Groups

AARP The Magazine (Public)

About AARP

INITIATIVES

PROGRAMS

PRESS & MEDIA

Where AARP Stands

Policy

Research

Take Action

AARP in Your State

News From:

Become a
Member

AARP
Membership

Membership
Expired!

Renew
Your Card

Most Popular
Articles