Code listings for "Using Dictionary Items in XSLT" (Pimp My XSLT article)

dictionary-items-01.xslt

<xsl:template match="/">
    <h2><xsl:value-of select="umbraco.library:GetDictionaryItem('SearchTitle')" /></h2>
    <!-- do stuff -->
</xsl:template>

dictionary-items-02.xslt

<xsl:template match="/">
    <h2><xsl:value-of select="umbraco.library:GetDictionaryItem('SearchTitle')" /></h2>

    <form>
        <p>
            <input type="search" placeholder="{umbraco.library:GetDictionaryItem('SearchFieldPlaceholder')}" name="q" />
            <button type="submit">
                <xsl:value-of select="umbraco.library:GetDictionaryItem('SearchButtonText')" />
            </button>
        </p>
    </form>
</xsl:template>

dictionary-items-03.xml

<DictionaryItems>
    <DictionaryItem key="SearchTitle">Are you lost?</DictionaryItem>
    <DictionaryItem key="SearchButtonText">Find</DictionaryItem>
    <DictionaryItem key="SearchFieldPlaceholder">Type some keywords here...</DictionaryItem>
</DictionaryItems>

dictionary-items-04.xslt

<xsl:variable name="search-labels" select="umbraco.library:GetDictionaryItems('SearchLabels')" />

dictionary-items-05.xslt

<!-- Before: -->
<h2><xsl:value-of select="umbraco.library:GetDictionaryItem('SearchTitle')" /></h2>

<!-- After: -->
<h2><xsl:value-of select="$search-labels/DictionaryItems/DictionaryItem[@key = 'SearchTitle']" /></h2>

dictionary-items-06.xslt

<!-- Grab each section of labels -->
<xsl:variable name="frontpage-labels" select="umbraco.library:GetDictionaryItems('FrontPage')/DictionaryItems/DictionaryItem" />
<xsl:variable name="search-labels" select="umbraco.library:GetDictionaryItems('Search')/DictionaryItems/DictionaryItem" />
<xsl:variable name="product-labels" select="umbraco.library:GetDictionaryItems('Products')/DictionaryItems/DictionaryItem" />

<!-- Join them all for easy access -->
<xsl:variable name="labels" select="$frontpage-labels | $search-labels | $product-labels" />

dictionary-items-07.xslt

<xsl:template match="/">
    <h2><xsl:value-of select="$labels[@key = 'SearchTitle']" /></h2>

    <form>
        <p>
            <input type="search" placeholder="{$labels[@key = 'SearchFieldPlaceholder']}" name="q" />
            <button type="submit">
                <xsl:value-of select="$labels[@key = 'SearchButtonText']" />
            </button>
        </p>
    </form>
</xsl:template>

dictionary-items-08.xslt

<!--
    Take the label key from the element's name;
    If no DictionaryItem defined for this, wrap the element's name in hash-signs,
    to signal a missing translation to the frontend.
-->
<xsl:template match="* | @*" mode="label">
    <xsl:value-of select="$labels[@key = name(current())]" />
    <xsl:if test="not($labels[@key = name(current())])">
        <xsl:value-of select="concat('#', name(), '#')" />
    </xsl:if>
</xsl:template>

dictionary-items-09.xslt

<xsl:template match="NewsItem">
    <xsl:apply-templates select="newsDate" />

    <!-- do stuff -->
</xsl:template>

<xsl:template match="newsDate">
    <h3>
        <!-- Write localized 'Date' label  -->
        <xsl:apply-templates select="." mode="label" />
        <xsl:value-of select="concat(': ', .)" />
    </h3>
</xsl:template>