JSFiddle - React, Tailwind, and code Playground

by Mohammed Abadi

HTML

<xsl:stylesheet
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:testy="http://mycompany.com/user"
    xmlns:msxsl="urn:schemas-microsoft-com:xslt" version="1.0">
    <xsl:output method="text" encoding="UTF-8" omit-xml-declaration="yes"/>
    <xsl:template match="/">
        <pre>
            <pre>Account #,Notes,Name,Carrier,Country,Type,Master,Last Invoice,Invoice Date,Account ID]_|_[
                <xsl:apply-templates select="DATA/CALL/RESULT/QueryObject/QueryResults/Collection/Item/DataContainer">
                    <xsl:sort select="DONOTSORT" data-type="number" order="ascending"/>
                </xsl:apply-templates>
            </pre>
        </pre>
    </xsl:template>
    <xsl:template match="Item/DataContainer">
        <xsl:text/>
        <xsl:text>;:</xsl:text>
        <xsl:text>STRING</xsl:text>
        <xsl:text>;:</xsl:text>
        <xsl:value-of select="ACCOUNTNUMBER/@tableDisplay"/>
        <xsl:text>;:</xsl:text>
        <xsl:value-of select="ACCOUNTNUMBER"/>]_[
        <xsl:text/>
        <xsl:text>;:</xsl:text>
        <xsl:text>ICON</xsl:text>
        <xsl:text>;:</xsl:text>
        <xsl:value-of select="HASNOTES/@tableDisplay"/>
        <xsl:text>;:</xsl:text>
        <xsl:value-of select="HASNOTES"/>]_[
        <xsl:text/>
        <xsl:text>;:</xsl:text>
        <xsl:text>STRING</xsl:text>
        <xsl:text>;:</xsl:text>
        <xsl:value-of select="NAME/@tableDisplay"/>
        <xsl:text>;:</xsl:text>
        <xsl:value-of select="NAME"/>]_[
        <xsl:text/>
        <xsl:text>;:</xsl:text>
        <xsl:text>STRING</xsl:text>
        <xsl:text>;:</xsl:text>
        <xsl:value-of select="CARRIERNAME/@tableDisplay"/>
        <xsl:text>;:</xsl:text>
        <xsl:value-of select="user:Format_escapeEmbeddedCommas(CARRIERNAME)"/>]_[
        <xsl:text/>
        <xsl:text>;:</xsl:text>
        <xsl:text>STRING</xsl:text>
        <xsl:text>;:</xsl:text>
        <xsl:value-of select="COUNTRYNAME/@tableDisplay"/>
       ...

JavaScript

<DATA>
    <ACTION>
        <NAME>queryAccounts</NAME>
        <TYPE>RETRIEVE</TYPE>
        <MESSAGE>Accounts Queried</MESSAGE>
        <NEWID>-1</NEWID>
    </ACTION>
    <CALL>
        <METHOD>com.tangoe.cmp.enterprise.business.services.billing.AccountManager.queryAccounts</METHOD>
        <RESULT>
            <QueryObject>
                <QueryParameters>
                    <PARAM>
                        <KEY>privilegeCode</KEY>
                        <VALUE>
                            <![CDATA[ECMP.INVOICE]]>
                        </VALUE>
                    </PARAM>
                    <PARAM>
                        <KEY>accountId</KEY>
                        <VALUE/>
                    </PARAM>
                    <PARAM>
                        <KEY>eaValue</KEY>
                        <VALUE>
                            <![CDATA[]]>
                        </VALUE>
                    </PARAM>
                    <PARAM>
                        <KEY>sortByDirection</KEY>
                        <VALUE>
                            <![CDATA[asc]]>
                        </VALUE>
                    </PARAM>
                    <PARAM>
                        <KEY>billingSystemId</KEY>
                        <VALUE/>
                    </PARAM>
                    <PARAM>
                        <KEY>RowsCountMode</KEY>
                        <VALUE/>
                    </PARAM>
                    <PARAM>
                        <KEY>accountSource</KEY>
                        <VALUE>
                            <![CDATA[]]>
                        </VALUE>
                    </PARAM>
                    <PARAM>
                        <KEY>operation</KEY>
                        <VALUE>
                            <![CDATA[VIEW]]>
                        </VALUE>
                    </PARAM>
                    <PARAM>
                        <KEY>accepted</KEY>
                        <VALUE>
                           ...