﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:import href="GenericTemplates/NoContentMessage.xslt"/>
    <xsl:template match="/">
        <xsl:variable name ="Origin" select="normalize-space(Output/Origin)"></xsl:variable>
        <xsl:variable name="IsAuthenticated" select="normalize-space(Output/Authenticated)"></xsl:variable>
        <xsl:variable name="BrandPermissionID" select="normalize-space(Output/BrandPermissionID)"></xsl:variable>
        <xsl:variable name="isCommunityAdmin" select="normalize-space(Output/isCommunityAdmin)"></xsl:variable>
        <xsl:variable name="HostName" select="normalize-space(Output/HostName)"></xsl:variable>
        <xsl:variable name="RoleName" select="normalize-space(Output/UserRoles/Role/RoleName)"></xsl:variable>


        <xsl:variable name="displayStyle">
            <xsl:choose>
                <xsl:when test="count(Output/ItemData) &gt; 2">
                    <xsl:text>display:inline</xsl:text>
                </xsl:when>
                <xsl:otherwise>
                    <xsl:text>display:none</xsl:text>
                </xsl:otherwise>
            </xsl:choose>
        </xsl:variable>


        <div style="padding-top: 20px; padding-bottom: 10px;">
            <xsl:choose>
                <xsl:when test="count(Output/ItemData) &gt; 0">

                    <!-- Div showing up the top 5 Community Content -->
                    <div id="NewArticle_Default">
                        <table class="tableMaster" border="0" cellspacing="0" cellpadding="0">
                            <xsl:if test ="$Origin != 'Brand'">
                                <tr>
                                    <td width="71%" class="labelBold8">
                                        <div align="left">
                                            New Articles / Resources
                                        </div>
                                    </td>
                                    <td width="7%" class="labelBold8">
                                        <div align="center">
                                            VIEWS
                                        </div>
                                    </td>
                                    <td width="10%" class="labelBold8">
                                        <div align="center">
                                            COMMENTS
                                        </div>
                                    </td>
                                    <td width="6%" class="labelBold8">
                                        <div align="center">
                                            LIKE
                                        </div>
                                    </td>
                                    <td width="6%" class="labelBold8">
                                        <div align="center">
                                            DISLIKE
                                        </div>
                                    </td>
                                </tr>
                            </xsl:if>
                            <xsl:for-each select ="Output/ItemData">
                                <xsl:if test ="$Origin != 'Brand'">
                                    <xsl:if test="position()&lt;=5">
                                        <tr>
                                            <td style="padding-top: 10px;" width="20%" align="center">
                                                <table cellSpacing="0" cellPadding="0" border="0">
                                                    <tr>
                                                        <td valign="top" width="20%" align="center">
                                                            <xsl:if test ="normalize-space(imageAttach) != ''">
                                                                <div id="divImg_{normalize-space(ItemID)}_img" align="center" style="margin-top: 5px; margin-bottom: 5px;">
                                                                    <a href="http://{$HostName}/Content.aspx?ID={normalize-space(ItemID)}">
                                                                        <img   style="display:inline; margin-left: 0px; vertical-align: middle; display: none;"
                                                                                                  src="{normalize-space(imageAttach)}"
                                                                                                 onload='setWidthAndHeightImage(this,"80");' />
                                                                    </a>
                                                                </div>
                                                            </xsl:if>
                                                        </td>
                                                        <td width="80%">
                                                            <div align="left" style="padding-left:10px;">
                                                                <a class="link" href="http://{$HostName}/Content.aspx?ID={normalize-space(ItemID)}">
                                                                    <span>
                                                                        <xsl:value-of select="Item"/>
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div style="padding-left:10px;">
                                                                <span class="label">
                                                                    <xsl:value-of select="contentMemo"/>
                                                                </span>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td class="ArticleFont" style="padding-top: 12px;">
                                                <div align="center">
                                                    <span class="ArticleFont">
                                                        <strong>
                                                            <xsl:value-of select="viewcount"/>
                                                        </strong>
                                                    </span>
                                                </div>
                                            </td>
                                            <td class="ArticleFont" style="padding-top: 12px;">
                                                <div align="center">
                                                    <strong>
                                                        <xsl:value-of select="CommentCount"/>
                                                    </strong>
                                                </div>
                                            </td>
                                            <td class="ArticleFontGreen" style="padding-top: 12px;">
                                                <div align="center">
                                                    <span>
                                                        <xsl:value-of select="Like"/>%
                                                    </span>
                                                </div>
                                            </td>
                                            <td class="ArticleFontRed" style="padding-top: 12px;">
                                                <div align="center">
                                                    <span>
                                                        <xsl:value-of select="Dislike"/>%
                                                    </span>
                                                </div>

                                            </td>
                                        </tr>
                                    </xsl:if>
                                </xsl:if>
                            </xsl:for-each>
                            <xsl:for-each select ="Output/ItemData">
                                <xsl:if test ="$Origin = 'Brand'">
                                    <xsl:if test="position()&lt;=2">
                                        <tr>
                                            <td>
                                                <table cellSpacing="0" cellPadding="0" border="0" width="100%">
                                                    <tr>
                                                        <td valign="top" width="15%" align="center">
                                                            <xsl:if test ="normalize-space(imageAttach) != ''">
                                                                <div id="divImg_{normalize-space(ItemID)}_img" align="center" style="margin-top: 5px; margin-bottom: 5px;">
                                                                    <a href="http://{$HostName}/Content.aspx?ID={normalize-space(ItemID)}" target="_blank">
                                                                        <img   style="display:inline; margin-left: 0px; vertical-align: middle; display: none;"
                                                                                                  src="{normalize-space(imageAttach)}"
                                                                                                 onload='setWidthAndHeightImage(this,"80");' />
                                                                    </a>
                                                                </div>
                                                            </xsl:if>
                                                        </td>
                                                        <td>
                                                            <div align="left" style="">
                                                                <div>
                                                                    <a class="link" href="http://{$HostName}/Content.aspx?ID={normalize-space(ItemID)}" target="_blank">
                                                                        <span>
                                                                            <xsl:value-of select="Item"/>
                                                                        </span>
                                                                    </a>
                                                                </div>
                                                                <div>
                                                                    <span class="label">
                                                                        <xsl:value-of select="contentMemo"/>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </xsl:if>
                                </xsl:if>
                            </xsl:for-each>
                        </table>
                    </div>

                    <!-- Div showing up all the Content for a Community -->
                    <xsl:if test ="$Origin != 'Brand'">
                        <div id="NewArticle_Expanded" style="display:none;">
                            <table class="tableMaster" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="71%" class="labelBold8">
                                        <div align="left">
                                            New Articles / Resources
                                        </div>
                                    </td>
                                    <td width="7%" class="labelBold8">
                                        <div align="center">
                                            VIEWS
                                        </div>
                                    </td>
                                    <td width="10%" class="labelBold8">
                                        <div align="center">
                                            COMMENTS
                                        </div>
                                    </td>
                                    <td width="6%" class="labelBold8">
                                        <div align="center">
                                            LIKE
                                        </div>
                                    </td>
                                    <td width="6%" class="labelBold8">
                                        <div align="center">
                                            DISLIKE
                                        </div>
                                    </td>
                                </tr>
                                <xsl:for-each select ="Output/ItemData">
                                    <tr>
                                        <td colspan="5" valign="top" width="20%" align="center">
                                            <div style="height:10px;">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td valign="top" width="20%" align="center">
                                            <table cellSpacing="0" cellPadding="0">
                                                <tr>
                                                    <td valign="top" width="20%" align="center">
                                                        <xsl:if test ="normalize-space(imageAttach) != ''">
                                                            <div id="divImg_{normalize-space(ItemID)}_img" align="center" style="margin-top: 5px; margin-bottom: 5px;">
                                                                <a href="http://{$HostName}/Content.aspx?ID={normalize-space(ItemID)}">
                                                                    <img   style="display:inline; margin-left: 0px; vertical-align: middle; display: none;"
                                                                                              src="{normalize-space(imageAttach)}"
                                                                                             onload='setWidthAndHeightImage(this,"80");' />
                                                                </a>
                                                            </div>
                                                        </xsl:if>
                                                    </td>
                                                    <td width="80%">
                                                        <div align="left" style="margin-left: 10px;">
                                                            <a href="http://{$HostName}/Content.aspx?ID={normalize-space(ItemID)}">
                                                                <span class="ArticleFont11">
                                                                    <strong>
                                                                        <xsl:value-of select="Item"/>
                                                                    </strong>
                                                                </span>
                                                            </a>
                                                        </div>
                                                        <div style="margin-left: 10px;" class="ArticleFont">
                                                            <xsl:value-of select="contentMemo"/>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td class="ArticleFont" style="padding-top: 0px;">
                                            <div align="center">
                                                <span class="ArticleFont">
                                                    <strong>
                                                        <xsl:value-of select="viewcount"/>
                                                    </strong>
                                                </span>
                                            </div>
                                        </td>
                                        <td class="ArticleFont" style="padding-top: 0px;">
                                            <div align="center">
                                                <strong>
                                                    <xsl:value-of select="CommentCount"/>
                                                </strong>
                                            </div>
                                        </td>
                                        <td class="ArticleFontGreen" style="padding-top: 0px;">
                                            <div align="center">
                                                <span>
                                                    <xsl:value-of select="Like"/>%
                                                </span>
                                            </div>
                                        </td>
                                        <td class="ArticleFontRed" style="padding-top: 0px;">
                                            <div align="center">
                                                <span>
                                                    <xsl:value-of select="Dislike"/>%
                                                </span>
                                            </div>

                                        </td>
                                    </tr>
                                </xsl:for-each>
                            </table>
                        </div>
                    </xsl:if>
                    <xsl:if test ="$Origin = 'Brand'">
                        <div id="NewArticle_Expanded" style="display:none;">
                            <table class="tableMaster" border="0" cellspacing="0" cellpadding="0">
                                <xsl:for-each select ="Output/ItemData">
                                    <tr>
                                        <td colspan="2">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td height="20">
                                            <table cellSpacing="0" cellPadding="0" width="100%">
                                                <tr>
                                                    <td valign="top" width="15%" align="center">
                                                        <xsl:if test ="normalize-space(imageAttach) != ''">
                                                            <div id="divImg_{normalize-space(ItemID)}_img" align="center" style="margin-top: 5px; margin-bottom: 5px;">
                                                                <a href="http://{$HostName}/Content.aspx?ID={normalize-space(ItemID)}" target="_blank">
                                                                    <img   style="display:inline; margin-left: 0px; vertical-align: middle; display: none;"
                                                                                              src="{normalize-space(imageAttach)}"
                                                                                             onload='setWidthAndHeightImage(this,"80");' />
                                                                </a >
                                                            </div>
                                                        </xsl:if>
                                                    </td>
                                                    <td>
                                                        <div align="left" style="">
                                                            <div>
                                                                <a class="link" href="http://{$HostName}/Content.aspx?ID={normalize-space(ItemID)}" target="_blank">
                                                                    <span>
                                                                        <xsl:value-of select="Item"/>
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div>
                                                                <span class="label">
                                                                    <xsl:value-of select="contentMemo"/>
                                                                </span>
                                                            </div>

                                                        </div>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </xsl:for-each>
                            </table>
                        </div>
                    </xsl:if>
                </xsl:when>
                <xsl:otherwise>
                    <!--<xsl:call-template name="NoContentMessage"></xsl:call-template>-->
                </xsl:otherwise>
            </xsl:choose>

            <!-- Div showing the link to 'View All Content' -->

            <xsl:choose>
                <xsl:when test ="$Origin != 'Brand'">
                    <xsl:if test="count(Output/ItemData) &gt; 5">
                        <div id="div_ShowContentDetails" align="center" style="text-align:center; margin-top: 10px;">
                            <a class="link"
                               onmouseover="this.style.textDecoration='underline';"
                               onmouseout="this.style.textDecoration='none';"
                               onClick="return showCommunityContent(
                                'NewArticle_Default', 
                                'NewArticle_Expanded',
                                'div_ShowContentDetails');">
                                View all Content
                            </a>
                        </div>
                    </xsl:if>
                </xsl:when>
                <xsl:otherwise>
                    <xsl:variable name="CommunityItemID" select="Output/CommunityItemID"></xsl:variable>
                    <div>
                        <table align="center">
                            <tr>
                                <td>
                                    <div id="div_ShowContentDetails" style=" {$displayStyle};">
                                        <a class="link" target="_blank"
                                           onmouseover="this.style.textDecoration='underline';"
                                           onmouseout="this.style.textDecoration='none';"
                                           onClick="return showCommunityContent(
                                                                'NewArticle_Default', 
                                                                'NewArticle_Expanded',
                                                                'div_ShowContentDetails');">
                                            View all Content
                                        </a>
                                    </div>
                                </td>
                                <td></td>
                                <td>
                                    <div id="div_AddContent" style=" display:inline;">
                                        <xsl:if test="$BrandPermissionID &gt;= 4 or $isCommunityAdmin = 1 or Output/UserRoles/Role[RoleName != 'Brand Admin']">
                                            <a class="link" id="linkAddContent" href="#" target="_blank"
                                               onmouseover="this.style.textDecoration='underline';"
                                               onmouseout="this.style.textDecoration='none';"
                                               onclick="return Community_AddContentWithBox('{$CommunityItemID}','divBrandCommunityContent', 0);">

                                                <div>
                                                </div>
                                                Add Content
                                            </a>
                                        </xsl:if>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </xsl:otherwise>
            </xsl:choose>
        </div>
    </xsl:template>
</xsl:stylesheet>
