analytics/templates/ps/qs/styleBorder.xts

<?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).
-->
<xts:morphlet version="1.0" xmlns:xts="http://developer.cognos.com/schemas/xts/" messageBase="messages/QSRVUITextPL.xml,messages/portal.xml,messages/portalRL.xml" requiredCapability="canUseQueryStudio, canUseQueryStudioAdvancedMode">
	<xts:block id="page" type="exec" mode="output" processor="XSLT" mimeType="text/html">
		<!-- get the debug logic sheet -->
		<xts:logicsheet path="logicsheets/debuglogic.xslt"/>
		<!-- get the new theme stuff -->
		<xts:logicsheet path="logicsheets/portal.xsl"/>
		<xts:logicsheet path="qs/logicsheets/dialogs.xsl"/>
		<xts:logicsheet path="logicsheets/presentation/dialog/framework.xsl"/>
		<xts:logicsheet path="logicsheets/presentation/layout.xsl"/>
		<xts:logicsheet path="logicsheets/presentation/dialog/presentation.xsl"/>
		<xts:logicsheet path="logicsheets/presentation/controls/framework.xsl"/>
		<xts:logicsheet path="logicsheets/presentation/controls/presentation.xsl"/>
		<xts:logicsheet path="logicsheets/cm-logic.xsl"/>
		<!-- apply the form logic -->
		<xts:logicsheet path="logicsheets/formlogic.xslt"/>
		<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xts="http://developer.cognos.com/schemas/xts/" xmlns:lyt="http://developer.cognos.com/schemas/xts/logicsheets/xslt/presentation/layout/" xmlns:pf="http://developer.cognos.com/schemas/xts/pf" xmlns:dp="http://developer.cognos.com/schemas/xts/logicsheets/xslt/presentation/dialog/presentation/" xmlns:df="http://developer.cognos.com/schemas/xts/logicsheets/xslt/presentation/dialog/framework/" xmlns:cp="http://developer.cognos.com/schemas/xts/logicsheets/xslt/presentation/controls/presentation/" xmlns:cf="http://developer.cognos.com/schemas/xts/logicsheets/xslt/presentation/controls/framework/" xmlns:dbg="http://developer.cognos.com/schemas/xts/logicsheets/xslt/debug/" xmlns:qsdlg="http://developer.cognos.com/schemas/xts/logicsheets/xslt/qs/dialog/" xmlns:xtsext="xalan://com.cognos.xts.ext.XTSExt" exclude-result-prefixes="xsl xts lyt pf dp df cp cf dbg qsdlg xtsext">
			<xsl:output method="html" version="1.0" encoding="UTF-8" indent="no"/>
			<!-- Default variables (like skin) -->
			<qsdlg:variables/>
			<!-- add any theme variables -->
			<df:variables/>
			<pf:variables/>
			<!-- start the output -->
			<xsl:template match="/root">
				<dp:page>
					<dp:script>


						<link rel="stylesheet" type="text/css" href="{$qsdlgskin}/prompting/promptCommon.css"/>
						<link rel="stylesheet" type="text/css" href="{$qsdlgskin}/qs/QSRVDialog.css"/>
						<script type="text/javascript">
							<xsl:attribute name="src"><xsl:value-of select="$webRoot"/>/prompting/prompting.js</xsl:attribute>
							<xsl:text/>//<xsl:text/>
						</script>
						<script type="text/javascript">
							<xsl:attribute name="src"><xsl:value-of select="$webRoot"/>/prompting/CTreeIE5NS6.js</xsl:attribute>
							<xsl:text/>//<xsl:text/>
						</script>
						<script type="text/javascript">
							<xsl:attribute name="src"><xsl:value-of select="$webRoot"/>/prompting/CAlignmentPicker.js</xsl:attribute>
							<xsl:text/>//<xsl:text/>
						</script>
						<script type="text/javascript">
							<xsl:attribute name="src"><xsl:value-of select="$webRoot"/>/prompting/CColorPicker.js</xsl:attribute>
							<xsl:text/>//<xsl:text/>
						</script>
						<script type="text/javascript">
							<xsl:attribute name="src"><xsl:value-of select="$webRoot"/>/qs/layout.js</xsl:attribute>
							<xsl:text/>//<xsl:text/>
						</script>
						<script type="text/javascript">
							<xsl:attribute name="src"><xsl:value-of select="$webRoot"/>/qs/dialogs/styleText.js</xsl:attribute>
							<xsl:text/>//<xsl:text/>
						</script>
						<script type="text/javascript">
							<xsl:attribute name="src"><xsl:value-of select="$webRoot"/>/qs/CSSManager.js</xsl:attribute>
							<xsl:text/>//<xsl:text/>
						</script>
						<script type="text/javascript">
							<xsl:attribute name="src"><xsl:value-of select="$webRoot"/>/qs/classes/CDialogManager.js</xsl:attribute>
							<xsl:text/>//<xsl:text/>
						</script>
						<script type="text/javascript">
							<xsl:attribute name="src"><xsl:value-of select="$webRoot"/>/qs/classes/CWindowManager.js</xsl:attribute>
							<xsl:text/>//<xsl:text/>
						</script>
						<!-- Fix for bug COGCQ00080804 
						     If a customer doesn't create a promptingStrings_<locale>.js file properly, we still want to have the defaults loaded.
							 So, import the english one first
						-->
						<script type="text/javascript">
							<xsl:attribute name="src"><xsl:value-of select="$webRoot"/>/prompting/res/promptingStrings_en.js</xsl:attribute>
						</script>

						<script type="text/javascript">
							<xsl:attribute name="src"><xsl:value-of select="$webRoot"/>/prompting/res/promptingStrings_<xsl:choose>
								<!-- 'zh' isn't a valid locale for promptingStrings, defaulting to 'zh-cn' -->
								<xsl:when test="/root/user/param[@name='productLocale']='zh'">zh-cn</xsl:when>
								<xsl:otherwise><xsl:value-of select="/root/user/param[@name='productLocale']"/></xsl:otherwise>
							</xsl:choose>.js</xsl:attribute>
							<xsl:text/>//<xsl:text/>
						</script>
						<script type="text/javascript">&lt;!--
var goDialogManager = new CDialogManager();
var cf = getConfigFrame();

function execute()
{
	// send the style command
	if (cf)
	{
		<xsl:if test="/root/env/param[@name='section']='true'">
		//get the type of section border
		/* One of the following:
			borderSectionUnderline
			borderSectionOutside
			borderSectionAll
			borderSectionNone
		*/

		//The new Type
		//determine whether borders are on or off
		var type = null;
		var optSection = document.f.optSection;
		for (var i=0; i &lt; optSection.length; i++) {
			if (optSection[i].checked == true) {
				type = optSection[i].value;
				break;
			}
		}

		// The new style
		if (type != null)
		{
			//get the CSS string
			var cssString = "border:";

			var w = document.f.selSectionBorderWidth.options[document.f.selSectionBorderWidth.selectedIndex].value;
			var c = document.f.SectionCP.value;

			var cssString = "border:";
			if (w || c || type != 'borderSectionNone') {
				var s = w + " solid " + c;
				cssString += s.replace(/^\s+/,'').replace(/\s+$/,''); // trim whitespaces

				if ( type == 'borderSectionUnderline' ) {
					cssString = cssString.replace(/^border/gi,'border-bottom');
				}
				else if ( type == 'borderSectionOutside' ) {
					cssString = (cssString.replace(/^border/gi,'border-top') + ';' + cssString.replace(/^border/gi,'border-bottom'));
				}
			}

			//send the command
			cf.sendBorderStyleCommand(cssString , type, false);
		}
		</xsl:if>

		//get the type of table border
		/* One of the following:
			borderTableAll
			borderTableHeadings
			borderTableHeadingsAndSummaries
			borderTableNone
		*/

		//The new Type
		//determine whether borders are on or off
		var type = null;

		var optTableStyle = document.f.optTableStyle;

		for (var i=0; i &lt; optTableStyle.length; i++)
		{
			if (optTableStyle[i].checked == true)
			{
				type = optTableStyle[i].value;
				break;
			}
		}

		// The new style
		if (type != null)
		{
			//get the CSS string
			var cssString = "border:";

			//border width
			var tableBorderWidth = document.f.selTableBorderWidth.options[document.f.selTableBorderWidth.selectedIndex].value;

			//border style
			var tableBorderstyle = "solid";

			//border color
			var tableBorderColor = document.f.TableCP.value;

			if (tableBorderWidth || tableBorderColor) {
				cssString += tableBorderWidth + " " + tableBorderstyle + " " + tableBorderColor;
			}

			//send the command
			cf.sendBorderStyleCommand(cssString , type, false);
		}
		cf.sendBufferedCommands();
		cf.hideDialogFrame();
	}

}

function cancelDialog()
{
	if (cf) {
		cf.hideDialogFrame();
	}
}

function init()
{
	attachMouseEvents();
	resetToDefaults();

	var cf = getConfigFrame();
	if (cf) {
		<xsl:choose>
			<xsl:when test="/root/env/param[@name='section']='true'">
				cf.showDialogFrame(457);
			</xsl:when>
			<xsl:otherwise>
				cf.showDialogFrame(320);
			</xsl:otherwise>
		</xsl:choose>


		// apply selection
		var MQ = cf.cfgGet("MiniQueryObj");
		var styleList = MQ.getElementsByTagName("StyleList", false);
		var sectionStyle = null;
		var titleStyle = null;
		var columnStyle = null;
		var footerStyle = null;
		if (styleList.length) {
			styleList = styleList[0];

			<xsl:if test="/root/env/param[@name='section']='true'">
				sectionStyle = styleList.getElementsByTagName("SectionStyle");
				var sectionType = (sectionStyle.length ? sectionStyle[0].getAttribute("type") : null);
				sectionStyle = (sectionStyle.length ? sectionStyle[0].getAttribute("style") : null);
				if (sectionType) {
					var idx = 0;
					if (sectionType == 'borderSectionOutside') { idx = 1; }
					else if (sectionType == 'borderSectionAll') { idx = 2; }
					else if (sectionType == 'borderSectionNone') { idx = 3; }
					document.f.optSection[idx].checked = true;
				}
				var sbColor = getBorderColor(sectionStyle);
				if (sbColor) {
					sectionCP.setColor(sbColor);
				}
				var sbSize = getBorderSize(sectionStyle);
				if (sbSize) {
					document.f.selSectionBorderWidth.value = sbSize;
				}
			</xsl:if>

			titleStyle = styleList.getElementsByTagName("ColumnTitleStyle");
			columnStyle = styleList.getElementsByTagName("ColumnStyle");
			footerStyle = styleList.getElementsByTagName("ColumnFooterLabelStyle");

			titleStyle = (titleStyle.length ? titleStyle[0].getAttribute("style") : null);
			columnStyle = (columnStyle.length ? columnStyle[0].getAttribute("style") : null);
			footerStyle = (footerStyle.length ? footerStyle[0].getAttribute("style") : null);

			if (titleStyle != null) {
				if (titleStyle == columnStyle &amp;&amp; titleStyle == footerStyle) {
					if (isBorderNone(titleStyle)) {
						document.f.optTableStyle[3].checked = true;
					}
					else {
						document.f.optTableStyle[0].checked = true;
					}
				}
				else if (titleStyle != '' &amp;&amp; columnStyle == '' &amp;&amp; footerStyle == '') {
					document.f.optTableStyle[1].checked = true;
				}
				else if (titleStyle != '' &amp;&amp; columnStyle == '' &amp;&amp; footerStyle != '') {
					document.f.optTableStyle[2].checked = true;
				}
			}

			var borderColor = getBorderColor(titleStyle);
			if (!borderColor) { borderColor = getBorderColor(columnStyle); }
			if (!borderColor) { borderColor = getBorderColor(footerStyle); }
			if (borderColor) {
				tableCP.setColor(borderColor);
			}
			var borderSize = getBorderSize(titleStyle);
			if (!borderSize) { borderSize = getBorderSize(columnStyle); }
			if (!borderSize) { borderSize = getBorderSize(footerStyle); }
			if (borderSize) {
				document.f.selTableBorderWidth.value = borderSize;
			}

		}
	}

}
var reBORDER_NONE = /\s*border-?\w*\s*:\s*none\s*/gi;
var reBORDER_COLOR = /\s*border-?\w*\s*:[^;]*(#\w+)/gi;
var reBORDER_SIZE = /\s*border-?\w*\s*:[^;]*?(\d*\.*\d+\s*pt)/gi;
function isBorderNone(s) {
	return (s.match(reBORDER_NONE) ? true : null);
}

function getBorderColor(s) {
	return (s &amp;&amp; s.match(reBORDER_COLOR) ? RegExp.$1: null);
}

function getBorderSize(s) {
	return (s &amp;&amp; s.match(reBORDER_SIZE) ? RegExp.$1: false);
}

function resetToDefaults() {
	<xsl:if test="/root/env/param[@name='section']='true'">
		sectionCP.setColor(null);
		document.f.optSection[0].checked = true;
		document.f.selSectionBorderWidth.options[0].selected = true;
	</xsl:if>
	tableCP.setColor(null);
	document.f.optTableStyle[0].checked = true;
	document.f.selTableBorderWidth.options[0].selected = true;
}

//--&gt;</script>
		<script type="text/javascript">
				<xsl:attribute name="src"><xsl:value-of select="$webRoot"/>/qs/dialogs/executeButton.js</xsl:attribute>
				<xsl:text/>//<xsl:text/>
		</script>

<style type="text/css" rel="stylesheet">
	.borderIcon{ height:30px; padding:0px 5px; }
</style>
					</dp:script>
					<form style="margin:0px" name="f" method="POST" onsubmit="return false;" onclick="hidePickers()">
						<table border="0" cellspacing="0" cellpadding="0" height="100%" width="100%">
							<tr>
								<td width="100%" height="0%">
									<!-- dialog header -->
									<dp:header help="false">
										<!-- header titles -->
										<dp:title>
											<xts:string id="STYLE_BORDER_TITLE"/>
										</dp:title>
										<!-- close link for the header -->
										<dp:close>
											<a href="javascript:getConfigFrame().hideDialogFrame()">
												<dp:closeMarker/>
											</a>
										</dp:close>
										<!-- description (hint text) -->
										<dp:description>
											<xts:string id="STYLE_BORDER_TITLE_DESCRIPTION"/>
										</dp:description>
									</dp:header>
								</td>
							</tr>
							<tr>
								<td width="100%" height="100%" valign="top">
									<!-- layout -->
									<lyt:layout style="1" border="no">
										<lyt:section>
											<xsl:if test="/root/env/param[@name='section']='true'">
												<table border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td class="formLabel" colspan="2" style="padding-bottom:5px;">
															<xts:string id="STYLE_BORDER_SECTION"/>
														</td>
													</tr>
													<tr>
														<td valign="top" width="300">
															<table border="0" cellspacing="0" cellpadding="0">
																<xsl:call-template name="borderPickerRow">
																	<xsl:with-param name="optionName">optSection</xsl:with-param>
																	<xsl:with-param name="optionValue">borderSectionUnderline</xsl:with-param>
																	<xsl:with-param name="icon"><xsl:value-of select="$webRoot"/>/qs/images/style/border_section_underlines.gif</xsl:with-param>
																	<xsl:with-param name="text"><xts:string id="STYLE_BORDER_SECTION_UNDERLINE"/></xsl:with-param>
																</xsl:call-template>
																<xsl:call-template name="borderPickerRow">
																	<xsl:with-param name="optionName">optSection</xsl:with-param>
																	<xsl:with-param name="optionValue">borderSectionOutside</xsl:with-param>
																	<xsl:with-param name="icon"><xsl:value-of select="$webRoot"/>/qs/images/style/border_section_outside_lines.gif</xsl:with-param>
																	<xsl:with-param name="text"><xts:string id="STYLE_BORDER_SECTION_OUTSIDE"/></xsl:with-param>
																</xsl:call-template>
																<xsl:call-template name="borderPickerRow">
																	<xsl:with-param name="optionName">optSection</xsl:with-param>
																	<xsl:with-param name="optionValue">borderSectionAll</xsl:with-param>
																	<xsl:with-param name="icon"><xsl:value-of select="$webRoot"/>/qs/images/style/border_section_all.gif</xsl:with-param>
																	<xsl:with-param name="text"><xts:string id="STYLE_BORDER_SECTION_ALL"/></xsl:with-param>
																</xsl:call-template>
																<xsl:call-template name="borderPickerRow">
																	<xsl:with-param name="optionName">optSection</xsl:with-param>
																	<xsl:with-param name="optionValue">borderSectionNone</xsl:with-param>
																	<xsl:with-param name="text"><xts:string id="STYLE_BORDER_SECTION_NONE"/></xsl:with-param>
																</xsl:call-template>
															</table>
														</td>
														<td class="formLabel" valign="top">
															<table>
																<tr>
																	<td class="formLabel">
																		<xts:string id="STYLE_BORDER_COLOR"/>
																	</td>
																</tr>
																<tr>
																	<td>
																		<qsdlg:colorSwatch id="SectionCP" jsObjId="sectionCP" fct="sectionCP.updateSwatch" type="TYPE_BACKGROUND_COLOR"/>
																	</td>
																</tr>
																<tr>
																	<td class="formLabel" style="padding-top:20px;">
																		<xts:string id="STYLE_BORDER_WIDTH"/>
																	</td>
																</tr>
																<tr>
																	<td>
																		<SELECT name="selSectionBorderWidth">
																			<OPTION value=""><xts:string id="FONT_DEFAULT"/></OPTION>
																			<OPTION value="0.5pt"><xts:string id="FONT_SIZE_PT_PARAM"><xts:param name="size"><xsl:text disable-output-escaping="yes">&amp;frac12;</xsl:text></xts:param></xts:string></OPTION>
																			<OPTION value="1pt"><xts:string id="FONT_SIZE_PT_PARAM"><xts:param name="size">1</xts:param></xts:string></OPTION>
																			<OPTION value="3pt"><xts:string id="FONT_SIZE_PT_PARAM"><xts:param name="size">3</xts:param></xts:string></OPTION>
																			<OPTION value="6pt"><xts:string id="FONT_SIZE_PT_PARAM"><xts:param name="size">6</xts:param></xts:string></OPTION>
																		</SELECT>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
												</table>
												<br/>
											</xsl:if>
											<table border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td class="formLabel" colspan="2" style="padding-bottom:5px;">
														<xts:string id="STYLE_BORDER_TABLE"/>
													</td>
												</tr>
												<tr>
													<td valign="top" width="300">
														<table border="0" cellspacing="0" cellpadding="0">
															<xsl:call-template name="borderPickerRow">
																<xsl:with-param name="optionName">optTableStyle</xsl:with-param>
																<xsl:with-param name="optionValue">borderTableAll</xsl:with-param>
																<xsl:with-param name="icon"><xsl:value-of select="$webRoot"/>/qs/images/style/border_all.gif</xsl:with-param>
																<xsl:with-param name="text"><xts:string id="STYLE_BORDER_TABLE_ALL"/></xsl:with-param>
															</xsl:call-template>
															<xsl:call-template name="borderPickerRow">
																<xsl:with-param name="optionName">optTableStyle</xsl:with-param>
																<xsl:with-param name="optionValue">borderTableHeadings</xsl:with-param>
																<xsl:with-param name="icon"><xsl:value-of select="$webRoot"/>/qs/images/style/border_headings.gif</xsl:with-param>
																<xsl:with-param name="text"><xts:string id="STYLE_BORDER_TABLE_HEADINGS"/></xsl:with-param>
															</xsl:call-template>
															<xsl:call-template name="borderPickerRow">
																<xsl:with-param name="optionName">optTableStyle</xsl:with-param>
																<xsl:with-param name="optionValue">borderTableHeadingsAndSummaries</xsl:with-param>
																<xsl:with-param name="icon"><xsl:value-of select="$webRoot"/>/qs/images/style/border_headings_summaries.gif</xsl:with-param>
																<xsl:with-param name="text"><xts:string id="STYLE_BORDER_TABLE_HEADINGS_AND_SUMMARIES"/></xsl:with-param>
															</xsl:call-template>
															<xsl:call-template name="borderPickerRow">
																<xsl:with-param name="optionName">optTableStyle</xsl:with-param>
																<xsl:with-param name="optionValue">borderTableNone</xsl:with-param>
																<xsl:with-param name="text"><xts:string id="STYLE_BORDER_TABLE_NONE"/></xsl:with-param>
															</xsl:call-template>
														</table>
													</td>
													<td class="formLabel" valign="top">
														<table>
															<tr>
																<td class="formLabel">
																	<xts:string id="STYLE_BORDER_COLOR"/>
																</td>
															</tr>
															<tr>
																<td>
																	<qsdlg:colorSwatch id="TableCP" jsObjId="tableCP" fct="tableCP.updateSwatch" type="TYPE_BACKGROUND_COLOR"/>
																</td>
															</tr>
															<tr>
																<td class="formLabel" style="padding-top:20px;">
																	<xts:string id="STYLE_BORDER_WIDTH"/>
																</td>
															</tr>
															<tr>
																<td>
																	<SELECT name="selTableBorderWidth">
																		<OPTION value=""><xts:string id="FONT_DEFAULT"/></OPTION>
																		<OPTION value="0.5pt"><xts:string id="FONT_SIZE_PT_PARAM"><xts:param name="size"><xsl:text disable-output-escaping="yes">&amp;frac12;</xsl:text></xts:param></xts:string></OPTION>
																		<OPTION value="1pt"><xts:string id="FONT_SIZE_PT_PARAM"><xts:param name="size">1</xts:param></xts:string></OPTION>
																		<OPTION value="3pt"><xts:string id="FONT_SIZE_PT_PARAM"><xts:param name="size">3</xts:param></xts:string></OPTION>
																		<OPTION value="6pt"><xts:string id="FONT_SIZE_PT_PARAM"><xts:param name="size">6</xts:param></xts:string></OPTION>
																	</SELECT>
																</td>
															</tr>
														</table>
													</td>
												</tr>
											</table>
											<br/>
											<a class="formLink" href="javascript:void(0)" onclick="resetToDefaults();"><xts:string id="STYLE_BORDER_RESET"/></a>
										</lyt:section>
									</lyt:layout>
								</td>
							</tr>
							<tr>
								<td width="100%" height="0%">
									<dp:footer>
										<df:button df:id="IDS_OK" df:style="href" onkeypress="javascript:executeOk(event)" df:href="javascript:executeOk(null)"/>
										<df:button df:id="IDS_CANCEL" df:style="href" onkeypress="javascript:executeCancel(event)" df:href="javascript:executeCancel(null)"/>
									</dp:footer>
								</td>
							</tr>
						</table>
					</form>
					<!-- <dbg:dumpxml select="/"/> -->
				</dp:page>
			</xsl:template>

			<xsl:template name="borderPickerRow">
				<xsl:param name="optionName" select="''"/>
				<xsl:param name="optionValue" select="''"/>
				<xsl:param name="icon" select="''"/>
				<xsl:param name="text" select="''"/>
				<tr>
					<td>
						<input type="radio" name="{$optionName}" value="{$optionValue}"/>
					</td>
					<xsl:choose>
						<xsl:when test="$icon!=''">
							<td class="borderIcon">
								<img src="{$icon}" width="48" height="22"/>
							</td><td valign="middle" class="formText">
								<xsl:value-of select="$text"/>
							</td>
						</xsl:when>
						<xsl:otherwise>
							<td class="formText borderIcon" colspan="2">
								<xsl:value-of select="$text"/>
							</td>
						</xsl:otherwise>
					</xsl:choose>
				</tr>
			</xsl:template>
		</xsl:stylesheet>
	</xts:block>
</xts:morphlet>