analytics/templates/ps/qs/styleToolbar.xslt

<?xml version="1.0" encoding="UTF-8"?>
<!--
Licensed Materials - Property of IBM

BI and PM: qs

(C) Copyright IBM Corp. 2001, 2017

US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
-->
<!--
    Copyright (C) 2008 Cognos ULC, an IBM Company. All rights reserved.
    Cognos (R) is a trademark of Cognos ULC, (formerly Cognos Incorporated).
-->
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xtsext="xalan://com.cognos.xts.ext.XTSExt" xmlns:xts="http://developer.cognos.com/schemas/xts/" xmlns:pf="http://developer.cognos.com/schemas/xts/pf">
	<xsl:output method="html" version="1.0" encoding="UTF-8" indent="no"/>
	<pf:variables/>
	<xsl:template match="/">
		<xsl:if test="/root/userCapabilities/value/item='canUseQueryStudioAdvancedMode'">
			<script type="text/javascript">
				var gStyleToolbar = new CBar('styleToolbarContainer', gToolbarStyle, 'gStyleToolbar', '<xsl:value-of select="$webRoot"/>/common/images/toolbar/', '<xsl:text/><xts:string id="STYLE_TOOLBAR_SHOW_TOOLBAR_ALT" encode="javascript"/><xsl:text/>', '<xsl:text/><xts:string id="STYLE_TOOLBAR_HIDE_TOOLBAR_ALT" encode="javascript"/><xsl:text/>', 'qs', 'st');
				gStyleToolbar.setMenuType(cHorizonalBar);
				gStyleToolbar.setAlign('left');

				var gToolbarButtonboldStyle = new CUIStyle('toolbarButton boldStyle', 'toolbarButtonOver boldStyle', 'toolbarButtonPressed boldStyle', 'toolbarButtonOverPressed boldStyle', '');
				var gToolbarButtonitalicStyle = new CUIStyle('toolbarButton italicStyle', 'toolbarButtonOver italicStyle', 'toolbarButtonPressed italicStyle', 'toolbarButtonOverPressed italicStyle', '');
				var gToolbarButtonunderlineStyle = new CUIStyle('toolbarButton underlineStyle', 'toolbarButtonOver underlineStyle', 'toolbarButtonPressed underlineStyle', 'toolbarButtonOverPressed underlineStyle', '');
				<xsl:apply-templates select="/root/ui/styleToolbarContent/*"/>
			</script>
		</xsl:if>
	</xsl:template>

	<xsl:template match="toolbarSeparator">
		gStyleToolbar.add(gQSToolbarSeperator);
	</xsl:template>

	<xsl:template match="toolbarSpacer">
		gStyleToolbar.add(gToolbarSeperator);
	</xsl:template>

	<!-- font-family CSS style picker -->
	<xsl:template match="selectFontFamily">
		var fontFamily = new CToolbarSelect(gStyleToolbar, 'fontFamily', 'selectStyleCommand(FONT_FAMILY, this);', '<xsl:text/><xsl:value-of select="xtsext:javascriptencode(string(./defaultLabel))"/><xsl:text/>', '<xsl:text/><xsl:value-of select="xtsext:javascriptencode(string(./tooltip))"/><xsl:text/>');
		var fontValue = '';
		<xsl:for-each select="/root/configurationVars/configuration/property[@name='fonts']/font/id">
			fontValue = '<xsl:value-of select="."/>';
			if (fontValue.indexOf(' ') >= 0)
			fontValue = &quot;'<xsl:value-of select="xtsext:javascriptencode(string(.))"/>'&quot;
			fontFamily.add(fontValue, '<xsl:value-of select="xtsext:javascriptencode(string(.))"/>');
		</xsl:for-each>
	</xsl:template>

	<!-- font-size CSS style picker -->
	<xsl:template match="selectFontSize">
		var fontSize = new CToolbarSelect(gStyleToolbar, 'fontSize', 'selectStyleCommand(FONT_SIZE, this);', '<xsl:text/><xsl:value-of select="xtsext:javascriptencode(string(./defaultLabel))"/><xsl:text/>', '<xsl:text/><xsl:value-of select="xtsext:javascriptencode(string(./tooltip))"/><xsl:text/>');
		<xsl:variable name="sUnit">
			<xsl:value-of select="../styleFontSize/unit"/>
		</xsl:variable>
		<xsl:variable name="sUnitLabel">
			<xsl:value-of select="../styleFontSize/unitLabel"/>
		</xsl:variable>
		<xsl:for-each select="../styleFontSize/fontSizes/fontSize">
			fontSize.add('<xsl:value-of select="xtsext:javascriptencode(string(.))"/><xsl:value-of select="xtsext:javascriptencode(string($sUnit))"/>', '<xsl:value-of select="xtsext:javascriptencode(string(.))"/><xsl:text> </xsl:text><xsl:value-of select="xtsext:javascriptencode(string($sUnitLabel))"/>');
		</xsl:for-each>
	</xsl:template>

	<xsl:template match="styleFontSize">
	</xsl:template>

	<!-- color CSS style picker -->
	<xsl:template match="selectColor">
		var <xsl:value-of select="./ref"/> = new CToolbarPicker(gStyleToolbar, "new CColorPicker(\"<xsl:value-of select="xtsext:javascriptencode(string(./promptId))"/>\", \"<xsl:value-of select="xtsext:javascriptencode(string(./ref))"/>\", \"<xsl:value-of select="xtsext:javascriptencode(string(./callBackFunction))"/>\", <xsl:value-of select="string(./autoReset)"/>, \"<xsl:value-of select="xtsext:javascriptencode(string(./defaultColor))"/>\", <xsl:value-of select="string(./type)"/>, \"<xsl:value-of select="xtsext:javascriptencode(string(./tooltip))"/>\")","<xsl:value-of select="xtsext:javascriptencode(string(./promptId))"/>", "<xsl:value-of select="xtsext:javascriptencode(string(./ref))"/>", "selectColor");
	</xsl:template>

	<!-- toggle buttons (used for bold, italic and underline) -->
	<xsl:template match="toggleButton">
		toolbarButton = new CToolbarButton(gStyleToolbar, 'toggleStyleCommand(\"<xsl:value-of select="xtsext:javascriptencode(string(./name))"/>\")', null, '<xsl:value-of select="xtsext:javascriptencode(string(./tooltip))"/>', gToolbarButton<xsl:value-of select="xtsext:javascriptencode(string(./name))"/>Style,false, '<xsl:value-of select="xtsext:javascriptencode(string(./label))"/>', null, '<xsl:value-of select="$webRoot"/>');
		toolbarButton.m_id = "tbbutton<xsl:value-of select="xtsext:javascriptencode(string(./name))"/>";
	</xsl:template>

	<!-- vertical and horizontal alignment CSS style picker -->
	<xsl:template match="selectAlignment">
		var <xsl:value-of select="./ref"/> = new CToolbarPicker(gStyleToolbar, "new CAlignmentPicker(\"<xsl:value-of select="xtsext:javascriptencode(string(./promptId))"/>\", \"<xsl:value-of select="xtsext:javascriptencode(string(./ref))"/>\", \"<xsl:value-of select="xtsext:javascriptencode(string(./callBackFunction))"/>\", \"<xsl:value-of select="xtsext:javascriptencode(string(./tooltip))"/>\")","<xsl:value-of select="xtsext:javascriptencode(string(./promptId))"/>", "<xsl:value-of select="xtsext:javascriptencode(string(./ref))"/>", "selectAlignment");
	</xsl:template>
	<xsl:template match="button">
		<xsl:choose>
			<xsl:when test="./icon[@useWebRoot='true']">
				toolbarButton = new CToolbarButton(gStyleToolbar, '<xsl:value-of select="xtsext:javascriptencode(string(./link))"/>', '<xsl:value-of select="$webRoot"/>/<xsl:value-of select="xtsext:javascriptencode(string(./icon))"/>', '<xsl:value-of select="xtsext:javascriptencode(string(./tooltip))"/>', gToolbarButtonbStyle, false, null, null, '<xsl:value-of select="$webRoot"/>');
			</xsl:when>
			<xsl:otherwise>
				toolbarButton = new CToolbarButton(gStyleToolbar, '<xsl:value-of select="xtsext:javascriptencode(string(./link))"/>', '<xsl:value-of select="xtsext:javascriptencode(string(./icon))"/>', '<xsl:value-of select="xtsext:javascriptencode(string(./tooltip))"/>', gToolbarButtonbStyle, false, null, null, '<xsl:value-of select="$webRoot"/>');
			</xsl:otherwise>
		</xsl:choose>
	</xsl:template>
</xsl:stylesheet>