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

	Can medicine ever be ‘just a career’? By DanaPRinaldi
	Introducing two new doc2doc moderators By John D
	Hard to explain? Paradox of being asked really simple things. By skyesteve
	Death by Powerpoint. What makes a good presentation? By Carolin
	At what age would you like to retire from medicine? By TimReynolds
	Will you come to our BMJ Hackday? By mbillingsley
	Is cancer a preventable illness? By Carolin
	What music would you like to listen to if you were ventilated on ICU? By Carolin
	Fetal growth app for iPhone/iPad By 34660550408
	Tramadol - time to think again? By skyesteve

What do you think?

Latest discussions

Closed forum discussions

Recommended discussions

	acute pancreatitis and cholecistectomy
	acute pancreatitis and cholecistectomy
	post stroke reviews in primary care - your views