Groups

Your Cute Grandkids Brag Album (Public)

Are your grandchildren cute, smart, funny or all that and more? Share your photos (be sure to give child's name and age) and tell us what makes your grandchild so special. AARP editors will choose a select number of the group’s most recommended photos to feature on www.aarp.org/relationships/grandparenting

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

Your Cute Grandkids Brag Album (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

Your Cute Grandkids Brag Album (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