doc2doc blogs

{macro pluralize(count, string)}${count} ${string}{if count != 1}s{/if}{/macro}

{macro groupurl(key)}/forums.html?slPage=overview&slAcceptInvitation=false&slGroupKey=${key}{/macro}
{macro forumurl(page, forumInfo)}/forum.html?plckForumPage=${page}&plckForumId=${forumInfo.key}{/macro}
{macro newthreadurl(groupkey, forumkey)}/forums.html?slPage=showDiscussion&slGroupKey=${groupkey}&slForumDiscussionKey=${forumkey}&slShowNewDiscussion=true{/macro}

{macro groupbox(groupkey, isalt)}
{var groupinfo = jQuery.bmj.groupinfo[groupkey]}
<li id="${groupkey}"{if isalt} class="slAlt"{/if}>
  <a href="${groupurl(groupinfo.key)}">
    <img class="slAvatar" src="${groupinfo.avatarUrl}" />
  </a>
  <div class="slInfo">
    {if isLoggedIn() && (!groupinfo.isClosed || groupinfo.isMember)}
    <span class="startdisc">
      <a href="${newthreadurl(groupinfo.key, groupinfo.forumKey)}">
        <img src="/images/button-start-discussion3.gif" alt="Start new discussion" />
        <div>START POST</div>
      </a>
    </span>
    {/if}
    <h3 class="slHeadline"><a {if groupinfo.isClosed} class="slIcon_PrivateGroup"{/if} href="${groupurl(groupinfo.key)}">${groupinfo.title}</a></h3>
    <p>${groupinfo.description}</p>
  </div>
</li>
{/macro}

{macro forumbox(cat, key, isalt)}
{var foruminfo = jQuery.bmj.forumInfo[key]}
<li id="${key}"{if isalt} class="slAlt"{/if}>
  <a href="${foruminfo.homeUrl}">
    <img class="slAvatar" src="${foruminfo.avatarUrl}" />
  </a>
  <div class="slInfo">
    {if isLoggedIn()}
    <span class="startdisc">
      <a href="${foruminfo.newDiscussionUrl}">
        <img src="/images/button-start-discussion3.gif" alt="Start new discussion" />
        <div>START POST</div>
      </a>
    </span>
    {/if}
    <h3 class="slHeadline"><a href="${foruminfo.homeUrl}">${foruminfo.title}</a></h3>
    <p>${foruminfo.description}</p>
  </div>
</li>
{/macro}

{macro keys(obj)}
<div style="width:80%;border:solid 2px #888; margin: 1em auto;">
  <div style="font-weight:bold;">${obj}</div>
  <ul>
    {var kl = []}
    {eval}
      for (var k in obj) kl.push(k);
      kl.sort();
    {/eval}
    {for k in kl}
      <li>${k} (${typeof obj[k]})</li>
    {/for}
  </ul>
</div>
{/macro}
<div class="slGroupsDirectory">
{if !(options.searchString)}
  <div class="right-col">
    <div class="group">
      <h2>Off duty forums</h2>
      <div class="slGroupList">
        <ul class="slFLC">
          ${forumbox("OffDuty", "General")}
          ${forumbox("OffDuty", "NewsMedia")}
          ${forumbox("OffDuty", "JournalClub")}
          ${forumbox("OffDuty", "NewMembers")}
        </ul>
      </div>
      <div class="more">
        <div><a href="/forum.html?plckForumPage=ForumCategory&plckCategoryId=Cat:OffDuty">All off duty forums</a></div>
      </div>
    </div>

<div class="group">
      <h2>BMJ forums</h2>
      <div class="slGroupList">
        <ul class="slFLC">
          ${forumbox("BMJ", "BMJ")}
          ${forumbox("BMJ", "StudentBMJ")}
          ${forumbox("BMJ", "BMJMasterclasses")}
          ${forumbox("BMJ", "Careers")}
        </ul>
      </div>
      <div class="more">
        <div><a href="/forum.html?plckForumPage=ForumCategory&plckCategoryId=Cat:BMJ">All BMJ forums</a></div>
      </div>
    </div>

<div class="group">
      <h2>Member forums</h2>
      <div class="slGroupList">
        <ul class="slFLC">
          ${groupbox("doc2docFounderMembers")}
        </ul>
      </div>
      <div class="more">
        <div><a href="/forums.html?slPage=&slSearchString=a8ef599e4c34c59d19052f538f7ed29a&slGroupNotFound=false#allForums">All members' forums</a></div>
      </div>
    </div>
  </div>

<div class="left-col">
    <div class="group">
      <h2>Clinical forums</h2>
      <div class="slGroupList">
        <ul class="slFLC">
          ${groupbox("GeneralPractice")}
          ${groupbox("Medicine")}
          ${groupbox("Surgery")}
          ${groupbox("EmergencyMedicine")}
          ${groupbox("Psychiatry")}
        </ul>
      </div>
      <div class="more">
        <div><a href="/forums.html?slPage=&slSearchString=27ca4cc9e49e79d40ffb86b4b6580b4f&slGroupNotFound=false#allForums">All clinical forums</a></div>
      </div>
    </div>

<div class="group">
      <h2>Open clinical forums</h2>
      <div class="slGroupList">
        <ul class="slFLC">
          ${forumbox("OpenClinical", "GeneralClinical")}
          ${forumbox("OpenClinical", "MedicalEthics")}
          ${forumbox("OpenClinical", "SportsMedicine")}
          ${forumbox("OpenClinical", "ExpeditionMedicine")}
        </ul>
      </div>
      <div class="more">
        <div><a href="/forum.html?plckForumPage=ForumCategory&plckCategoryId=Cat:OpenClinical">All open clinical forums</a></div>
      </div>
    </div>
  </div>

<div id="allForums" class="widget12 slGroups">
    <a name="allForums"></a>
    <h2>All Forums</h2>

<div class="slGroupList">
      <ul class="slFLC"></ul>
    </div>
  </div>
{else}
  <div class="widget12 slGroups">
    <a id="allForums" name="allForums"></a>
    {if options.searchString}
      {if options.searchString.indexOf("27ca4cc9e49e79d40ffb86b4b6580b4f") > -1}
        <h2>All Clinical Forums</h2>
      {elseif options.searchString.indexOf("a92de7f835f25091d95c43c4e995fe8a") > -1}
        <h2>All Community Forums</h2>
      {elseif options.searchString.indexOf("2bae6b6b809cc2a0c05957a7584a4ee1") > -1}
        <h2>All BMJ Forums</h2>
      {elseif options.searchString.indexOf("dc40e5c511cba0e9f4bea23a2911e134") > -1}
        <h2>All Off Duty Forums</h2>
      {elseif options.searchString.indexOf("a8ef599e4c34c59d19052f538f7ed29a") > -1}
        <h2>All Members' Forums</h2>
      {elseif options.searchString}
        <h2>Matching Forums</h2>
      {else}
        <h2>All Forums</h2>
      {/if}
    {else}
      <h2>All Forums</h2>
    {/if}

<div class="slPagination">
      <ul>
        {if paginationVars.firstPageNum}<li><a href="#allForums" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
        {if paginationVars.prevPageNum}<li><a href="#allForums" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
        {if paginationVars.nextPageNum}<li><a href="#allForums" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
        {if paginationVars.lastPageNum}<li><a href="#allForums" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
      </ul>
      <div class="slClear"></div>
    </div>

<div class="slGroupList">
      <ul class="slFLC">
      {var odd = false}
      {for group in groups}
        {var g_key = group.CommunityGroupKey.Key}
        {var discurl = jQuery.parseuri(slwidgets.slUrls.groups.showForumDiscussion(g_key, group.ForumKey.Key, true)).relative}
        {var groupStats = group.CommunityGroupStats}

{if jQuery.inArray(g_key, jQuery.bmj.hiddenGroupKeys) == -1}
        <li class="{if odd}slAlt{/if}">
          <a href="${urls.groups.overview(g_key)}"><img src="${group.AvatarImageUrl}" class="slAvatar"/></a>

<div class="slInfo">
            <h3 class="slHeadline"><a href="${urls.groups.overview(g_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">${groupStats.MemberCount} Member{if groupStats.MemberCount > 1}s{/if}</span>
            <p class="slCreatedOn">Created on ${group.CreatedDate.toLocaleString()}</p>

<span class='startdisc'>
              <a href="${discurl}">
                <img src='/images/button-start-discussion3.gif' alt='Start new discussion' /><div>START POST</div>
              </a>
            </span>

{if group.RequestingUsersMembershipTier === 'GroupAdmin'}
              <p class="slDeleteGroup">
                <a href="javascript:void(0)" onclick="WIDGETINSTANCE.deleteThisGroup('${g_key}')" class="slButton1">
                  <span class="slButton1_Right"><span class="slIcon_Delete">Delete This Forum</span></span>
                </a>
              </p>

<div id="${deleteWarningId}_${g_key}" style="display:none;">
                <h2>Are you sure you want to delete the forum ${group.Title}?</h2>
                <p>This will permanently delete the forum's ${pluralize(groupStats.MemberCount, 'member')}, ${pluralize(groupStats.ForumDiscussionCount, 'discussion')}, ${pluralize(groupStats.BlogPostCount, 'blog post')}, ${pluralize(groupStats.PhotoCount, 'photo')}, ${pluralize(groupStats.VideoCount, 'video')}, and ${pluralize(groupStats.UpcomingEventCount, 'upcoming event')}.</p>
              </div>
            {/if}
          </div>
        </li>
        {var odd = !odd}
        {/if}
      {forelse}
        {if emptySearchResults}
          We didn't find any forums that match your search.
          {if showCreateGroup && (user.IsBlocked === 'False')}
            If you would like, you can <a href="{if getCurrentUser().isAnonymous}${urls.login(urls.groups.groupList())}{else}${urls.groups.updateGroup()}{/if}">create a forum</a> about this topic.
          {/if}
        {elseif showCreateGroup && (user.IsBlocked === 'False')}
          <div class="slNoContent">
            Be the first to <a href="{if getCurrentUser().isAnonymous}${urls.login(urls.groups.groupList())}{else}${urls.groups.updateGroup()}{/if}">create a forum!</a>
          </div>
        {else}
          <div class="slNoContent">There are currently no forums.</div>
        {/if}
      {/for}
      </ul>
    </div>

{if options.searchString}
      <div class="more">
        <div><a href="/forums.html">All forums</a></div>
      </div>
    {/if}

</div>
{/if}

</div>

${confirmationBox}
<div class="clearing">${pluckLogo}</div>

<div id="slGroupLanding" class="slGroupLanding slV2">
    {if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
      <div class="slColumn1">
        ${header}

<div class="slContainer clearing">
  <div class="padding">
    <p><b>Only verified doctors are able to access the clinical forums.</b></p>
    <p>
      If you are a UK doctor and have not already done so, you need to supply us with your
      GMC  number to verify your status. You can email this to us at 
      <a href="mailto:community.doc2doc@bmjgroup.com">community.doc2doc@bmjgroup.com</a>.
    </p>
  </div>
</div>
<div class="slContainer">
  <div class="padding">
    <p><b>Verification for international doctors</b></p>
    <p>
      If you are based outside of the UK, please send details of your work place, 
      the job you do there, and a contact telephone number to 
      <a href="mailto:community.doc2doc@bmjgroup.com">community.doc2doc@bmjgroup.com</a>.
    </p>
  </div>
</div>

<div class="slPrivateGroupSummary clearing">
          <p>This private forum has:</p>
          <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="slClear"></div>
      <div>
        ${status}
      </div>
    {else}
      <div class="slColumn1">
        ${header}
        ${searchBar}
        ${recentConversations}
        ${miniMediaList}
        ${upcomingEvents}
        ${groupLinks}
        ${miniMemberList}
        ${managerList}
        ${status}
      </div>
    {/if}
  </div>
  ${messageBox}
  <div>${pluckLogo}</div>

{var groupkey = currentGroup.CommunityGroupKey.Key}
  {var qf = jQuery.bmj.groupinfo.QualityForum}
  {if qf && groupkey == qf.key}
    <div style="float: right; margin-left: 16px;">
      <a href="http://www.internationalforum.bmj.com"><img src="/images/doc2doc-QF-ad.gif" /></a>
    </div>
  {elseif currentGroup.HasPendingMembership == 'True'}
    <div class="bmjGroupButtons">
      Your forum membership request is pending.
    </div>
  {elseif currentGroup.CommunityGroupVisibility == 'Private' && currentGroup.RequestingUsersMembershipTier == 'NonMember'}
    {if invitation}
      <div class="bmjGroupButtons">
        <a href="#" onclick="WIDGETINSTANCE.joinThisGroup()" class="slButton2 join"><span class="slButton2_Right">ACCEPT INVITATION</span></a>
      </div>
    {else}
      <div class="bmjGroupButtons">
        <a href="#" onclick="WIDGETINSTANCE.requestToJoinThisGroup()" class="slButton2 join"><span class="slButton2_Right">REQUEST TO JOIN</span></a>
      </div>
    {/if}
  {elseif currentGroup.RequestingUsersMembershipTier == 'NonMember'}
    <div class="bmjGroupButtons">
      <a href="#" onclick="WIDGETINSTANCE.joinThisGroup()" class="slButton2 join"><span class="slButton2_Right">JOIN THIS FORUM TO POST</span></a>
    </div>
  {/if}

{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}
    <ul class="clearing">
      {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}" class="slInfoDetails">${blog.NumberOfComments} Comments</a>
          </div>
          <p>${truncateString(blog.PostBody, 300)}<div class="slContent"><a href="${blogPostLink}" class="slReadMore">Read more »</a></div></p>
        </li>
      {forelse}
        {if currentGroup.RequestingUsersMembershipTier === 'NonMember'}
          <p class="slDefaultText"><a href="#" onclick="WIDGETINSTANCE.joinThisGroup();">Join this forum</a> to be the first to write a blog post.</p>
        {else}
          <p 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>.</p>
        {/if}
      {/for}
    </ul>

{elseif options.currentTab == DISCUSSIONS_TAB}
    <div class="slGroupDiscussions slGroupDiscussionList slTabular"><div class="slTR"><div class="slBL"><div class="slBR clearing clear">
      <div>
        <table>
          <tr>
            <th>Type</th>
            <th>Discussions</th>
            <th>Started By</th>
            <th>Posts</th>
            <th>Latest Post</th>
          </tr>
          {for discussion in discussionPosts}
            {var isAlt = (discussion_index % 2 == 1);}
            <tr class="{if isAlt} slTabularAlt{/if} {if isBozo(discussion.LiteUser)}slBozoContent{/if}">
              {eval}
                var titleAttributes = new Array();

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

iconClass = titleAttributes.length ? ("slIcon_Discussion" + titleAttributes.join("")) : "";
                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="slDiscussionPosts">${discussion.PostCount}</td>
              <td class="slDiscussionReply">${toLocalTimeString(discussion.LastUpdated)}<br/> by <a href="${discussion.LastPostBy.PersonaUrl}">${discussion.LastPostBy.DisplayName}</td>
            </tr>
          {forelse}
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td class="slNoContent">There are no discussions at this time.</td>
              <td></td>
            </tr>
          {/for}
        </table>
      </div>
      {if options.currentTab == BLOGS_TAB}
        {if blogPosts.length > 0}
          <a class="slViewAll" href="${urls.groups.showBlog(options.groupKey, blogKey)}">View all / Start new »</a>
          <a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('startDiscussion');" class="slButton2"><span class="slButton2_Right">START A DISCUSSION</span></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 href="${urls.groups.showForumDiscussion(options.groupKey, forumKey)}" class="slButton2"><span class="slButton2_Right">View all / Start new discussion</span></a>
        {elseif currentGroup.RequestingUsersMembershipTier !== 'NonMember'}
          <a class="slViewAll" href="${urls.groups.showForumDiscussion(options.groupKey, forumKey, true)}">Start a discussion »</a>
        {/if}
      {/if}
    </div></div></div></div>
  {/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}
  <div id="slGroupDiscussions" class="slGroupDiscussions slV2">
    ${headerWidget}

{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
    <a href="javascript:void(0);" class="slButton2" onclick="WIDGETINSTANCE.showNewPostDialog('startDiscussion'); return false;">
      <span class="slButton2_Right">
        START A DISCUSSION
      </span>
    </a>
    {/if}

<div class="slContent">
        <table>
          <tr>
            <th>Type</th>
            <th>Discussions</th>
            <th>Started By</th>
            <th>Posts</th>
            <th>Latest Post</th>
          </tr>

{for discussion in discussions}
            {var isAlt = (discussion_index % 2 == 1);}

<tr class="{if isAlt} slTabularAlt{/if} {if isBozo(discussion.LiteUser)}slBozoContent{/if}">
              {eval}
                var titleAttributes = new Array();

iconClass = titleAttributes.length ? "slIcon_Discussion" + titleAttributes.join("") : "";
                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="slDiscussionPosts">
                ${discussion.PostCount}
              </td>
              <td class="slDiscussionReply">
                ${toLocalTimeString(discussion.LastUpdated)}<br/> by
                <a href="${discussion.LastPostBy.PersonaUrl}">${discussion.LastPostBy.DisplayName}
              </td>
            </tr>
          {forelse}
            <tr>
              <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>

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

${newPostWidget}

{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 Forum 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()">Forum Photos</a></li>
        <li {if options.currentTab === VIDEOS_TAB} class="slSelected"{/if}><a href="javascript:void(0)" onclick="WIDGETINSTANCE.showVideosTab()">Forum 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 forum</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 forum.</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="slUpcomingEvents slContainer">
    <div class="slTitleContainer">
      {if WIDGETINSTANCE.currentUserIsGroupMember(group)}
      <a href="${urls.groups.updateEvent(options.groupKey)}" class="slAddNew"></a>
      {/if}

{if events.length > 0}
      <a href="${urls.groups.eventList(options.groupKey)}" class="slViewAll">View all »</a>
      {/if}

<h3 class="slSectionTitle">Upcoming Events</h3>
    </div>

{if events.length != 0}
      <table>
        {for event in events}
          <tr class="{if WIDGETINSTANCE.isBozo(event.Author)} slBozoContent{/if}">
            <td class="slDay">${event.StartDateDay}</td>
            <td class="slDate">${event.StartDateMonthDay}</td>
            <td class="slItemTitle"><a href="${urls.groups.showEvent(options.groupKey, event.EventKey.Key)}">${event.Title}</a></td>
          </tr>
        {/for}

{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
          <tr>
            <td colspan="3"><a href="${urls.groups.updateEvent(options.groupKey)}">Add an event »</a></td>
          </tr>
        {/if}
      </table>

{else}
      {if group.RequestingUsersMembershipTier === 'NonMember'}
        <p class="slDefaultText"><a href="#" onclick="WIDGETINSTANCE.joinThisGroup();">Join this forum</a> to add an event.<p>
      {else}
        <p class="slDefaultText"><a href="${urls.groups.updateEvent(options.groupKey)}">Share an event</a> with this forum.</p>
      {/if}
    {/if}
  </div>

<div class="slMembersBox slContainer2">
    <div class="slHeader">
      <div class="slHeader_Right">
        <h3 class="slSectionTitle">Members</h3>
      </div>
    </div>

<div class="slContent">
      <ul class="slTabs clear">
        <li {if memberSort === 'latest'} class="slSelected"{/if}><a href="javascript:void(0);" onclick="WIDGETINSTANCE.showLatest()">Latest</a></li>
        <li {if memberSort === 'longest'} class="slSelected"{/if}><a href="javascript:void(0);" onclick="WIDGETINSTANCE.showLongest()">Original</a></li>
      </ul>
      <ul class="slItems clear">
        {for member in members}
          <li><a href="${member.User.PersonaUrl}" title="${member.User.DisplayName}"><img alt="${member.User.DisplayName}" src="${member.User.AvatarPhotoUrl}"/></a></li>
        {/for}
      </ul>
      <div class="slClear"></div>
    </div>

<div class="slFooter">
      <div class="slFooter_Right">
        <a href="${urls.groups.manageMembers(options.groupKey)}">View{if totalMembers > 1} all{/if} ${totalMembers} member{if totalMembers > 1}s{/if} »</a>
      </div>
    </div>
  </div>

{macro showReportAbuseForGroup()}
  ${showReportAbuse('CommunityGroupKey', group.CommunityGroupKey.Key, group.CurrentUserHasReportedAbuse == 'True')}
{/macro}

{if group.HasPendingMembership == 'True'}
  <div class="slGroupMember slContainer">
    <h3 class="slSectionTitle">User Controls</h3>
    <ul class="slContent slFLC">
      <li>${showReportAbuseForGroup()}</li>
    </ul>
  </div>
  <div class="slFLC slButtonStrip">
    <p>Your forum membership request is pending.</p>
  </div>

{elseif group.CommunityGroupVisibility == 'Private' && group.RequestingUsersMembershipTier == 'NonMember'}
  {if invitation}
    <div class="slGroupMember slContainer">
      <h3 class="slSectionTitle">User Controls</h3>
      <ul class="slContent slFLC">
        <li>${showReportAbuseForGroup()}</li>
      </ul>
    </div>
    <div class="slFLC slButtonStrip">
      <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>
  {else}
    <div class="slGroupMember slContainer">
      <h3 class="slSectionTitle">User Controls</h3>
      <ul class="slContent slFLC">
        <li>${showReportAbuseForGroup()}</li>
      </ul>
    </div>
    <div class="slFLC slButtonStrip">
      <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>
  {/if}

{elseif group.RequestingUsersMembershipTier == 'NonMember'}
  <div class="slGroupMember slContainer">
    <h3 class="slSectionTitle">User Controls</h3>
    <ul class="slContent slFLC">
      <li>${showReportAbuseForGroup()}</li>
    </ul>
  </div>
  <div class="slFLC slButtonStrip">
    <a href="#" onclick="WIDGETINSTANCE.joinThisGroup()" class="slButton2"><span class="slButton2_Right">JOIN THIS FORUM</span></a>
  </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 Members</a></li>
      <li><a href="${urls.groups.updateLink(group.CommunityGroupKey.Key)}" class="slIcon_Link">Edit Group Links</a></li>
      {if PLUCKSL_GLOBAL_OPTIONS.disableUserEmails != "True"}
        <li><a href="${urls.groups.inviteFriend(group.CommunityGroupKey.Key)}" class="slIcon_InviteFriend">Invite a friend</a></li>
      {/if}
      <li>${showReportAbuseForGroup()}</li>
      {if group.CommunityGroupVisibility == 'Public'}
        <li>${rssLink()}</li>
      {/if}
      <li><a href="#" onclick="javascript:WIDGETINSTANCE.showGroupUserPrefs('${group.CommunityGroupKey.Key}', '${getCurrentUser().UserKey.Key}'); return false;" class="slIcon_GroupUserPrefs">Edit Message Prefs</a></li>
      <li><a href="#" onclick="javascript:WIDGETINSTANCE.showGroupAdminMessageDialog('${group.CommunityGroupKey.Key}'); return false;" class="slIcon_GroupAdminMessage">Group Message</a></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' ||  group.IsSiteLifeAdminGroupMember === 'True'}
      <a href="javascript:void(0)" onclick="WIDGETINSTANCE.leaveThisGroup()" class="slButtonLeave slButton1"><span class="slButton1_Right">Leave this Group</span></a>
    {/if}
    {if WIDGETINSTANCE.currentUserTierAtLeast(getCurrentUser(), PLUCKSL_GLOBAL_OPTIONS.communityGroupCreationUserTier) && getCurrentUser().IsBlocked === 'False'}
      <a href="${urls.groups.updateGroup()}" class="slButtonStart slButton1"><span class="slButton1_Right">Start your own Group</span></a>
    {/if}
    </div>
  </div>
  <!--<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 Forum</a></li>
      {/if}

<li><a href="${urls.groups.manageMembers(group.CommunityGroupKey.Key)}" class="slIcon_Members">Manage Members</a></li>
      <li><a href="${urls.groups.updateLink(group.CommunityGroupKey.Key)}" class="slIcon_Link">Edit Forum Links</a></li>
      <li><a href="${urls.groups.inviteFriend(group.CommunityGroupKey.Key)}" class="slIcon_InviteFriend">Invite a friend</a></li>
      <li>${showReportAbuseForGroup()}</li>

{if group.RequestingUsersMembershipTier === 'Manager'}
      <li><a href="javascript:void(0)" onclick="WIDGETINSTANCE.leaveThisGroup()" class="slIcon_Delete">Delete me from this forum</a></li>
      {/if}

{if group.RequestingUsersMembershipTier === 'GroupAdmin'}
      <li class="slDeleteGroup"><a href="${urls.groups.requestGroupDeletion(group.CommunityGroupKey.Key)}" class="slIcon_Delete">Request Forum Deletion</a></li>
      {/if}
    </ul>
  </div>-->

{elseif group.RequestingUsersMembershipTier == 'Member'}
  <div class="slGroupMember slContainer">
    <h3 class="slSectionTitle">User Controls</h3>
    <ul class="slContent slFLC">
      <li><a href="${urls.groups.inviteFriend(group.CommunityGroupKey.Key)}" class="slIcon_InviteFriend">Invite a friend</a></li>
      <li>${showReportAbuseForGroup()}</li>
      <li><a href="#" onclick="javascript:WIDGETINSTANCE.showGroupUserPrefs('${group.CommunityGroupKey.Key}', '${getCurrentUser().UserKey.Key}'); return false;" class="slIcon_GroupUserPrefs">Edit Message Prefs</a></li>
      <li><a href="javascript:void(0)" onclick="WIDGETINSTANCE.leaveThisGroup()" class="slIcon_Delete">Delete me from this forum</a></li>
    </ul>
  </div>
{/if}

${statusReportAbuseDialog}
${messageBox}
${updateGroupPrefs}
${groupAdminMessage}
${confirmMessageBox}

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
    <a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private forum.  You must be a member to view its blog.
  {else}
    <div id="deleteMessage" style="display:none">Are you sure you want to delete this post?</div>

<div id="slBlogs" class="slGroupBlogs slV2">
      ${header}
      <div class="slGroupBlogsInfo">
        {if WIDGETINSTANCE.currentUserIsGroupMember(group)}
          <a href="#" onclick="WIDGETINSTANCE.showCreatePostDialog()" class="slButton2"><span class="slButton2_Right">ADD A POST</span></a>

{/if}

<div class="slContent slFLC">
          <div class="slItem slRecentTags">
            <span>Recent Tags</span>
            <ul>
              {for tag in blog.BlogTags}
                <li>
                {if options.tagFilter !== tag}<a href="${urls.groups.showBlogPostsByTag(options.groupKey, options.blogKey, tag)}">{/if}
                  ${tag}
                {if options.tagFilter !== tag}</a>{/if}
              </li>

{forelse}
                None
              {/for}
            </ul>
          </div>
          <div class="slItem slArchives">
            <span>Archives</span>
            <ul>
              {var zeroMonthCount = null;}
              {for monthCount in monthCounts}
                {if monthCount.MonthId == 0}
                  {var zeroMonthCount = monthCount;}
                {else}
                  <li>
                    {if !options.archive || options.archiveMonth != monthCount.MonthId}<a href="#" onclick="WIDGETINSTANCE.setArchiveMonth(${monthCount.MonthId})">{/if}
                    ${slwidgets.dateFormat(new Date(2008, monthCount.MonthId-1, 1), "mmmm")} (${monthCount.BlogPostCount})
                    {if !options.archive || options.archiveMonth != monthCount.MonthId}</a>{/if}
                  </li>

{/if}
              {forelse}
                No archives
              {/for}
            </ul>
            {if zeroMonthCount}
              <a href="#" onclick="WIDGETINSTANCE.setArchiveMonth(0)" class="slAll">
                Older (${zeroMonthCount.BlogPostCount})
              </a>
            {/if}
          </div>
        </div>

</div>
      <div class="slClear"></div>

{for post in blogPosts}
            <div class="slPostWrapper {if WIDGETINSTANCE.isBozo(post.PostAuthor)} slBozoContent{/if}">
              <div class="slUserInfo">
                <a href="${urls.personas.home(post.PostAuthor.UserKey.Key)}"><img src="${post.PostAuthor.AvatarPhotoUrl}" class="slAvatarMedium"/></a>
                <a href="${urls.personas.home(post.PostAuthor.UserKey.Key)}" class="slUserName">${post.PostAuthor.DisplayName}</a>
                {var timestamp=toLocalTime(post.PostDate)}
                <div class="slDate">${slwidgets.dateFormat(timestamp, "m-d-yy")}</div>

<div class="slTime">${slwidgets.dateFormat(timestamp, "h:MM TT")}</div>
                <div class="slTimeZone">${slwidgets.dateFormat(timestamp, "Z")}</div>
              </div>
              <div class="slPost">
                <a class="slHeadline" href="${urls.groups.showBlogPost(group.CommunityGroupKey.Key, blog.BlogKey.Key, post.BlogPostKey.Key)}">${post.PostTitle}</a>
                <p>${post.PostBody}</p>
                <div class="slTags">

<ul class="slFLC">
                    <li class="slCallout">Tagged:</li>
                    {for tag in WIDGETINSTANCE.getPostTags(post)}
                    <li><a href="${urls.groups.showBlogPostsByTag(options.groupKey, options.blogKey, tag)}">${tag}</a></li>
                    {/for}
                  </ul>
                </div>
                <div class="slUtils">
                  <a href="${urls.groups.showBlogPost(group.CommunityGroupKey.Key, blog.BlogKey.Key, post.BlogPostKey.Key)}" class="slIcon_Comment">

{if post.NumberOfComments == 1}
                      ${post.NumberOfComments} Comment
                    {else}
                      ${post.NumberOfComments} Comments
                    {/if}
                    </a>
                {if currentUserIsOwner(post.PostAuthor.UserKey)}
                <a class="slIcon_Edit" href="#" onclick="javascript:WIDGETINSTANCE.showEditPostDialog('${post.BlogPostKey.Key}');" class="slDelete">Edit</a>
                {/if}
                  {if WIDGETINSTANCE.currentUserCanDelete(post.PostAuthor.UserKey, group)}
                    <a class="slIcon_Delete" href="#" onclick="javascript:WIDGETINSTANCE.deletePost('${post.BlogPostKey.Key}');" class="slDelete">Delete</a>
                  {/if}
                  ${showReportAbuse("BlogPostKey", post.BlogPostKey.Key, post.CurrentUserHasReportedAbuse.toLowerCase() == "true")}
                  ${showRecommend("BlogPostKey", post.BlogPostKey.Key, post.CurrentUserHasRecommended.toLowerCase() == "true", post.NumberOfRecommendations)}
                  <div class="slClear"></div>
                </div>
              </div>

<div class="slClear"></div>
            </div>
          {forelse}
            <div class="slNoContent">This forum does not have any blog posts yet.</div>
          {/for}
        </div>
      </div>
    </div>

${editPostWidget}
${confirmationBox}
${reportAbuseDialog}
<div>
  ${pluckLogo}
</div>

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
    <a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private forum.  You must be a member to view its blog.
  {else}
    <div id="slGroupBlogs" class="slGroupBlogs slV2">
      ${header}
      <div class="slClear"></div>
      <div class="slGroupBlogPosts">
        <div class="slItem">
          <div class="slPostWrapper">
            <div class="slUserInfo">

<a href="${urls.personas.home(post.PostAuthor.UserKey.Key)}"><img src="${post.PostAuthor.AvatarPhotoUrl}" class="slAvatarMedium"/></a>
              <a href="${urls.personas.home(post.PostAuthor.UserKey.Key)}" class="slUserName">${post.PostAuthor.DisplayName}</a>
              {var timestamp=toLocalTime(post.PostDate)}
            <div class="slDate">${slwidgets.dateFormat(timestamp, "m-d-yy")}</div>
            <div class="slTime">${slwidgets.dateFormat(timestamp, "h:MM TT")}</div>
            <div class="slTimeZone">${slwidgets.dateFormat(timestamp, "Z")}</div>
            </div>

<div class="slPost">
              <div class="slHeadline">${post.PostTitle}</div>
              <p>
               ${post.PostBody}
              </p>
              <div class="slTags">
                <ul class="slFLC">
                  <li class="slCallout">Tagged:</li>

{for tag in WIDGETINSTANCE.getPostTags(post)}
                    <li><a href="${urls.groups.showBlogPostsByTag(options.groupKey, options.blogKey, tag)}">${tag}</a></li>
                  {/for}
                </ul>
              </div>
              <div class="slUtils">
                <a href="#" class="slIcon_Comment">
                  {if post.NumberOfComments == 1}
                    ${post.NumberOfComments} Comment
                  {else}
                    ${post.NumberOfComments} Comments
                  {/if}
                  </a>
                {if currentUserIsOwner(post.PostAuthor.UserKey)}
                <a class="slIcon_Edit" href="#" onclick="javascript:WIDGETINSTANCE.showEditPostDialog('${post.BlogPostKey.Key}');" class="slDelete">Edit</a>

{/if}
              {if WIDGETINSTANCE.currentUserIsGroupManager(group) || currentUserIsOwner(post.PostAuthor.UserKey)}
                <a class="slIcon_Delete" href="#" onclick="javascript:WIDGETINSTANCE.deletePost('${post.BlogPostKey.Key}');" class="slDelete">Delete</a>
              {/if}
                  ${showReportAbuse("BlogPostKey", post.BlogPostKey.Key, post.CurrentUserHasReportedAbuse.toLowerCase() == "true")}
                  ${showRecommend("BlogPostKey", post.BlogPostKey.Key, post.CurrentUserHasRecommended.toLowerCase() == "true", post.NumberOfRecommendations)}
                <div class="slClear"></div>
              </div>
            </div>
            <div class="slClear"></div>
          </div>
        </div>

</div>
    </div>

${comments}
    <div class="slPluckLogoBlogShowPostsPage">
      ${pluckLogo}
    </div>
  {/if}

${editPostWidget}
  ${deleteMessageBox}
  ${reportAbuseDialog}

{var urlToEscape = urls.groups.overview(options.groupKey)}
{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
  <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} ${options.appendTitle}</h1>
    <p class="slGroupDescription">${group.Description}</p>
  </div>
  <p><a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private forum.  You must be a member to view its discussions.</p>
  <div class="slColumn1">
    <div class="slContainer clearing">
  <div class="padding">
    <p><b>Only verified doctors are able to access the clinical forums.</b></p>
    <p>
      If you are a UK doctor and have not already done so, you need to supply us with your
      GMC  number to verify your status. You can email this to us at 
      <a href="mailto:community.doc2doc@bmjgroup.com">community.doc2doc@bmjgroup.com</a>.
    </p>
  </div>
</div>
<div class="slContainer">
  <div class="padding">
    <p><b>Verification for international doctors</b></p>
    <p>
      If you are based outside of the UK, please send details of your work place, 
      the job you do there, and a contact telephone number to 
      <a href="mailto:community.doc2doc@bmjgroup.com">community.doc2doc@bmjgroup.com</a>.
    </p>
  </div>
</div>

</div>
  <div class="slClear"></div>
  <div>
      ${status}
  </div>
{else}
<div id="slGroupDiscussionThread" class="slGroupDiscussionThread slV2">
  <div class="slColumnSpan">
    ${headerWidget}
    <div class="slClear"></div>
    {if WIDGETINSTANCE.currentUserIsGroupMember(group) && !isClosed}
      <div class="bmjGroupButtons">
        {if !getCurrentUser().isAnonymous}
          {if options.discussionEmailSubscriptionEnabled && getCurrentUser().Email.length > 0}
            {if !isSubscribed}
              <a href="javascript:void(0);" onclick="WIDGETINSTANCE.DiscussionSubscribe(); return false;" class="slButton2" title="Email me when someone replies to this discussion"><span class="slButton2_Right">Subscribe to this discussion</span></a>
            {else}
              <a href="javascript:void(0);" onclick="WIDGETINSTANCE.DiscussionUnSubscribe(); return false;" class="slButton2" title="Stop emailing me when someone replies to this discussion"><span class="slButton2_Right">Unsubscribe from this discussion</span></a>
            {/if}
          {/if}
          <a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('new'); " class="slButton2"><span class="slButton2_Right">Reply to this discussion</span></a>
        {/if}
      </div>
    {/if}
    <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}
  <div class="slGroupDiscussionPosts">
    {if WIDGETINSTANCE.currentUserIsGroupManager(group)}
      <div class="slAdminUtils">
        {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>
      </div>
    {/if}
    <div class="slSectionTitle slIcon_Conversation">${posts[0].PostTitle}</div>
    <ul>
    {for post in posts}
    {var isAlt = (post_index % 2 == 1);}
    {var isNew = (new Date(post.LastUpdated)) > (new Date(discussion.LastRead))}
    {var isPollPost = isPoll && post_index == 0 && onPage == 1 }
    <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}
          {if isNew}
            <div class="slNewPostIndicator"></div>
          {/if}
          <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>

{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
          <div class="slUtils">
            {if !isClosed}
              <a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('new');" class="slIcon_Reply">Reply to this Post</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}
            {var currentUserHasReportedAbuse = (post.CurrentUserHasReportedAbuse == "True")}
            {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}', '${post.PostTitle}'); return false;">Delete post</a>
              <div id="${postDeleteWarningId}_${post.ForumPostKey.Key}" style="display:none;">
                <h2>Are you sure you want to delete the post "${post.PostTitle}"?</h2>
              </div>
            {/if}

${showReportAbuse("ForumPostKey", post.ForumPostKey.Key, currentUserHasReportedAbuse)}
            ${reportAbuseDialogWidget}

{var niceKey = post.ForumPostKey.Key.replace(/[:|;@]/g, "-")}
            <div class="slBmjRecommendWidget" id="recommendWidget${niceKey}">
              {if post.CurrentUserHasRecommended == "False"}
                <a href="javascript:void(0);" onclick="gSiteLife.recommendDiscussionPost('${post.ForumPostKey.Key}', '${post.UserKey.Key}', '${escape(posts[0].PostTitle)}');"
                  class="SiteLife_Recommend">Recommend</a>
              {else}
                <span class="SiteLife_Recommended">Recommended</span>
              {/if}
              <span class="SiteLife_RecommendCount">(${post.NumberOfRecommendations})</span>
            </div>

<div class="slClear"></div>
          </div>
        {else}
          {if !isClosed && getCurrentUser().isAnonymous}
            <div class="login-required-notice">
              <a href="http://myaccount.bmj.com/myaccount/login.html?justLogin=true">Login</a>
              or <a href="http://myaccount.bmj.com/myaccount/registration.html?regService=doc2doc-registration">register</a>
              to reply.
            </div>
          {/if}

{if !isClosed && !getCurrentUser().isAnonymous}
            ${joinThisGroup}
          {/if}
        {/if}

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

{if WIDGETINSTANCE.currentUserIsGroupMember(group) && !isClosed}
      <div class="bmjGroupButtonsBottom">
        {if options.discussionEmailSubscriptionEnabled && getCurrentUser().Email.length > 0}
        {if !isSubscribed}
          <a href="javascript:void(0);" onclick="WIDGETINSTANCE.DiscussionSubscribe(); return false;" class="slButton2" title="Email me when someone replies to this discussion"><span class="slButton2_Right">Subscribe to this discussion</span></a>
        {else}
          <a href="javascript:void(0);" onclick="WIDGETINSTANCE.DiscussionUnSubscribe(); return false;" class="slButton2" title="Stop emailing me when someone replies to this discussion"><span class="slButton2_Right">Unsubscribe from this discussion</span></a>
        {/if}
      {/if}
          <a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('new');" class="slButton2"><span class="slButton2_Right">Reply to this discussion</span></a>
      </div>
  {/if}
  <div class="slPagination clearing">
    <ul>
      {if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();" class="bmjForumPag">« First</a></li>{/if}
      {if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();" class="bmjForumPag">Previous</a></li>{/if}
      {if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();" class="bmjForumPag">Next</a></li>{/if}
      {if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();" class="bmjForumPag">Last »</a></li>{/if}
    </ul>

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

{cdata}<{/cdata}textarea id="${replyBodyId}" class="slFormInput slFormInputText">{cdata}</{/cdata}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>

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
  <a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private forum.  You must be a member to view its ${options.mediaType}s.
{else}
{if options.mediaType == "photo"}
    <input type="hidden" id="deleteMessage" value="Are you sure you want to delete this photo?" />
{else}
    <input type="hidden" id="deleteMessage" value="Are you sure you want to delete this video?" />
{/if}
<input type="hidden" id="bulkDeleteMessage" value="Are you sure you want to delete these selected items?" />

<div id="slGroupPhotos" class="slGroupPhotos slV2">
  ${headerWidget}
  {if WIDGETINSTANCE.currentUserIsGroupMember(group)}
  <a href="#" onclick="WIDGETINSTANCE.showUploadDialog();" class="slButton2 slUploadButton2"><span class="slButton2_Right">UPLOAD YOUR {if options.mediaType == "photo"} PHOTOS{else} VIDEOS{/if}</span></a>

{/if}
  <div class="slClear"></div>
  <div class="slMediaList slContainer2">
    <div class="slHeader"><div class="slHeader_Right">${truncateString(group.Title, options.maxGroupTitleLength)} {if options.mediaType == "photo"} Photos{elseif options.mediaType == "video"} Videos{/if}</div></div>
    <div class="slContent">
      <ul id="${mediaItemsId}" class="slItems slFLC">
          {var showBulkDelete = false}
        {for item in media}
        <li {if WIDGETINSTANCE.isBozo(item.Author)} class="slBozoContent"{/if}>
          {if options.mediaType == "photo"}
            {var key = item.PhotoKey.Key}
            {var url = urls.groups.showPhoto(group.CommunityGroupKey.Key, item.GalleryKey.Key, item.PhotoKey.Key);}
            {var editUrl = urls.groups.updatePhoto(group.CommunityGroupKey.Key, item.GalleryKey.Key, item.PhotoKey.Key, true);}
            {if item.Image.Small == ""}
              {var thumbUrl = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/images/Missing-File-Icon.jpg"}
            {else}
              {var thumbUrl = item.Image.Small;}
            {/if}
          {elseif options.mediaType == "video"}
            {var key = item.VideoKey.Key}
            {var url = urls.groups.showVideo(group.CommunityGroupKey.Key, item.GalleryKey.Key, item.VideoKey.Key);}
            {var editUrl = urls.groups.updateVideo(group.CommunityGroupKey.Key, item.GalleryKey.Key, item.VideoKey.Key, true);}
            {if item.VideoThumbnail == ""}
              {var thumbUrl = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/images/Missing-File-Icon.jpg"}
            {else}
              {var thumbUrl = item.VideoThumbnail;}
            {/if}
          {/if}
          <div class="slMediaThumbnail"><a href="${url}"><img src="${thumbUrl}"/></a></div>

<a class="slHeadline" href="${url}">${truncateString(item.Title, options.maxMediaTitleLength)}</a>
          <span class="slCallout">Added By <a href="${item.Author.PersonaUrl}">${item.Author.DisplayName}</a></span>
            {if WIDGETINSTANCE.currentUserIsOwner(item.Author.UserKey)}
              <div class="slDisplayEdit">
              <a class="slIcon_Edit" href="${editUrl}">Edit</a>
            </div>
          {/if}
          {if WIDGETINSTANCE.currentUserIsGroupAdmin(group) || WIDGETINSTANCE.currentUserCanDelete(item.Author.UserKey, group)}
              {var showBulkDelete = true}
              <div class="slDisplayDelete">

<input type="checkbox"/> <input type="hidden" value="${key}" name="mediaKey"/> <a href="#" onclick="WIDGETINSTANCE.deleteMedia('${key}');" class="slDeleteSingle">Delete</a>
            </div>
                    {/if}
          <span class="slPhotoRecommendations">${item.NumberOfRecommendations} Recommendations</span>
        </li>
        {forelse}
          {if WIDGETINSTANCE.currentUserIsGroupMember(group)}
            <div  class="slNoContent">There are currently no ${options.mediaType}s for this forum.  <a href="#" onclick="WIDGETINSTANCE.showUploadDialog(); return false;">Upload a ${options.mediaType} now!</a></div>

{elseif}
            <div  class="slNoContent">There are currently no ${options.mediaType}s for this forum. </div>
          {/if}
        {/for}
      </ul>
      <div class="slPagination">
        <ul class="slFLC">
          {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>
    </div>
    <div class="slFooter"><div class="slFooter_Right"></div></div>
  </div>
  <div class="slButtons slFLC">
    {if WIDGETINSTANCE.currentUserIsGroupMember(group)}
      
    {/if}
    {if showBulkDelete}
      <a href="#" onclick="WIDGETINSTANCE.deleteChecked();" class="slButton1 slDeleteButton"><span class="slButton1_Right">Delete Checked</span></a>

{/if}
  </div>

</div>
${pluckLogo}
{/if}
${mediaUploadWidget}
${confirmationBox}

{var isEdit = group.CommunityGroupKey}
<div class="slGroupCreate">
  <div class="slGroupInfo">
    <h1 class="slPageTitle">{if isEdit}Edit{else}Create a Forum{/if}</h1>
  </div>
  <form action="javascript:WIDGETINSTANCE.updateGroup()" method="get" accept-charset="utf-8" id="${formId}" class="slForm">
    <input type="hidden" name="key" value="${group.CommunityGroupKey.Key}" />
    <span class="slNote">* Required Fields</span>

<div class="slFormField">
      <label>Forum Name <span>*</span> <span class="slErrorText" id="${blankTitleErrorId}">Please enter a forum title.</span></label>
      <input type="text" class="slFormInput slFormInputText" value="${group.Title}" name="title"/>
    </div>
    <div class="slFormField">
      <label>Forum 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 Forum <span>*</span> <span class="slErrorText" id="${blankDescriptionErrorId}">Please enter a forum description.</span></label>
      <textarea class="slFormInput slFormInputText" name="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" name="categories" value="${group.Categories}"/>
    </div>
    {if !isEdit}
    <div class="slFormField">
      <label>Visibility of the Forum</label>

<div class="slFormInput slFormInputRadio">
        <label><input type="radio" {if group.CommunityGroupVisibility == 'Public' || group.CommunityGroupVisibility == ''} checked="checked" {/if} name="visibility" /> <span>Public:</span> Anyone can join and participate</label>
        <label><input type="radio" {if group.CommunityGroupVisibility == 'Private'} checked="checked" {/if} name="visibility" /> <span>Private:</span> Only approved members can view and participate</label>
      </div>
    </div>

{/if}
    <div id="${uploadAvatarMessageId}"></div>
    <a id="${createButtonId}" href="#" onclick="document.getElementById('${formId}').submit();" class="slButton1 slSubmit"><span  class="slButton1_Right">{if isEdit}Save{else}Create My Forum{/if}</span></a>
    <a href="#" onclick="WIDGETINSTANCE.cancel()" class="slCancel">Cancel</a>
  </form>

${updatingBox}
</div>
<div style="display:none" id="submitting">
  {if isEdit}Editing{else}Creating{/if} Your Forum
</div>

{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 Forum Admin</a>
        {/if}
        <a href="#" onclick="WIDGETINSTANCE.demoteMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slDemote">Demote Member</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 Member</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 Member</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}

{macro displayMember(member)}
  <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>
    
      <div class="padding">
    <span class="slMemberStatus slCallout">{if member.MembershipTier == 'GroupAdmin'}Forum Admin{elseif member.MembershipTier == 'Manager'}Forum Manager{else}${member.MembershipTier}{/if}</span>
    <span class="slAgeGender slCallout">${member.User.Age} ${member.User.Sex}</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 Member</a>

<a href="#" onclick="WIDGETINSTANCE.denyMember('${member.User.UserKey.Key}', '${groupKeyString}', '${member.User.DisplayName}');" class="slDeny">Deny Member</a>
      </div>
    {/if}
    </div>
  </div>
  {/macro}

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
  <a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private forum.  You must be a member to view its membership list.
{else}
  <div class="Wrapper">
    <div id="slMembersDirectory" class="slMembersDirectory slV2">
      ${header}

{if !displayPendingMembers && !displayBannedMembers && !displayGroupManagers}
        <div class="slSearch">
          ${searchBar}
          <div class="slClear"></div>
        </div>
      {/if}

<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 {if sortDate} class="slSelected slLast" {/if}  class="slLast"><a href="#" onclick="WIDGETINSTANCE.resortDate();" {if sortDate == 'TimeStampDescending'} class="slIcon_DownArrow" {elseif sortDate == 'TimeStampAscending'} class="slIcon_UpArrow"{/if}>Date Joined</a></li>

</ul>
          <div class="slClear"></div>
        </div>
        <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 Members (${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 group.RequestingUsersMembershipTier === 'Manager'} class="slLast" {/if} {if displayBannedMembers == true} class="slSelected" {/if}><a href="#" onclick="WIDGETINSTANCE.showBannedMembers();">Banned Members</a></li>
            {/if}
            {if group.RequestingUsersMembershipTier == 'GroupAdmin'}
              <li  {if displayGroupManagers == true} class="slSelected slLast" {/if} class="slLast"><a href="#" onclick="WIDGETINSTANCE.showGroupManagers();">Forum Managers</a></li>
            {/if}
          </ul>
          <div class="slClear"></div>
        </div>
        {/if}
        {if admins.length > 0}
        <div class="slMemberList slGroupAdminList">

<ul class="slFLC">
            {for admin in admins}
            <li>
              ${displayMember(admin)}
            </li>
            {/for}
          </ul>
        </div>
        {/if}
        <div class="slMemberList">
          <ul class="slFLC">

{for member in members}
            <li>
              ${displayMember(member)}
            </li>
            {/for}
          </ul>
        </div>
        {if emptySearchResults}<p>Your search returned no results.</p>{/if}
        {if noBannedMembers}<p>There are no banned users.</p>{/if}
        {if noPendingMembers}<p>There are no pending members.</p>{/if}
      </div>

${pluckLogo}
      <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 class="slInviteFriends">
  ${header}
  <div class="slClear"></div>
  <div class="slInviteFriendForm">
    <textarea id="invitation_subject" style="display:none;">${getCurrentUser().DisplayName} would like you to join the forum ${group.Title}</textarea>
    <textarea id="invitation_suffix" style="display:none;">Click here to accept an invitation to the "${group.Title}" forum: {if group.RequestingUsersMembershipTier === 'Member'} ${urls.groups.overview(group.CommunityGroupKey.Key, true)} {else} ${urls.groups.overview(group.CommunityGroupKey.Key, true, true)} {/if}</textarea>

<div class="slFormField">
      <label>Message:<span>*</span> <span class="slErrorText" id="${blankMessageErrorId}">Please enter a message.</span></label>

<textarea class="slFormInput slFormInputText" id="invitation_body">
Hi,

I am inviting you to join the "${group.Title}" forum. Please accept by clicking the link at the end of this email.

Best regards,

${getCurrentUser().DisplayName}

</textarea>
    </div>
  </div>

<div class="slColumn1">
    <div class="slFormField">
      <label>Select friends from the box at the right and/or enter up to ${WIDGETINSTANCE.child['emailList'].context.options.maxEntries} email addresses:</label>
      ${emailList}
    </div>
    <div class="slButtons slFLC">
      <a href="#" onclick="WIDGETINSTANCE.sendInvitation();" class="slButton1"><span class="slButton1_Right">Send Invitation</span></a>
      <a href="#" onclick="WIDGETINSTANCE.cancel('${group.key}');" class="slCancel">Cancel</a>
    </div>
    <div class="slErrorText" id="invitation_targetsError">Please enter at least one email address or select at least one friend.</div>
    <div class="slClear"></div>
    ${inviteSentDialog}
    <div id="inviteSuccessDialog" style="display: none;">

Invitations sent!
      <div class="slButtons slFLC">
        <a href="#" onclick="WIDGETINSTANCE.allDone();" class="slButton1"><span class="slButton1_Right">OK</span></a>
      </div>
    </div>
    <div id="inviteFailedDialog" style="display: none;">
      An error occurred!
      <div class="slButtons slFLC">
        <div id="inviteFailedDialog_reason" class="slErrorText" style="display: block;"></div>

<a href="#" onclick="WIDGETINSTANCE.hideDialog();" class="slButton1"><span class="slButton1_Right">Cancel</span></a>
      </div>
    </div>
  </div>

<div class="slColumn2">
    ${friendSelector}
  </div>
</div>

<div class="slFriendSelector clear">
  {if friends.length <= 0}
    <p>Keep track of your friends. Click the "Add me as a friend" button on your friend's pages. </p>
  {else}
    <ul>
    {for friend in friends}
      {if WIDGETINSTANCE.isSelected(friend.UserKey.Key)}
        <li class="slSelectedUser" onclick="WIDGETINSTANCE.toggleSelection('${friend.UserKey.Key}')" id="friendList_${friend.UserKey.Key}">
        <div class="slCheckboxWrapper">
          <input id="friendListCheckBox_${friend.UserKey.Key}" type="checkbox" checked="checked"/>
        </div>

{elseif memberships[friend.UserKey.Key] && (memberships[friend.UserKey.Key] == "Member" || memberships[friend.UserKey.Key] == "Registrant" || memberships[friend.UserKey.Key] == "GroupAdmin") || memberships[friend.UserKey.Key] == "Manager"}
        <li class="slNonSelectableUser" id="friendList_${friend.UserKey.Key}">
        <div class="slCheckboxWrapper"> </div>
      {else}
        <li class="slSelectableUser" onclick="WIDGETINSTANCE.toggleSelection('${friend.UserKey.Key}')" id="friendList_${friend.UserKey.Key}">
        <div class="slCheckboxWrapper">
          <input id="friendListCheckBox_${friend.UserKey.Key}" type="checkbox"/>
        </div>
      {/if}
          <a class="slAvatar"><img class="slAvatarTiny" src="${friend.ImageUrl}"/></a>

<div class="slInfo">
            <div class="slHeadline">${friend.DisplayName}</div>
              {if memberships[friend.UserKey.Key] && memberships[friend.UserKey.Key] == "GroupAdmin"}
              <span id="friendInviteStatus_${friend.UserKey.Key}" class="slAlreadyGroupMemeber">Already a member</span>
            {elseif memberships[friend.UserKey.Key] && memberships[friend.UserKey.Key] == "Manager"}
              <span id="friendInviteStatus_${friend.UserKey.Key}" class="slAlreadyGroupMemeber">Already a member</span>
            {elseif memberships[friend.UserKey.Key] && memberships[friend.UserKey.Key] == "Member"}
              <span id="friendInviteStatus_${friend.UserKey.Key}" class="slAlreadyGroupMemeber">Already a member</span>

{elseif memberships[friend.UserKey.Key] && memberships[friend.UserKey.Key] == "Registrant"}
              <span id="friendInviteStatus_${friend.UserKey.Key}" class="slAlreadyGroupMemeber">Membership pending</span>
            {elseif WIDGETINSTANCE.isSelected(friend.UserKey.Key)}
              <span id="friendInviteStatus_${friend.UserKey.Key}">Selected</span>
            {else}
              <span id="friendInviteStatus_${friend.UserKey.Key}">Invite Me!</span>
            {/if}
          </div>

</li>
    {/for}
    </ul>
  {/if}
  <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>

{macro getTitle(item)}
    {if item.BlogPostKey}
      <a href="${urls.groups.showBlogPost(options.groupKey, item.BlogPostKey.Key.substring(0,item.BlogPostKey.Key.indexOf('Post')), item.BlogPostKey.Key)}">${item.PostTitle}</a> (Blog Post)
    {elseif item.ForumPostKey}
      <a href="${urls.groups.showForumPost(options.groupKey, item.ForumPostKey.Key)}">${item.PostTitle}</a> (Forum Post)
    {elseif item.PhotoKey}
      <a href="${urls.groups.showPhoto(options.groupKey, group.PhotoGalleryKey.Key, item.PhotoKey.Key)}">${item.Title}</a> (Photo)
    {elseif item.VideoKey}
      <a href="${urls.groups.showVideo(options.groupKey, group.VideoGalleryKey.Key, item.VideoKey.Key)}">${item.Title}</a> (Video)
    {elseif item.EventKey}
      <a href="${urls.groups.showEvent(options.groupKey, item.EventKey.Key)}">${item.Title}</a> ({if item.isPast}Past Event{else}Event{/if})
    {elseif item.CommentKey}
      Comment on ${getTitle(commentedOnItems[item.CommentedOnKey])}
    {elseif item.GalleryKey}
    <a href="${urls.groups.showGallery(item.AssociatedCommunityGroupKey.Key, item.GalleryKey.Key, item.MediaType.Name)}">${item.Title}</a> (${item.MediaType.Name} Gallery)
    {elseif item.UserKey}
    <a href="${urls.personas.home(item.UserKey.Key)}">${truncateString(item.DisplayName, 500)}</a> (User)
    {else}
      
    {/if}
  {/macro}

{macro truncateBody(body)}
    {if options.maxBodyLength > 0}
      ${truncateString(body, options.maxBodyLength)}
    {else}
      {body}
    {/if}
  {/macro}

${header}
<div class="slClear"></div>
${searchBar}
<div class="slClear"></div>

<div class="slSearchResults slContainer">
 <h2 class="slTitle">${resultsPage.NumberOfSearchResults} Search Result{if resultsPage.NumberOfSearchResults != 1}s{/if} for "${options.searchString}" in ${group.Title}</h2>
 <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>
  <div class="slClear"></div>
 <ul class="slContent">
    {for item in results}

    {var title = getTitle(item)}
    {var userUrl = ''}
    {var userText = false}
    {var body = false}
    {var thumbnailUrl = false}
    {var thumbnailLinkUrl = false}
    {var readMoreLink = false}
    {var readMoreText = "Read More »"}
    {var userIsBozo = false}
        {if item.BlogPostKey}
      {var userKey = item.PostAuthor.UserKey.Key}
      {var userText = item.PostAuthor.DisplayName}
      {var body = item.PostBody}
      {var readMoreLink = urls.groups.showBlogPost(options.groupKey, item.BlogPostKey.Key.substring(0,item.BlogPostKey.Key.indexOf('Post')), item.BlogPostKey.Key)}
      {var userIsBozo = isBozo(item.PostAuthor)}
        {elseif item.CommentKey}
      {var userKey = item.Author.UserKey.Key}
      {var userText = item.Author.DisplayName}
      {var body = item.CommentBody}
      {var userIsBozo = isBozo(item.Author)}
        {elseif item.ForumPostKey}
      {var userKey = item.LiteUser.UserKey.Key}
      {var userText = item.LiteUser.DisplayName}
      {var body = item.PostBody}
      {var readMoreLink = urls.groups.showForumPost(options.groupKey, item.ForumPostKey.Key)}
      {var userIsBozo = isBozo(item.LiteUser)}
        {elseif item.PhotoKey}
      {var userKey = item.Author.UserKey.Key}
      {var userText = item.Author.DisplayName}
      {var body = item.Description}
      {var thumbnailLinkUrl = urls.groups.showPhoto(options.groupKey, group.PhotoGalleryKey.Key, item.PhotoKey.Key)}
      {var thumbnailUrl = item.Image.Small}
      {var readMoreText = "View »"}
      {var readMoreLink = urls.groups.showPhoto(options.groupKey, group.PhotoGalleryKey.Key, item.PhotoKey.Key)}
      {var userIsBozo = isBozo(item.Author)}
        {elseif item.VideoKey}
      {var userKey = item.Author.UserKey.Key}
      {var userText = item.Author.DisplayName}
      {var body = item.Description}
      {var thumbnailLinkUrl = urls.groups.showVideo(options.groupKey, group.VideoGalleryKey.Key, item.VideoKey.Key)}
      {var thumbnailUrl = item.VideoThumbnail}
      {var readMoreText = "View »"}
      {var readMoreLink = urls.groups.showVideo(options.groupKey, group.VideoGalleryKey.Key, item.VideoKey.Key)}
      {var userIsBozo = isBozo(item.Author)}
        {elseif item.EventKey}
      {var body = '<p class="slEventDateTime">' + toLocalTimeString(item.StartDate) + ' - ' + toLocalTimeString(item.EndDate) + '</p>' + item.Description}
      {var readMoreText = "View »"}
      {var readMoreLink = urls.groups.showEvent(options.groupKey, item.EventKey.Key)}
      {var userIsBozo = isBozo(item.Author)}
    {elseif item.GalleryKey}
      {var body = item.Description}
      {var readMoreText = "View »"}
      {var readMoreLink = urls.groups.showGallery(item.AssociatedCommunityGroupKey.Key, item.GalleryKey.Key, item.MediaType.Name)}
    {elseif item.UserKey}

{var body = item.AboutMe}
      {var thumbnailLinkUrl = urls.personas.home(item.UserKey.Key)}
      {var thumbnailUrl = item.AvatarPhotoUrl}
      {var userIsBozo = isBozo(item)}
    {else}
      
    {/if}
      <li class="slSearchResult {if userIsBozo} slBozoContent{/if}">
      <div class="slSearchResultTitle">${title}</div>
      {if thumbnailUrl}<div class="slThumbnail"><a href="${thumbnailLinkUrl}"><img src="${thumbnailUrl}"></a></div>{/if}
      {if userText}<div class="slByUser">by <a href="${urls.personas.home(userKey)}">${userText}</a></div>{/if}
      {if body}<div class="slBody"><p>${truncateBody(body)}</p></div>{/if}
      {if readMoreLink}<div class="slReadMore"><a href="${readMoreLink}">${readMoreText}</a></div>{/if}
      </li>

{forelse}
    <p class="slDefaultText">We didn't find any results for your search in this forum. You may want to <a href="${urls.groups.showForumDiscussion(options.groupKey, group.ForumKey.Key, true)}">start a discussion</a> in the forum if you have a question.</p>
    {/for}
  </ul>

<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>
  <div class="slClear"></div>
 </div>
</div>

{var error = !pollOnKeySpecified || moreThanOnePollForThisParent}
  {if error}
    {if !pollOnKeySpecified}
      <span class="slErrorText">pollOnKey not specified -- this parameter is required</span>
    {elseif moreThanOnePollForThisParent}
      <span class="slErrorText">More than one poll for the given pollOnKey -- aborting</span>
    {/if}
  {else}
    {var createMode = !poll}
    {var resultMode = (poll && poll.CurrentUserHasVoted) || (poll && poll.IsClosed) || isAnonymous || options.showResultsOnly}
    {var voteMode = !resultMode}

{if createMode}
      ${createPoll}

{elseif resultMode || voteMode}
      {eval}
      switchViews = function(showVoteView) {
        if (showVoteView) {
          document.getElementById(resultsId).style.display = 'none';
          document.getElementById(voteId).style.display = 'block';
        }
        else {
          document.getElementById(voteId).style.display = 'none';
          document.getElementById(resultsId).style.display = 'block';
        }
      }
      {/eval}
      <div class="slPoll">
        <div class="slResults" {if voteMode}style="display:none;"{/if} id="${resultsId}">
          {if !isAnonymous && !poll.CurrentUserHasVoted && !poll.IsClosed && !options.showResultsOnly}<a href="javascript:void(0)" onclick="switchViews(true); return false;" class="slVoteLink" id="${resultsId}_GoVote">Go vote!</a>{/if}

<h4>${poll.Question}</h4>

<table class="slAnswerStats" cellpadding="0" cellspacing="0" border="0">
            {for answer in poll.Answers}
              {var answerPercent = Math.round(answer.Percentage * 100)}
              <tr class="slAnswerStat slAnswerStat_${answer_index}">
                <td class="slAnswer">${answer.Answer}</td>
                <td class="slAnswerBarCell">
                  <span id="${resultsId}_AnswerCount_${answer_index}" class="slAnswerCount">
                    ${answer.NumberOfVotes} Vote{if answer.NumberOfVotes != 1}s{/if} (${answer.PercentageStr }%)
                  </span>

<div class="slAnswerBar">
                    <div class="slAnswerBarPercent slAnswerBarPercent_${answerPercent}" style="width: ${answerPercent}%;">
                      <span id="${resultsId}_AnswerCount_${answer_index}" class="slAnswerCountAlt">
                        ${answer.NumberOfVotes} Vote{if answer.NumberOfVotes != 1}s{/if} (${answer.PercentageStr }%)
                      </span>
                    </div>
                  </div>
                </td>
              </tr>
            {/for}
          </table>

<p id="${resultsId}_ResultsHeader">Total: ${totalVotes} Vote{if totalVotes != 1}s{/if}</p>
        </div>

<div class="slVote" {if resultMode}style="display:none;"{/if} id="${voteId}">
          <div class="slErrorText" id="${answerIsRequiredErrorId}">You must select one answer before submitting your vote.</div>

<h4>${poll.Question}</h4>

<table class="slAnswers" cellspacing="0" cellpadding="0" border="0">
            {for answer in poll.Answers}
              {var answerId = poll.PollKey.Key + '.' + answer_index}
              <tr>
                <td class="slAnswerInput">
                  <input type="radio" name="answers" id="slPollAnswer${answer_index}" value="${answer_index}" id="${answerId}"/>
                </td>
                <td class="slAnswerText"><label for="${answerId}">${answer.Answer}</label></td>
              </tr>
            {/for}
          </table>

<div style="clear: both;">
            <div class="slSendAnswer" style="float: left; width: auto !important;">
              <input id="${voteId}_VoteButton" class="slVoteButton" type="button" value="Vote" onclick="WIDGETINSTANCE.answerPoll(); return false;" />
            </div>
            <div class="results" style="float: right; text-align: right; padding: 5px;">
              <a id="${voteId}_ViewResults" href="javascript:void(0)" onclick="switchViews(false); return false;" class="slResultsLink">View Results...</a>
            </div>
          </div>
        </div>
      </div>
    {/if}
  {/if}

<div class="slFounders slContainer">
  <h3 class="slSectionTitle">The Managers</h3>
  <ul class="slContent">
    {for admin in admins}
    <li>
      <a href="${urls.personas.home(admin.User.UserKey.Key)}"><img class="slAvatarMedium" alt="" src="${admin.User.AvatarPhotoUrl}"/></a>
      <p class="slInfo">
        <span class="slCallout">Admin</span>
        <a href="${urls.personas.home(admin.User.UserKey.Key)}" class="slUserName">${admin.User.DisplayName}</a>
        <span class="slLocation">${admin.User.Location}</span>
        <a href="${urls.personas.home(admin.User.UserKey.Key)}" class="slFriendCount">${admin.User.NumberOfFriends} friend{if admin.User.NumberOfFriends > 1}s{/if}</a>
      </p>
    </li>
    {/for}
    {for manager in managers}
    <li>
      <a href="${urls.personas.home(manager.User.UserKey.Key)}"><img class="slAvatarMedium" alt="" src="${manager.User.AvatarPhotoUrl}"/></a>
      <p class="slInfo">
        <span class="slCallout">Manager</span>
        <a href="${urls.personas.home(manager.User.UserKey.Key)}" class="slUserName">${manager.User.DisplayName}</a>
        <span class="slLocation">${manager.User.Location}</span>
        <a href="${urls.personas.home(manager.User.UserKey.Key)}" class="slFriendCount">${manager.User.NumberOfFriends} friend{if manager.User.NumberOfFriends > 1}s{/if}</a>
      </p>
    </li>
    {/for}
  </ul>
</div>

{macro question(showVoteTotal)}
    <div class="poll-question">
      {if keyType == "discussion"}
        <a href="/forums/?plckForumPage=ForumDiscussion&plckDiscussionId=${key}#forumPostTitle_1" title="View discussion">
          ${poll.Question}
        </a>
      {else}
        ${poll.Question}
      {/if}
      {if showVoteTotal}
        <span class="poll-votes">(${poll.TotalVotes} ${"vote"|pluralise:poll.TotalVotes})</span>
      {/if}
    </div>
  {/macro}
  <div class="slResults" {if !noVote}style="display:none;"{/if}>
    ${question(true)}
    <table class="slAnswerStats" cellpadding="0" cellspacing="0" border="0">
      {for answer in poll.Answers}
        <tr class="slAnswerStat slAnswerStat_${answer_index}">
          <td class="slAnswer">${answer.Answer}</td>
          <td class="slAnswerBarCell">
            <div class="slAnswerBar">
              <div class="slAnswerCount">${answer.NumberOfVotes} ${"vote"|pluralise:answer.NumberOfVotes} (${answer.PercentageStr}%)</div>
              <div class="slAnswerBarPercent" style="width: ${answer.Percentage}%;"></div>
            </div>
          </td>
        </tr>
      {/for}
    </table>
    {if !noVote}<div class="results"><a href="javascript:void(0);" class="slVoteLink">Go vote!</a></div>{/if}
  </div>

{if !noVote}
  <div class="slVote">
    <div class="slErrorText">You must select one answer before submitting your vote.</div>
    ${question(false)}
    <table class="slAnswers" cellspacing="0" cellpadding="0" border="0">
      {for answer in poll.Answers}
        {var answerId = poll.PollKey.Key + '.' + answer_index}
        <tr>
          <td class="slAnswerInput">
            <input type="radio" name="answers" value="${answer_index}" id="${answerId}"/>
          </td>
          <td class="slAnswerText">
            <label for="${answerId}">${answer.Answer}</label>
          </td>
        </tr>
      {/for}
    </table>
    <div style="clear: both; margin-left: 8px;">
      <div class="slSendAnswer"><input class="slVoteButton" type="button" value="Vote" /></div>
      <div class="results"><a href="javascript:void(0);" class="slResultsLink">View Results...</a></div>
    </div>
  </div>
  {/if}

What do you think?

To use this site you must have Javascript enabled

doc2doc is a doctors community site with secure doctor forum & doctors social networking. Join for free today to get answers from your peers to your clinical questions

	What happens when parents disagree over a child's treatment? By ikaros
	Joke thread! Medically related only please! By DrS
	Please add to the List---------- By mukhtar ali
	How do you keep up to date with diabetes? By diabetesMD
	Would You Trust Nestlé to Feed Your Children? By diabetesMD
	Would you advise a patient to seek legal advice for poor treatment (from another doctor)? By Dutchdoc
	Long Wait Time/ Waiting List in Hospitals By mukhtar ali
	Patients ' Treated in Corridors' By mukhtar ali
	O! for a Buffy to combat Evil in medicine! By DuaneF
	What's the best shape for a hospital? By DuaneF

What do you think?

Latest discussions

Closed forum discussions

Recommended discussions

	Genetic literacy in primary care
	Controlling hypertension in a patient on corticosteroids and NSAID's..
	Controlling hypertension in a patient on corticosteroids and NSAID's..