﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:template match ="/">
        <xsl:variable name ="TemplatePathURL" select ="normalize-space(Features/TemplateURL)"></xsl:variable>
        <xsl:variable name ="HostName" select ="normalize-space(Features/HostName)"></xsl:variable>

        <div id="divLifeSpaceMenuItems" style="width:100%">
            <xsl:for-each select="Features/LifeSpaceList/LifeSpace">
                <div id="divLifeSpaceListItem_{normalize-space(LifeSpaceItemID)}" style="margin-bottom: 15px; width: 100%">
                    <table style='margin: 0px; padding: 0px; width: 100%' cellpadding="1" border="0">
                        <tr>
                            <td width="33px" style="vertical-align: middle">
                                <a href="http://{normalize-space($HostName)}/LifeSpace.aspx?ID={normalize-space(LifeSpaceItemID)}" class ="link">
                                    <div class="link" style="padding: 0px; text-align: left">
                                        <img id="divLifeSpaceListItem_{normalize-space(LifeSpaceItemID)}_img"
                                             style="display: inline; margin-left: 0px; display: none;"
                                             src="{$TemplatePathURL}Web/Images/{normalize-space(LifeSpaceItemName)}.jpg"
                                             onload='setWidthAndHeightImage(this,"45");' />
                                    </div>
                                </a>

                            </td>
                            <td style="vertical-align:top">
                                <div style="vertical-align:top">
                                    <a href="http://{normalize-space($HostName)}/LifeSpace.aspx?ID={normalize-space(LifeSpaceItemID)}" class="link">
                                        <div style="vertical-align: top; text-align: left">
                                            <span id="divLifeSpaceListItem_{normalize-space(LifeSpaceItemID)}_text"
                                                  class="link"
                                                  style="color: gray; text-decoration: underline; font-size: 11pt;">
                                                <b>
                                                    <xsl:value-of select="normalize-space(LifeSpaceItemName)"/>
                                                </b>
                                            </span>
                                        </div>
                                    </a>
                                    <xsl:for-each select="Goals/Goal">
                                        <xsl:if test="position()&lt;=5">
                                            <div class="link">
                                                <b>
                                                    <a href="http://{normalize-space($HostName)}/Goal.aspx?ID={normalize-space(GoalItemID)}"
                                                       style="font-size: 9pt;"
                                                       title="{normalize-space(GoalItemName)}">
                                                        <xsl:if test="string-length(GoalItemName)>23">
                                                            <xsl:value-of select="substring(GoalItemName,1,20)"/>
                                                            <xsl:text>...</xsl:text>
                                                        </xsl:if>
                                                        <xsl:if test="string-length(GoalItemName) &lt;=23">
                                                            <xsl:value-of select="normalize-space(GoalItemName)"/>
                                                        </xsl:if>
                                                    </a>
                                                </b>
                                            </div>
                                        </xsl:if>
                                    </xsl:for-each>
                                    <div style="margin-top: 5px;">
                                        <a id="link_lifespace_NewGoalItem_{normalize-space(LifeSpaceItemID)}"
                                             class="anchorButton"
                                             style="color: white; text-decoration: none;"
                                             href="http://{$HostName}/CreateGoal.aspx?ID={normalize-space(LifeSpaceItemID)}">Add New Goal</a>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </xsl:for-each>
        </div>
    </xsl:template>
</xsl:stylesheet>