analytics/templates/ps/portal/outputs/render_old_versions.xslt

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

    IBM Cognos Products: ps

    (C) Copyright IBM Corp. 2014

    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:pf="http://developer.cognos.com/schemas/xts/pf"
	xmlns:xtsext="xalan://com.cognos.xts.ext.XTSExt"
	xmlns:lyt="http://developer.cognos.com/schemas/xts/logicsheets/xslt/presentation/layout/"
	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:utml="http://developer.cognos.com/schemas/xts/logicsheet/xslt/formlogic/"
	xmlns:cm="http://developer.cognos.com/schemas/xts-cm/1/"
	xmlns:op="http://developer.cognos.com/schemas/xts/op"
	xmlns:dv="http://developer.cognos.com/schemas/xts/dv"
	xmlns:xts="http://developer.cognos.com/schemas/xts/" exclude-result-prefixes="xsl pf xts xtsext lyt dp df cp utml op dv">

	<xsl:output method="html" version="1.0" encoding="UTF-8" indent="no"  omit-xml-declaration="yes"/>

	<pf:variables/>
	<dv:variables/>

	<xsl:variable name="lang-filter" select="key('env-param', 'cur_lang')"/>
	<xsl:variable name="mname" select="'outputs.xts'"/>
	<!-- Need to honur reportVersionPath if outputs was called from view/view_details then object path is different when archived tab is selected -->
	<xsl:variable name="isReportVersionPath" select="string(/root/env/param[@name= 'reportVersionPath']) != ''"/>
	<xsl:variable name="objectName">
		<xsl:choose>
			<xsl:when test="$isReportVersionPath"><xsl:value-of select="/root/cm:queryResponse/cm:queryReply/*/cm:parent/*/cm:defaultName"/></xsl:when>
			<xsl:otherwise><xsl:value-of select="/root/cm:queryResponse/cm:queryReply/*/cm:defaultName"/></xsl:otherwise>
		</xsl:choose>
	</xsl:variable>
	<xsl:variable name="browserTitle">
		<xsl:choose>
			<xsl:when test="/root/cm:queryResponse/cm:queryReply/*/cm:objectClass = 'document'">
				<xts:string id="IDS_DOCUMENT_PREVIOUS_VERSION_TITLE">
					<xts:param name="objectName">
						<span lang="{$contentLocale}"><xsl:value-of select="xtsext:enforceBTD($objectName, $baseTextDirection, $productLocale, boolean($isBidiEnabled='true'))"/></span>
					</xts:param>
				</xts:string>
			</xsl:when>
			<xsl:otherwise>
				<xts:string id="IDS_PREVIOUS_VERSION_TITLE">
					<xts:param name="objectName">
						<span lang="{$contentLocale}"><xsl:value-of select="xtsext:enforceBTD($objectName, $baseTextDirection, $productLocale, boolean($isBidiEnabled='true'))"/></span>
					</xts:param>
				</xts:string>
			</xsl:otherwise>
		</xsl:choose>
	</xsl:variable>
	<xsl:variable name="tabDescription"><xts:string id="IDS_PREVIOUS_VERSION_ARCHIVED_TAB_A11Y"/>&#160;<xts:string id="IDS_PREVIOUS_VERSION_ARCHIVE_TAB_INTRO"/></xsl:variable>
	<xsl:variable name="objectID">
		<xsl:choose>
			<xsl:when test="$isReportVersionPath"><xsl:value-of select="/root/cm:queryResponse/cm:queryReply/*/cm:parent/*/cm:storeID"/></xsl:when>
			<xsl:otherwise><xsl:value-of select="/root/cm:queryResponse/cm:queryReply/*/cm:storeID"/></xsl:otherwise>
		</xsl:choose>
	</xsl:variable>
	<xsl:variable name="containingClass" select="key('env-param', 'm_class')"/>
	<xsl:template match="/root">
	
	   	<xsl:variable name="connections" select="/root/cm:queryResponse[2]/cm:queryReply[1]"/>
	   	<xsl:variable name="defaultConnection" select="/root/cm:queryResponse[2]/cm:queryReply[2]"/>
    <xsl:text disable-output-escaping='yes'>&lt;!DOCTYPE html></xsl:text><dp:page longTitle="$browserTitle" dp:kbA11y="true" >
			<dp:meta>
				<pf:meta/>
				<link rel="stylesheet" type="text/css" href="{$webRoot}/dojo16/dijit/themes/tundra/tundra.css" />
				<link rel="stylesheet" type="text/css" href="{$webRoot}/dojo16/dojox/grid/resources/Grid.css" />
				<link rel="stylesheet" type="text/css" href="{$webRoot}/skins/{$user_skin}/portal/pager.css" />
			</dp:meta>
			<dp:script>
				<pf:help context="HID_VIEW_REPORT_VERSION_ARCHIVE"/>

				<xsl:variable name="startingVersionsPagerURL">
					<xsl:value-of select="$gateway"/>
					<xsl:text>/atom/ecm/versions/</xsl:text>
					<xsl:value-of select="$objectID"/>
					<xsl:text>?datebefore=</xsl:text>
					<xsl:value-of select="$requestToDate"/>
					<xsl:text>&amp;dateafter=</xsl:text>
					<xsl:value-of select="$requestFromDate"/>
					<xsl:text>&amp;containingClass=</xsl:text>
					<xsl:value-of select="$containingClass"/>
					<xsl:text>&amp;json</xsl:text>
				</xsl:variable>
				<script type="text/javascript" src="{$webcontent}/{$app}/js/utilities.js"></script>
				<script type="text/javascript" src="{$webcontent}/{$app}/js/ajaxutils.js"></script>

				<script type="text/javascript">
					var versionsPager, outputsPager;

					var versionsPagerURL = '<xsl:value-of select="xtsext:javascriptencode($startingVersionsPagerURL)"/>';
					var productLocale = '<xsl:value-of select="xtsext:javascriptencode($productLocale)"/>';
					var contentLocale = '<xsl:value-of select="xtsext:javascriptencode($contentLocale)"/>';
					var pagerWebcontent = '<xsl:value-of select="xtsext:javascriptencode($webRoot)"/>';
					var pagerGateway = '<xsl:value-of select="xtsext:javascriptencode($gateway)"/>';
					var pagerSkin = '<xsl:value-of select="xtsext:javascriptencode($user_skin)"/>';

					var sVersionsPagerName = '<xts:string id="IDS_PREVIOUS_VERSION_VERSIONS" encode="javascript"/>';
					var sVersionsReportFormat = '<xts:string id="IDS_PERS_TAB_GENERAL_FORMAT" encode="javascript"/>';
					var sAllLangs = '<xts:string id="IDS_PREVIOUS_VERSION_ALL_LANGUAGES" encode="javascript"/>';
					var sHeadingFormats = '<xts:string id="IDS_PREVIOUS_VERSION_FORMATS" encode="javascript"/>';
					var sHeadingLangs = '<xts:string id="IDS_PREVIOUS_VERSION_LANGUAGES" encode="javascript"/>';

					var sInsufficientPrivilegesMsg = '<xts:string id="IDS_PREVIOUS_VERSION_ARCHIVE_INSUFFICIENT_PRIVILEGES" encode="javascript"/>';

					//need to setup a javascript object to map locale translated names to locale shortforms
					var locales = {
						'': sAllLangs
						<xsl:for-each select="/root/config/param[@name='locale']/locale[@type='contentLocale']">
						,'<xsl:value-of select="id"/>': '<xsl:value-of select="xtsext:javascriptencode(displayName)"/>'
						</xsl:for-each>
					};

					var djConfig = {
						locale: productLocale
					};
					
					function getTenancyParm() {
					   var connectionDropDown = document.getElementById('p_connectionTenantID');
					   if (connectionDropDown) {
					       return "&amp;connectionTenantID="+connectionDropDown.value;
					   }
					   return "";
					}
				</script>

				<script type="text/javascript" src="{$webRoot}/dojo16/dojo/dojo.js"></script>

				<script type="text/javascript">
				   var reportsOutputPagerLabel = "<xts:string id="IDS_PROP_A11Y_REPORT_OUTPUT_LABEL" encode="javascript"/>";
				   var reportsVersionsPagerLabel = "<xts:string id="IDS_PROP_A11Y_REPORT_VERSION_LABEL" encode="javascript"/>";
				    
				
					<![CDATA[
					dojo.registerModulePath('ps', '../../ps/portal/js/dojo/ps');
					dojo.require('ps.i18n');
					dojo.require('ps.pager');

					dojo.addOnLoad(function() {
						ps.i18n.setLocale(productLocale);
						var isDropdownSelected = false;
						var versionsPagerLayout = [
							{
								field: 'title',
								name: sVersionsPagerName,
								width: '100%',
								sortable: true,
								sortField: 'name',
								formatter: function(data) {
									return (isBidiEnabled ? bidi.btdInjectUCCIntoStr(data._text, "auto") : data._text);
								}
							}
						];

						var outputsPagerLayout = [
							{
								field: 'title',
								name: sHeadingFormats,
								width: '50%',
								formatter: function(data, index) {
									var entry = outputsPager.getEntry(index);
									var downloadLink = outputsPager.getEntryLink(entry, 'alternate').href;
									var iconLink = outputsPager.getEntryLink(entry, 'icon').href;
									var tooltip = data._text;

									var alignStyle;
									if(document.body.dir=="rtl"){
										alignStyle= "float:right";
									} else {
										alignStyle= "float:left";
									}

									var markup = '<div style="'+ alignStyle +'; width: 40%"><a href="#" onclick="retrieveOutputFor(event, ';
									markup += "'" +  downloadLink + "'";
									markup += ')" onkeypress="javascript:if (event.keyCode==13 || event.keyCode==32 || event.charCode==32){retrieveOutputFor(event, ';
									markup += "'" +  downloadLink + "'";
									markup += ');return false;} return true;">';
									markup += '<img height="16" width="16" src="' + iconLink + '" title="' + tooltip + '" alt="' + sVersionsReportFormat + ' ' + tooltip +'" style="margin-right: 4px;float:left;" />';
									markup += '</a>';
									markup += '<a href="#" onclick="retrieveOutputFor(event, ';
									markup += "'" +  downloadLink + "'";
									markup += ')" onkeypress="javascript:if (event.keyCode==13 || event.keyCode==32 || event.charCode==32){retrieveOutputFor(event, ';
									markup += "'" +  downloadLink + "'";
									markup += ');return false;} return true;">'  + tooltip +  '</a></div>';
									if (entry.cm$burstKeyDisplayString !== ""){
										markup += "<div style='float: left;width: 60%'>" +  entry.cm$burstKeyDisplayString + "</div>";
									}
									return markup;
								}
							},
							{
								field: 'cm$locale',
								name: sHeadingLangs,
								width: '50%',
								filterRel: 'localeselection',
								filterSet: locales,
								filterTokens: ['locale'],
								filterUIHook: function(value) {
									contentLocale = value;
									isDropdownSelected = true;
								},
								formatter: function(data, index) {
									return locales[data];
								}
							}
						];

						ps.registerErrorTypeHandler('InsufficientPrivilegeFault',
							function() {
								versionsPager.clearData();
								outputsPager.clearData();
								alert(sInsufficientPrivilegesMsg);
							}
						)
						
                        versionsPagerURL+=getTenancyParm();
						versionsPager = new ps.pager({
						    pagerLabel: reportsVersionsPagerLabel,
							id: 'versionsPager',
							webcontent: pagerWebcontent,
							gateway: pagerGateway,
							skin: pagerSkin,
							url: versionsPagerURL,
							layoutSpec: versionsPagerLayout,
							hideLast: true,
							initialRowSelect: true,
							rowAction: function(entry) {
								if (entry) {
									var outputLink = this.getEntryLink(entry, 'alternate').href + '&locale=' + contentLocale;
									outputLink+=getTenancyParm();
									outputsPager.getData(outputLink);
								}
							},
							postLoad: function(totalResults) {
								if (totalResults === 0) {
									outputsPager.clearData();
								}
							}
						}, 'versionsPager');

						outputsPager = new ps.pager({
						    pagerLabel: reportsOutputPagerLabel,
							id: 'outputsPager',
							webcontent: pagerWebcontent,
							gateway: pagerGateway,
							skin: pagerSkin,
							layoutSpec: outputsPagerLayout,
							rowSelectable: false,
							rowHighlightable: false,
							hideLast: true,
							focusFirstCell: true,
							postLoad: function(totalResults) {
								var locale = this.getFilter('cm$locale')[0];
								if (totalResults === 0 && locale !== '' && isDropdownSelected === false) {
									this.filter('cm$locale', '');
								}
							}
						}, 'outputsPager');
					});
					]]>
				</script>

				<script type="text/javascript">
					var extWindow = null; // External window obj for loading dialogs into a stand-alone window.
					var currentDateRequest;
					var dateSelection;
					
					<!-- The following is for MODAL handling of dateSelector -->
          function maskWindow() {
          var d = document.getElementById("windowMask");
          d.style.display = "block";
          }
          function openDialog() {
          setDialogContainer();
          document.pform.m.value = "portal/outputs/src/dateSelector.xts";
          document.pform.target = "dialogWindow2";
          document.pform.submit();
          document.getElementById("dialogWindowContainer").focus();
          }
          function setDialogContainer() {
          // Get ready to show a modal dialog
          maskWindow();

          var i = document.getElementById("dialogWindowContainer");
          i.style.display = "block";

          // Size it
          i.style.position = "absolute";
          i.style.height = "500px";
          i.style.width = "300px";

          // Position it
          i.style.top = Math.abs((document.body.clientHeight - i.scrollHeight) / 2) + document.body.scrollTop + "px";
          i.style.left = Math.abs((document.body.clientWidth - i.scrollWidth) / 2) + document.body.scrollLeft + "px";
          }

          //-- Closes a simple dialog
          function closeDialog() {
          document.pform.target = "_self";
          document.pform.m.value ="<xsl:value-of select="$app"/>/outputs.xts";
						document.getElementById("windowMask").style.display = "none";
						document.getElementById("dialogWindowContainer").style.display = "none";
						document.getElementById("dialogWindow2").src = "../ps/images/space.gif";
						document.getElementById("dateSelectorLink").focus();
					}

					//-- Handle Call back
					//------------------------------------------------------------------------------------------
					function ccModalCmdTarget(cmd) {
						var result = "";
						if (cmd == 'error')
							result = document.getElementById(dialogWindow()).document.enterdfaultact();
						else
							result = cmd;
						closeDialog();
					}

					function ccModalCallBack(cmd,sResponse) {
						// If opened in an external window then close it.
						if(extWindow)
							extWindow.close();
						closeDialog();
						if (cmd == "ok")
						{
							 updateVersionAfterDateSelection(sResponse);
						}
					}

					function parseDateSelectionResponse(sResponse) {
						var xmlDoc = null;
						var decodedResponse = xmlDecodeResponse(sResponse);
						if (window.DOMParser) {
							xmlDoc=new DOMParser().parseFromString(decodedResponse,"text/xml");
						} else { // Internet Explorer (less than IE 7)
							xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
							xmlDoc.async="false";
							xmlDoc.loadXML(decodedResponse);
						}

						var items = xmlDoc.getElementsByTagName("item");
						var fromDate = "";
						var toDate = "";
						var period = "";
						for(var i = 0; i &lt; items.length; i++) {
							var formElementName = items[i].getElementsByTagName("name")[0].firstChild.nodeValue;
							var formElementValue = items[i].getElementsByTagName("value")[0].firstChild.nodeValue;
							if (formElementName == "period"){
								period = formElementValue;
							}else if (formElementName == "fromDate"){
								fromDate = formElementValue;
							} else if (formElementName == "toDate"){
								toDate = formElementValue;
							}

						}
						var newDateSelection  = {"fromDate":fromDate, "toDate":toDate, "period": period};
						updateFormForNewDateSelection(newDateSelection);
						return (newDateSelection);
					}

					function updateFormForNewDateSelection(newDateSelection){
						with(document.pform){
							p_period.value = newDateSelection.period;
							if ( newDateSelection.period == "day"){
								p_output_date.value = newDateSelection.fromDate;
							} else {
								p_output_from_date.value = newDateSelection.fromDate;
								p_output_to_date.value = newDateSelection.toDate;
							}
						}
					}

					function updateVersionAfterDateSelection(sResponse)
					{
						dateSelection = parseDateSelectionResponse(sResponse);

						currentDateRequest = getXMLHttpRequest();

						<xsl:variable name="dateURL">
							<xsl:value-of select="$gateway"/>
							<xsl:text>?b_action=xts.run&amp;m=portal/outputs/dateFormat.xts</xsl:text>
						</xsl:variable>
						var dateUrl = "<xsl:value-of select="xtsext:javascriptencode($dateURL)"/>&amp;fromDate=" +  dateSelection.fromDate;
						dateUrl += "&amp;toDate=" + dateSelection.toDate;
						dateUrl += "&amp;datePeriod=" + dateSelection.period;
						currentDateRequest.open("GET", dateUrl, true);
						currentDateRequest.onreadystatechange = updateSelectedDateSection;
						currentDateRequest.send(null);
						var containingClass = "<xsl:value-of select="xtsext:javascriptencode($containingClass)"/>";

						<xsl:variable name="versionsURL">
							<xsl:value-of select="$gateway"/>
							<xsl:text>/atom/ecm/versions/</xsl:text>
							<xsl:value-of select="/root/cm:queryResponse/cm:queryReply[1]/*/cm:storeID"/>
						</xsl:variable>
						var url = "<xsl:value-of select="xtsext:javascriptencode($versionsURL)"/>";
						url += "?dateafter=" + dateSelection.fromDate + "&amp;datebefore=" + dateSelection.toDate;
						url += "&amp;period=" + dateSelection.period + "&amp;containingClass=" + containingClass;
						url += "&amp;json";
						url += getTenancyParm();
						versionsPager.getData(url);
					}
					
					function getData(selectedConnectionTenantID) {
						var dateAfter = '<xsl:value-of select="$output_from_date"/>';
						var dateBefore = '<xsl:value-of select="$output_to_date"/>';
						var period = 'range';
						
						if (dateSelection) {
						   dateAfter = dateSelection.fromDate;
						   dateBefore = dateSelection.toDate
						   period = dateSelection.period;
						}
                        connectionTenantID = selectedConnectionTenantID;
                           currentDateRequest = getXMLHttpRequest();
                        <xsl:variable name="dateURL2">
                            <xsl:value-of select="$gateway"/>
                            <xsl:text>?b_action=xts.run&amp;m=portal/outputs/dateFormat.xts</xsl:text>
                        </xsl:variable>

                        var containingClass = "<xsl:value-of select="xtsext:javascriptencode($containingClass)"/>";

                        var url = "<xsl:value-of select="xtsext:javascriptencode($versionsURL)"/>";
                        url += "?dateafter="+dateAfter;
                        url += "&amp;datebefore="+dateBefore;
                        url += "&amp;period="+period;
                        url += "&amp;containingClass=" + containingClass;
                        url += "&amp;json";
                        url += getTenancyParm();
                        versionsPager.getData(url);

					}

					function updateSelectedDateSection(){
						try{
							if (currentDateRequest.readyState == 4)
							{
								if (currentDateRequest.status &gt;= 200 &amp;&amp; currentDateRequest.status &lt; 300)
								{
									var response = eval("(" + currentDateRequest.responseText + ")");
									var dateSpan = document.getElementById("dateSelectionResult");
									dateSpan.innerHTML = response.formatedString;
								}
							}
						}
						catch (e){alert(e);}
					}
					<!-- End of modal -->

					function changeTab(tab) {
						var form = document.pform;
						form.m.value = '<xsl:value-of select="$app"/>/outputs.xts';
						if (tab === 'recentVersions') {
							form.output_tab.value = '';
							form.submit();
						} else if (tab === 'oldVersions') {
							form.cur_lang.value = 'all';
							form.ps_nav_op.value = 'maintain';
							form.output_tab.value = 'arch';
							form.submit();
						}
					}

					function retrieveOutputFor(event, url) {
						var outputWindow = window.open(url, 'outputWindow', 'toolbar=no,location=yes,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=750,height=600');
						event.cancelBubble = 'true';
						if (event.stopPropagation) {
							event.stopPropagation();
							event.preventDefault();
						}
						return false;
					}
				</script>
			</dp:script>

			<utml:form name="pform" method="post" action="{$gateway}">
				<utml:input name="output_tab" type="hidden" value="arch"/>
				<dp:header dp:kbA11y="true">
					<dp:title>
						<xsl:copy-of select="$browserTitle"/>
					</dp:title>
				</dp:header>
				<dp:tabs>
					<cp:tabset>
						<cp:select>oldVersions</cp:select>
						<cp:tab name="recentVersions" position="start">
							<a href="#" onclick="javascript:changeTab('recentVersions');">
								<xsl:attribute name="onkeypress">javascript:if (event.keyCode==13 || event.keyCode==32 || event.charCode==32){this.onclick(); return false;}return true;</xsl:attribute>
								<xsl:text/><cp:label><xts:string id="IDS_PREVIOUS_VERSION_CURRENT_TAB"/></cp:label><xsl:text/>
							</a>
						</cp:tab>
						<cp:tab name="oldVersions" position="end">
							<a href="#" onclick="javascript:changeTab('oldVersions');">
								<xsl:attribute name="onkeypress">javascript:if (event.keyCode==13 || event.keyCode==32 || event.charCode==32){this.onclick(); return false;}return true;</xsl:attribute>
								<xsl:text/><cp:label><xts:string id="IDS_PREVIOUS_VERSION_ARCHIVED_TAB"/></cp:label><xsl:text/>
							</a>
						</cp:tab>
					</cp:tabset>
            	</dp:tabs>
				<dp:description dp:kbA11y="true" aria-labelledby="oldTabIntro">
					<xts:string id="IDS_PREVIOUS_VERSION_ARCHIVE_TAB_INTRO"/>
				</dp:description>
				<span class="psPagerHiddenLabel" id="oldTabIntro"><xsl:value-of select="$tabDescription"/></span>
				<xsl:variable name="dateSelectorTitle"><xts:string id="IDS_PREVIOUS_VERSION_DATE_SELECT_TITLE"/></xsl:variable>
				<iframe name="dialogWindow" id="dialogWindow" style="display:none; z-index:50; position: absolute;"  />
				<xsl:variable name="drTitle"><xts:string id="IDS_PREVIOUS_VERSION_ARCHIVE_TAB_SELECT_DATE_RANGE_DIALOG"/></xsl:variable>
				<div id="dialogWindowContainer" tabindex="-1" style="cursor:default;display:none; position: absolute; z-index:50;  overflow:none; padding-top:10px;" role="dialog" aria-label="{$drTitle}">
					<iframe name="dialogWindow2"  id="dialogWindow2" style="width:500px; height:300px; position: relative;" class="visible"  />
				</div>
				<div id="windowMask" style="z-index:49; display:none; position: absolute; width:100%; height:100%; left:0px; top:0px;">
					<table width="100%" height="100%" role="presentation">
						<tr>
							<td/>
						</tr>
					</table>
				</div>
				<xsl:variable name="dateRangeValue">
					<xsl:choose>
						<xsl:when test="/root/env/param[@name = 'p_period'] != 'range'">
							<xsl:variable name="outputDateValue">
								<xsl:value-of select="xtsext:formatDateOnlyFromUTC( string( $output_date  ), number( '2' ), string( $timeZone ),  string( $contentLocale ) )"/>
							</xsl:variable>
							<xsl:value-of select="xtsext:enforceBTD($outputDateValue, 'auto', $productLocale, boolean($isBidiEnabled='true'))"/>
						</xsl:when>
						<xsl:otherwise>
							<xsl:variable name="FromOutputDateValue">
								<xsl:value-of select="xtsext:formatDateOnlyFromUTC( string( $output_from_date  ), number( '2' ),  string( $timeZone ),  string( $contentLocale ) )"/>
							</xsl:variable>
							<xsl:variable name="ToOutputDateValue">
								<xsl:value-of select="xtsext:formatDateOnlyFromUTC( string( $output_to_date  ), number( '2' ),  string( $timeZone ),  string( $contentLocale ) )"/>
							</xsl:variable>
							<xts:string id="IDS_PREVIOUS_VERSION_ARCHIVED_TAB_DATE_RANGE_VALUE">
								<xts:param name="from"><xsl:value-of select="xtsext:enforceBTD($FromOutputDateValue, 'auto', $productLocale, boolean($isBidiEnabled='true'))"/></xts:param>
								<xts:param name="to"><xsl:value-of select="xtsext:enforceBTD($ToOutputDateValue, 'auto', $productLocale, boolean($isBidiEnabled='true'))"/></xts:param>
							</xts:string>
						</xsl:otherwise>
					</xsl:choose>
				</xsl:variable>
				<lyt:layout style="2" lyt:kbA11y="true">
					<lyt:section>
						<dp:list width="100%" dp:kbA11y="true">
							<dp:section dp:kbA11y="true" aria-labelledby="dateRange">
								<dp:label valign="top" width="15%"><xts:string id="IDS_PREVIOUS_VERSION_ARCHIVED_TAB_DATE_RANGE"/></dp:label>
							</dp:section>
							<span class="psPagerHiddenLabel" id="dateRange"><xts:string id="IDS_PREVIOUS_VERSION_ARCHIVED_TAB_DATE_RANGE"/></span>
							<dp:section>
								<dp:text nowrap="nowrap" valign="top">
									<span id="dateSelectionResult" aria-labelledby="dateRangeValue">
										<xsl:value-of select="$dateRangeValue"/>
									</span>
									<span class="psPagerHiddenLabel" id="dateRangeValue"><xsl:value-of select="$dateRangeValue"/></span>
								</dp:text>
								<dp:link>
									<a href="#" onclick="openDialog();" style="margin-left: 3px;" title="" alt="" id="dateSelectorLink" role="button" >
										<xsl:attribute name="onkeypress">javascript:if (event.keyCode==13 || event.keyCode==32 || event.charCode==32){this.onclick(); return false;}return true;</xsl:attribute>
										<xts:string id="IDS_PREVIOUS_VERSION_ARCHIVE_TAB_SELECT_DATE_RANGE"/>
									</a>
								</dp:link>
							</dp:section>
						</dp:list>
					</lyt:section>
					<lyt:section lyt:kbA11y="true">
						<dp:list width="100%" dp:kbA11y="true">
							<dp:section>
							</dp:section>
						</dp:list>
					</lyt:section>
				</lyt:layout>
				
				<!--  connection drop down -->
				<xsl:if test="count($connections/*[local-name()='dataSourceConnection']) &gt; 1">
				     <lyt:layout style="2" lyt:kbA11y="true">
	                    <lyt:section>
	                        <dp:list width="100%" dp:kbA11y="true">
	                            <dp:section dp:kbA11y="true" aria-labelledby="connection">
	                                <dp:label valign="top" width="15%"><xts:string id="IDS_PREVIOUS_VERSION_ARCHIVED_TAB_CONNECTION"/></dp:label>
	                            </dp:section>
	                            <span class="psPagerHiddenLabel" id="connection"><xts:string id="IDS_PREVIOUS_VERSION_ARCHIVED_TAB_CONNECTION"/></span>
	                            <dp:section>
		                            <dp:group>
		                                <dp:groupItem>
		                                    <utml:select id="p_connectionTenantID" name="p_connectionTenantID" onchange="getData(this.value)">
		                                        <utml:default-value><xsl:value-of select="$defaultConnection/*[local-name()='dataSourceConnection']/*[local-name()='tenantID']"/></utml:default-value>
		                                        <xsl:for-each select="$connections/*[local-name()='dataSourceConnection']">
                                                    <xsl:variable name="label">
                                                        <xsl:choose>
                                                            <xsl:when test="(key('session-param', 'e_showTenantInfo') = 'true') and (*[local-name()='tenantID'] != '') and (key('session-param', 'e_tenantDisplayName') != '')">
                                                                <xts:string id="IDS_USERINFO_WITHTENANT">
                                                                    <xts:param name="userName"><xsl:value-of select="*[local-name()='defaultName']"/></xts:param>
                                                                    <xts:param name="tenantName"><xsl:value-of select="*[local-name()='tenantName']"/></xts:param>
                                                                 </xts:string>
                                                           </xsl:when>
                                                           <xsl:otherwise>
                                                               <xts:string id="IDS_USERINFO">
                                                                   <xts:param name="userName"><xsl:value-of select="*[local-name()='defaultName']"/></xts:param>
                                                               </xts:string>
                                                           </xsl:otherwise>
                                                       </xsl:choose>
                                                   </xsl:variable>
		                                           <utml:option>
		                                               <utml:value><xsl:value-of select="*[local-name()='tenantID']"/></utml:value>
		                                           <xsl:value-of select="$label"/></utml:option>
		                                        </xsl:for-each>
		                                    </utml:select>
		                                </dp:groupItem>
		                            </dp:group>
	                            </dp:section>
	                        </dp:list>
	                    </lyt:section>
	                </lyt:layout>
                </xsl:if>
				
				<lyt:layout style="2" lyt:kbA11y="true">
					<lyt:section>
					    <xsl:variable name="verGroupLab"><xts:string id="IDS_PROP_A11Y_REPORT_VERSION_LABEL" encode="html"/></xsl:variable>
						<div style="padding: 3px" role="group" aria-label="{$verGroupLab}">
						    <div role="application" >
						       <xsl:attribute name="aria-label"><xts:string id="IDS_PREVIOUS_VERSION_ARCHIVED_TAB_VERSIONS_GRID" encode="html"/></xsl:attribute>
							    <div id="versionsPager"/>
							</div>
						</div>
					</lyt:section>
					<lyt:section>
					    <xsl:variable name="outGroupLab"><xts:string id="IDS_PROP_A11Y_REPORT_OUTPUT_LABEL" encode="html"/></xsl:variable>
						<div style="padding: 3px" role="group" aria-label="{$outGroupLab}">
							<div role="application">
							     <xsl:attribute name="aria-label"><xts:string id="IDS_PREVIOUS_VERSION_ARCHIVED_TAB_OUTPUTS_GRID" encode="html"/></xsl:attribute>
							     <div id="outputsPager" />
							</div>     
						</div>
					</lyt:section>
				</lyt:layout>
				<dp:footer>
					<df:button df:id="IDS_CLOSE" df:style="back-url" df:kbA11y="true"/>
				</dp:footer>
				<utml:input type="hidden" name="p_period">
					<xsl:attribute name="value">
						<xsl:choose>
							<xsl:when test="/root/env/param[@name='p_period']"><xsl:value-of select="/root/env/param[@name='p_period']"/></xsl:when>
							<xsl:otherwise>range</xsl:otherwise>
						</xsl:choose>
					</xsl:attribute>
    			</utml:input>
   				<utml:input type="hidden" name="p_output_date" />
  				<utml:input type="hidden" name="p_output_from_date" >
  					<xsl:attribute name="value"><xsl:value-of select="$output_from_date_unAdj"/></xsl:attribute>
    			</utml:input>
  				<utml:input type="hidden" name="p_output_to_date" >
  					<xsl:attribute name="value"><xsl:value-of select="$output_to_date_unAdj"/></xsl:attribute>
  				</utml:input>
  			</utml:form>
		</dp:page>
	</xsl:template>
</xsl:stylesheet>