﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">
	<xsl:output method="xml" indent="yes"/>

	<xsl:template match="/">
		<xsl:variable name="TemplateURL" select="AjaxRequest/TemplateURL"></xsl:variable>
		<xsl:variable name="PortalItemID" select="AjaxRequest/Params/PortalID"></xsl:variable>
		<xsl:variable name="DivID" select="AjaxRequest/Params/DivID"></xsl:variable>
		<xsl:variable name="MetricsCount" select="count(AjaxRequest/PortalMetrics/Metrics)"></xsl:variable>
		<xsl:variable name="Version" select="format-number((AjaxRequest/Settings/BetaVersion), '#.0')"></xsl:variable>
		<xsl:variable name="PortalTypeList" select="AjaxRequest/PortalType"></xsl:variable>

		<xsl:choose>
			<xsl:when test="$MetricsCount = 0">
				<table class="tableMaster" cellspacing="0" cellpadding="5" border="0">
					<tr>
						<td class="textCenter">
							<span class="actionCountText">There are no Metrics for this Portal</span>
							<div id="btn_AddNewResponse" class="marginTop10" align="center">
								<span style="height:20px;width:95px;display:block;padding-top:5px;" align="center"
                                      class="onMouseOver divBrowseGradient spanBrowseGradientTextGray verticallyMiddle"
                                      onclick="corporatePortal_LoadAddMetric('{$PortalItemID}','{$DivID}');"
                                      onmouseover="document.getElementById('img_Save_AddMetric').src='{$TemplateURL}Web/Images/Ver_2_0/icon_add_over.png';"
                                      onmouseout="document.getElementById('img_Save_AddMetric').src='{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png';">
									<img id="img_Save_AddMetric" class="marginRight5" src="{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png" align="absmiddle"></img>
									ADD METRIC
								</span>
							</div>
						</td>
					</tr>
				</table>
			</xsl:when>
			<xsl:otherwise>
				<table class="tableMaster" cellpadding="2" cellspacing="2">
					<tr>
						<td width="27%">
							<span class="actionCountText">Metric Key</span>
						</td>
						<td width="19%">
							<span class="actionCountText">Control Key</span>
						</td>
						<td width="17%">
							<span class="actionCountText">Type</span>
						</td>
						<td width="17%">
							<span class="actionCountText">Period Type</span>
						</td>
						<td width="10%">
							<span class="actionCountText">Default</span>
						</td>
						<td width="5%">
							<span class="actionCountText">Format</span>
						</td>
						<td width="5%">

						</td>
					</tr>
					<xsl:for-each select="AjaxRequest/PortalMetrics/Metrics">
						<xsl:variable name="PeriodType" select="PeriodType"></xsl:variable>
						<xsl:variable name="DefaultYN" select="DefaultYN"></xsl:variable>
						<xsl:variable name="NumberFormat" select="NumberFormat"></xsl:variable>

						<tr>
							<td class="verticallyMiddle">
								<xsl:call-template name="PeriorityFlag">
									<xsl:with-param name="Flat_Priority" select="Priority"></xsl:with-param>
									<xsl:with-param name="ItemID" select="PortalMetricID"></xsl:with-param>
									<xsl:with-param name="Version" select="$Version"></xsl:with-param>

								</xsl:call-template>
								<span id="span_MetricKey_{PortalMetricID}">
									<xsl:value-of select="MetricKey"/>
								</span>
								<input id="txtMetricKey_{PortalMetricID}" type="text" value="{MetricKey}" style="display:none;"></input>
							</td>
							<td class="verticallyMiddle">
								<xsl:choose>
									<xsl:when test="ControlKey !=''">
										<span id="span_ControlKey_{PortalMetricID}" class="onMouseOver"
											  onclick="manageInlineDisplayCss('span_ControlKey_{PortalMetricID}', 'txtControlKey_{PortalMetricID}', 'block');											 
											  $('#txtControlKey_{PortalMetricID}').focus();">
											<xsl:value-of select="ControlKey"/>
										</span>
										<input id="txtControlKey_{PortalMetricID}" type="text" value="{ControlKey}" style="display:none"
											   onkeyup="UpdateInLineMetric({PortalItemID},{PortalMetricID},'ControlKey', 'txtControlKey_{PortalMetricID}',
											   'span_ControlKey_{PortalMetricID}', event);"
											     onblur="UpdateInLineMetricBase({PortalItemID},{PortalMetricID},'ControlKey', 'txtControlKey_{PortalMetricID}',
											   'span_ControlKey_{PortalMetricID}');"></input>
									</xsl:when>
									<xsl:otherwise>
										<span id="span_ControlKey_{PortalMetricID}" style="display:none"  class="onMouseOver"
											  onclick="manageInlineDisplayCss('span_ControlKey_{PortalMetricID}', 'txtControlKey_{PortalMetricID}', 'block');
											  $('#txtControlKey_{PortalMetricID}').focus();">
											<xsl:value-of select="ControlKey"/>
										</span>
										<input id="txtControlKey_{PortalMetricID}" type="text" value="{ControlKey}" style=""
											   onkeyup="UpdateInLineMetric({PortalItemID},{PortalMetricID},'ControlKey', 
											   'txtControlKey_{PortalMetricID}', 'span_ControlKey_{PortalMetricID}', event);"
											onblur="UpdateInLineMetricBase({PortalItemID},{PortalMetricID},'ControlKey', 'txtControlKey_{PortalMetricID}',
											   'span_ControlKey_{PortalMetricID}');"></input>
									</xsl:otherwise>
								</xsl:choose>
							</td>
							<td class="verticallyMiddle">
								<span id="spanType_{PortalMetricID}" class="onMouseOver"
											  onclick="manageInlineDisplayCss('spanType_{PortalMetricID}', 'opt_Type_{PortalMetricID}', 'block');
											  $('#opt_Type_{PortalMetricID}').focus();">
									<xsl:value-of select="Type"/>
								</span>
								<select id="opt_Type_{PortalMetricID}" class="smallDropdown" style="display:none;"
										onchange="UpdateInLineMetricBase({PortalItemID},{PortalMetricID},'TypeID', 
											   'opt_Type_{PortalMetricID}', 'spanType_{PortalMetricID}');">
									<xsl:for-each select="$PortalTypeList/Type">
										<xsl:choose>
											<xsl:when test="TypeID=PortalMetricTypeID">
												<option value="{PortalMetricTypeID}" selected="">
													<xsl:value-of select="PortalMetricType"/>
												</option>
											</xsl:when>
											<xsl:otherwise>
												<option value="{PortalMetricTypeID}">
													<xsl:value-of select="PortalMetricType"/>
												</option>
											</xsl:otherwise>
										</xsl:choose>

									</xsl:for-each>
								</select>
							</td>
							<td class="verticallyMiddle">
								<span id="span_PeriodType_{PortalMetricID}" class="onMouseOver"
											  onclick="manageInlineDisplayCss('span_PeriodType_{PortalMetricID}', 'opt_PeriodTypes_{PortalMetricID}', 'block');
											  $('#opt_PeriodTypes_{PortalMetricID}').focus();">
									<xsl:value-of select="PeriodType"/>
								</span>
								<select id="opt_PeriodTypes_{PortalMetricID}" class="smallDropdown" style="display:none;"
										onchange="UpdateInLineMetricBase({PortalItemID},{PortalMetricID},'PeriodType', 
											   'opt_PeriodTypes_{PortalMetricID}', 'span_PeriodType_{PortalMetricID}');">
									<xsl:for-each select="../../PeriodTypes/PeriodType">
										<xsl:choose>
											<xsl:when test="$PeriodType = PeriodType">
												<option value="{PeriodTypeID}" selected="selected">
													<xsl:value-of select="PeriodType"/>
												</option>
											</xsl:when>
											<xsl:otherwise>
												<option value="{PeriodTypeID}">
													<xsl:value-of select="PeriodType"/>
												</option>
											</xsl:otherwise>
										</xsl:choose>
									</xsl:for-each>
								</select>
							</td>

							<td class="verticallyMiddle">
								<xsl:choose>
									<xsl:when test="DefaultYN = 1">
										<span id="span_Default_{PortalMetricID}" class="onMouseOver"
											  onclick="manageInlineDisplayCss('span_Default_{PortalMetricID}', 'opt_Default_{PortalMetricID}', 'block');
											  $('#opt_Default_{PortalMetricID}').focus();">
											Yes
										</span>
									</xsl:when>
									<xsl:otherwise>
										<span id="span_Default_{PortalMetricID}" class="onMouseOver"
											  onclick="manageInlineDisplayCss('span_Default_{PortalMetricID}', 'opt_Default_{PortalMetricID}', 'block');
											  $('#opt_Default_{PortalMetricID}').focus();">
											No
										</span>
									</xsl:otherwise>
								</xsl:choose>
								<select id="opt_Default_{PortalMetricID}" class="smallDropdown" style="display:none;width:50px;"
										onchange="UpdateInLineMetricBase({PortalItemID},{PortalMetricID},'Default', 
											   'opt_Default_{PortalMetricID}', 'span_Default_{PortalMetricID}');">
									<xsl:choose>
										<xsl:when test="$DefaultYN = 1">
											<option value="1" selected="selected">Yes</option>
											<option value="0">No</option>
										</xsl:when>
										<xsl:when test="$DefaultYN = 0">
											<option value="1">Yes</option>
											<option value="0" selected="selected">No</option>
										</xsl:when>
									</xsl:choose>
								</select>
							</td>
							<td>
								<span id="span_NumberFormat_{PortalMetricID}" class="onMouseOver"
											  onclick="manageInlineDisplayCss('span_NumberFormat_{PortalMetricID}', 'opt_Format_{PortalMetricID}', 'block');
											  $('#opt_Format_{PortalMetricID}').focus();">
									<xsl:value-of select="NumberFormat"/>
								</span>
								<select id="opt_Format_{PortalMetricID}" class="smallDropdown" style="display:none;width:30px;"
										onchange="UpdateInLineMetricBase({PortalItemID},{PortalMetricID},'MetricFormat', 
											   'opt_Format_{PortalMetricID}', 'span_NumberFormat_{PortalMetricID}');">
									<xsl:choose>
										<xsl:when test="$NumberFormat = NumberFormat">
											<option value="{$NumberFormat}" selected="selected">
												<xsl:value-of select="$NumberFormat"/>
											</option>
											<xsl:choose>
												<xsl:when test="$NumberFormat = '#'">
													<option value="$">
														$
													</option>
												</xsl:when>
												<xsl:when test="$NumberFormat = '$'">
													<option value="#">
														#
													</option>
												</xsl:when>
											</xsl:choose>
										</xsl:when>
										<xsl:otherwise>
											<option value="{$NumberFormat}">
												<xsl:value-of select="$NumberFormat"/>
											</option>
											<xsl:choose>
												<xsl:when test="$NumberFormat = '#'">
													<option value="$" selected="selected">
														$
													</option>
												</xsl:when>
												<xsl:when test="$NumberFormat = '$'">
													<option value="#" selected="selected">
														#
													</option>
												</xsl:when>
											</xsl:choose>
										</xsl:otherwise>
									</xsl:choose>
								</select>
							</td>
							<td id="editMetric_{PortalMetricID}" class="textCenter verticallyMiddle"
                                style="width:70px;height:24px;">
								<span class="actionCountText onMouseOver" id="spanDeleteMetric_{PortalMetricID}"
								  onclick="deleteMetricKey('{PortalItemID}','{MetricKey}','{PeriodType}','{DefaultYN}');" style="display:none">[X]</span>
								<!--<input id="btnEditMetric_{PortalMetricID}" type="button" onclick="displayMetricEditForm('span_MetricKey_{PortalMetricID}','span_PeriodType_{PortalMetricID}',
								'span_Default_{PortalMetricID}','txtMetricKey_{PortalMetricID}','span_NumberFormat_{PortalMetricID}',
								'opt_PeriodTypes_{PortalMetricID}','opt_Default_{PortalMetricID}',
								'opt_Format_{PortalMetricID}','{$PortalItemID}',
								'editMetric_{PortalMetricID}','updateMetric_{PortalMetricID}',
								'span_ControlKey_{PortalMetricID}','txtControlKey_{PortalMetricID}',
								'spanType_{PortalMetricID}','opt_Type_{PortalMetricID}');" style="display:none"></input>-->

								<!--<img id="img_Save_{PortalMetricID}" class="marginRight5" src="{$TemplateURL}Web/Images/Ver_2_0/edit_goal.png" align="absmiddle"></img>
								<span id="span_Save" class="capitalFont">edit</span>-->
								<select id="ddlAdminMetric_{PortalMetricID}" onclick="handleMetricAdminCalls('btnEditMetric_{PortalMetricID}',
										'spanDeleteMetric_{PortalMetricID}','ddlAdminMetric_{PortalMetricID}');">
									<option selected="" value="0">Admin</option>
									<!--<option value="1">Edit Metric</option>-->
									<option value="2">Delete Metric</option>
								</select>
							</td>
							<!--<td id="updateMetric_{PortalMetricID}" class="textCenter  verticallyMiddle"
                                style="width:70px;height:20px;display:none;padding-top:4px;">
								<button class="onMouseOver divBrowseGradient spanBrowseGradientTextGray"
								onclick="UpdateMetricKey('txtMetricKey_{PortalMetricID}','opt_PeriodTypes_{PortalMetricID}',
								'opt_Default_{PortalMetricID}','{$PortalItemID}','{PortalMetricID}','opt_Format_{PortalMetricID}',
								'txtControlKey_{PortalMetricID}','opt_Type_{PortalMetricID}');">
									<span id="span_Save" class="capitalFont">update</span>
								</button>
							</td>-->

							<td>

							</td>
						</tr>
					</xsl:for-each>
				</table>
				<div id="btn_AddNewResponse" class="marginTop10">
					<span style="height:20px;width:95px;display:block;padding-top:5px;"
                          class="textCenter onMouseOver divBrowseGradient spanBrowseGradientTextGray verticallyMiddle"
                          onclick="corporatePortal_LoadAddMetric('{$PortalItemID}','{$DivID}');"
                          onmouseover="document.getElementById('img_Save_AddMetric').src='{$TemplateURL}Web/Images/Ver_2_0/icon_add_over.png';"
                          onmouseout="document.getElementById('img_Save_AddMetric').src='{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png';">
						<img id="img_Save_AddMetric" class="marginRight5" src="{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png" align="absmiddle"></img>
						ADD METRIC
					</span>
				</div>
			</xsl:otherwise>
		</xsl:choose>


	</xsl:template>


	<xsl:template name="PeriorityFlag">
		<xsl:param name="Flat_Priority" select="N/A"></xsl:param>
		<xsl:param name="ItemID" select="N/A"></xsl:param>
		<xsl:param name="Version" select="N/A"></xsl:param>


		<xsl:if test="$Version &gt; 2.5">
			<div class="btn-group" style="padding:0;width:13%">

				<button  type="button" class="multiselect dropdown-toggle btn padinone mrgnRt" data-toggle="dropdown" title="" aria-expanded="false" style="width: auto;padding:0px;">
					<span class="onMouseOver star-default glyphicon glyphicon-star star_{$Flat_Priority} " id="span_Priority_{normalize-space($ItemID)}">
					</span>
				</button>


				<ul style="padding:0;width:70px;left:0!important;left:inherit;" class=" dropdown-menu Priority " id="ddl_Priority_{normalize-space($ItemID)}" previousValue="{$Flat_Priority}">
					<xsl:choose>
						<xsl:when test="Flat_Priority=1">
							<li class="active" >
								<a href="javascript:void(0);" onclick="UpdateMetricPriority_3_0('{normalize-space($ItemID)}','1');">
									<label class="radio" style="padding-left: 0px;">
										<span class="glyphicon glyphicon-star star_1" ></span>
									</label>
								</a>
							</li>
							<li >
								<a href="javascript:void(0);" onclick="UpdateMetricPriority_3_0('{normalize-space($ItemID)}','0');">
									<label class="radio" style="padding-left: 0px;">
										<span class="glyphicon glyphicon-star star_0" ></span>
									</label>
								</a>
							</li>
						</xsl:when>
						<xsl:otherwise>
							<li >
								<a href="javascript:void(0);" onclick="UpdateMetricPriority_3_0('{normalize-space($ItemID)}','1');">
									<label class="radio" style="padding-left: 0px;">
										<span class="glyphicon glyphicon-star star_1" ></span>
									</label>
								</a>
							</li>
							<li class="active" >
								<a href="javascript:void(0);" onclick="UpdateMetricPriority_3_0('{normalize-space($ItemID)}','0'); ">
									<label class="radio" style="padding-left: 0px;">
										<span class="glyphicon glyphicon-star star_0" ></span>
									</label>
								</a>
							</li>
						</xsl:otherwise>
					</xsl:choose>
				</ul>
			</div>
		</xsl:if>


	</xsl:template>
</xsl:stylesheet>
