<?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="no" omit-xml-declaration="yes"/>

	<xsl:variable name="CurrentUserID" select="/AjaxRequest/Params/CurrentUserId"></xsl:variable>
	<xsl:variable name="DateFormat" select="/AjaxRequest/Settings/Format/Date/@format"></xsl:variable>
	<xsl:variable name="Settings" select="/AjaxRequest/Settings/CustomXML/Tabs_3_0"></xsl:variable>
	<xsl:variable name="Profiletabs" select="/AjaxRequest/ProfileTabs"></xsl:variable>
	<xsl:variable name="PermissionID" select="/AjaxRequest/PermissionID"></xsl:variable>
	<xsl:variable name="MasterPermissionID" select="/AjaxRequest/MasterPortalPermisstionID"></xsl:variable>
	<xsl:variable name="ScopePermissionId" select="/AjaxRequest/ScopePermissionId"></xsl:variable>
	<xsl:variable name="ScopeLevel" select="/AjaxRequest/ScopeLevel"></xsl:variable>
	<xsl:variable name="MasterPortalItemID" select="/AjaxRequest/MasterPortalItemID"></xsl:variable>
	<xsl:variable name="PortalItemID" select="/AjaxRequest/PortalItemID"></xsl:variable>
	<xsl:variable name="CurrentModule" select="/AjaxRequest/CurrentModule"></xsl:variable>
	<xsl:variable name="SummerNote" select="/AjaxRequest/Settings/SummerNote/FontSize"></xsl:variable>
	<xsl:variable name="Form" select="/AjaxRequest/Forms"></xsl:variable>
	<xsl:variable name="ItemID" select="/AjaxRequest/ItemID"></xsl:variable>
	<xsl:variable name="NoteAutoNotify" select="/AjaxRequest/Settings/NoteAutoNotify"></xsl:variable>
	<xsl:variable name="ResourceImageShape" select="/AjaxRequest/Settings/ResourceImageShape"></xsl:variable>
	<xsl:variable name="ResourceImageFit" select="/AjaxRequest/Settings/ResourceImageFit"></xsl:variable>
	<xsl:variable name="EntityId" select="/AjaxRequest/Params/EntityId"></xsl:variable>
	<xsl:variable name="EntityType" select="/AjaxRequest/Params/EntityType"></xsl:variable>
	<xsl:variable name="AppName" select="/AjaxRequest/AppName"></xsl:variable>
	<xsl:variable name="AppEntityId" select="/AjaxRequest/AppEntityId"></xsl:variable>
	<xsl:variable name="CurrentPage" select="/AjaxRequest/CurrentPage"></xsl:variable>
	<xsl:variable name="NotesSettings" >
		<xsl:text>{</xsl:text>
		<xsl:apply-templates select="/AjaxRequest/Settings/NotesPrivacyLevel"/>
		<xsl:apply-templates select="/AjaxRequest/Settings/NotesPrivacy"/>

		<xsl:text>}</xsl:text>
	</xsl:variable>

	<xsl:template match="/">
		<!--<div class="container">-->

		<div data-ng-controller="dynamicComponentController">
			<!-- 5.0 Widget Layout Templates: add cs5 class when Layout version is 5.0 -->
			<xsl:if test="//Layout/@version='5.0'">
				<xsl:attribute name="class">cs5</xsl:attribute>
			</xsl:if>
			<xsl:variable name="form" >
				<xsl:text>{</xsl:text>
				<xsl:apply-templates select="$Form"/>
				<xsl:text>}</xsl:text>
			</xsl:variable>
			<!--First call to set the scope and service values to avoid the duplicate code for resuable parameters-->
			<div data-ng-init="getOnLoadDashBoardData('{$NoteAutoNotify}','{$CurrentPage}', {$NotesSettings})" a="a" isdashboard="isdashboard" wconfig="wConfig">
				<xsl:apply-templates select ="//Layout/Division">
				</xsl:apply-templates>

			</div>
			<div dashboard-pop-up="" ></div>
			<div dashboardpprofile-pop-up="" ></div>
		</div>

		<!--</div>-->
		<xsl:choose>
			<xsl:when test="AjaxRequest/Layout/@hidemenu='true'">
				<script type="text/javascript">
					var hideMenuCall = function(){
					if(document.getElementById("lftNav") != null){
					try{
					displaystrip();
					document.getElementById('menuHidden').value=1;
					}
					catch(e){
					console.log("hideMenuCall schedule ", e);
					setTimeout(hideMenuCall, 1000);
					}
					}else{
					console.log("hideMenuCall schedule")
					setTimeout(hideMenuCall, 1000);
					}
					}

					hideMenuCall();
				</script>
			</xsl:when>
		</xsl:choose>
	</xsl:template>

	<xsl:template match="Division">
		<div class="row outrflex DivisionCSS">
			<xsl:apply-templates select ="Block">
			</xsl:apply-templates>
		</div>
	</xsl:template>




	<!--<xsl:template match="Block">
		<xsl:choose>
			<xsl:when test="Type='FreeFlow'">
				<div style="display:table-cell;float:left;padding:15px;">
					<xsl:apply-templates select="Widget">
					</xsl:apply-templates>
				</div>
			</xsl:when>
			<xsl:when test="Type='OneSixth'">
				<div class="col-md-2 col-sm-6 equalheight">
					<xsl:apply-templates select="Widget">
					</xsl:apply-templates>
				</div>
			</xsl:when>
			<xsl:when test="Type='OneFourth'">
				<div class="col-md-3 col-sm-6 equalheight">
					<div class="icon-stat hite100" >
						<xsl:apply-templates select="Widget">
						</xsl:apply-templates>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="Type='OneThird'">
				<div class="col-md-4 col-sm-4 equalheight">
					<div class="portlet portlet-boxed hite100" style="background-color:#ffffff">
						<xsl:apply-templates select="Widget">
						</xsl:apply-templates>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="Type='TwoThird'">
				<div class="col-md-8 col-sm-8 equalheight">
					<div class="portlet portlet-boxed hite100" style="background-color:#ffffff">
						<xsl:apply-templates select="Widget">
						</xsl:apply-templates>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="Type='Half'">
				<div class="col-md-6 equalheight">
					<div class="portlet portlet-boxed hite100">
						<div class="portlet portlet-boxed" style="background-color:#ffffff">
							<xsl:apply-templates select="Widget">
							</xsl:apply-templates>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="Type='Full'">
				<div class="col-md-12 col-sm-12 equalheight">
					<div class="portlet portlet-boxed hite100" style="background-color:#ffffff">
						<xsl:apply-templates select="Widget">
						</xsl:apply-templates>
					</div>
				</div>
			</xsl:when>
		</xsl:choose>
	</xsl:template>-->

	<xsl:template match="Widget">
		<xsl:param name="Type" select="'N/A'"></xsl:param>
		<xsl:choose>
			<xsl:when test="@type='ShopPackage'">
				<div data-ng-controller="shopPackageController" id="divMainShopPackage">
					<div shop-package-directive="" shop-package-detail="shopPackage"
													   show-package-service="showPackageService" bgcolor="bgcolor" fontcolor="fontcolor"
													   portal-load-package-subscription="portalLoadPackageSubscription(shopPackage.ItemID)"
													   portal-package-contact-us="portalPackageContactUs(shopPackage.ItemID)">
						<xsl:attribute name="w-config">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:attribute>
						<xsl:attribute name="init-call">
							<xsl:text>initShopPackage(</xsl:text>
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>)</xsl:text>
						</xsl:attribute>
					</div>
				</div>
				<div id="divLoadPackageSubscription" style="display:none;" class="table-handle"></div>
			</xsl:when>
			<xsl:when test="@type='FileUpload'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Name:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@name"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>

				<div class="hite100">
					<div class="portlet-body midbody">
						<div id="dynamicComponentController"  data-ng-controller="fileUploadController">
							<div  fileupload-directive="" class="portlet portlet-boxed hite100" form="form" hide-waiting-indicator="hideWaitingIndicator" file-path="filePath"
															style="background-color: #fff;padding:10px;">

							</div>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='CTA'">

				<div class="hite100">
					<div class="portlet-body midbody">
						<div id="dynamicComponentController"  data-ng-controller="ctaController">
							<div  cta-Directive="" class="portlet portlet-boxed hite100" form="form" hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()" file-path="filePath"
																			style="background-color: #fff;padding:10px;">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-call">
									<xsl:text>getDynamicControl(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='WSPlayer'">
				<xsl:variable name="widgetId" select="@key" ></xsl:variable>
				<div id="{$widgetId}" data-ng-controller="wsplayerController">
					<div class="portlet-header headbox top-3">
						<!--<h4 class="portlet-title mvcss">-->
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>
						<xsl:variable name="wconfig">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>Name:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@name"/>
							<xsl:text>',</xsl:text>
							<xsl:text>DateFormat:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$DateFormat"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>
						<xsl:variable name="callForm">
							<xsl:choose>
								<xsl:when test="Layout/CTA/Button">
									callgetDynamicform();
								</xsl:when>
							</xsl:choose>
						</xsl:variable>

						<span data-ng-controller="dynamicComponentController" >
							<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden">
							<a href="" data-ng-click="InitPlayer({$wconfig});{$callForm}">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>

						<!--<i class="{$icon} faicon pad0"></i>
              <xsl:value-of select="Layout/Title"/>
              <a href="" data-ng-click="InitPlayer({$wconfig});{$callForm}">
                <i class="{$refresh} faRefresh"></i>
              </a>-->
						<!--</h4>-->
						<xsl:call-template name="CTAButton">
							<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
							<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
							<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
							<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
							<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
							<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
							<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
							<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
							<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
							<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
						</xsl:call-template>
					</div>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																							   hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																							   style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>Name:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@name"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>Name:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@name"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="portlet-body midbody" >
						<p>
							<xsl:value-of select="Layout/Description"/>
						</p>
						<xsl:variable name="varHeight">
							<xsl:choose>
								<xsl:when test="Layout/BodyHeight != ''">
									<xsl:text>{'width':'100%','overflow':'auto','height':'</xsl:text>
									<xsl:value-of select="Layout/BodyHeight"/>
									<xsl:text>px'}</xsl:text>
								</xsl:when>
								<xsl:otherwise>
									<xsl:text></xsl:text>
								</xsl:otherwise>
							</xsl:choose>
						</xsl:variable>

						<div>
							<div init-call="InitPlayer()" wsplayer-directive="" w-config="wConfig"  default-message="{DefaultMessage}" hts="{$varHeight}"
																		   worksheet-list="worksheetList" next-w-s="nextWS" prev-w-s="prevWS" id="divWSPlayer" name="name">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Name:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@name"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-call">
									<xsl:text>InitPlayer(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Name:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@name"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='WSPlayerMVP' or @type='SurveyViewer' ">
				<xsl:variable name="widgetId" select="@key" ></xsl:variable>
				<xsl:variable name="format" select="Layout/Format"></xsl:variable>
				<xsl:variable name="key">
					<xsl:value-of select="@type"/>
					<xsl:value-of select="position()"/>
				</xsl:variable>
				<div id="{$widgetId}"  data-ng-controller="wsplayerController">
					<xsl:variable name="title" select="Layout/Title"></xsl:variable>
					<xsl:if test="$title">
						<div class="portlet-header headbox top-3">
							<!--<h4 class="portlet-title mvcss">-->
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="fullscreen" select="Layout/Title/@fullscreen"></xsl:variable>
							<xsl:variable name="wconfig">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>Name:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@name"/>
								<xsl:text>',</xsl:text>
								<xsl:text>DateFormat:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$DateFormat"/>
								<xsl:text>',</xsl:text>
								<xsl:text>NoteAutoNotify:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$NoteAutoNotify"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>
							<xsl:variable name="callForm">
								<xsl:choose>
									<xsl:when test="Layout/CTA/Button">
										callgetDynamicform();
									</xsl:when>
								</xsl:choose>
							</xsl:variable>

							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive="" title="title" refresh="refresh" icon="icon"  key="{$key}" fullscreen="{$fullscreen}"
									   data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="getWorksheetCall({$wconfig})">
									<i class="{$refresh} faRefresh"></i>
								</a>
							</span>

							<!--<i class="{$icon} faicon pad0"></i>
              <xsl:value-of select="Layout/Title"/>
              <a href="" data-ng-click="InitPlayer({$wconfig});{$callForm}">
                <i class="{$refresh} faRefresh"></i>
              </a>-->
							<!--</h4>-->
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
							</xsl:call-template>
						</div>
					</xsl:if>


					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																							   hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																							   style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>Name:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@name"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>Name:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@name"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="portlet-body midbody" >
						<xsl:if test="Layout/Description">
							<p>
								<xsl:value-of select="Layout/Description"/>
							</p>
						</xsl:if>

						<xsl:variable name="varHeight">
							<xsl:choose>
								<xsl:when test="Layout/BodyHeight != ''">
									<xsl:text>{'width':'100%','overflow':'auto','height':'</xsl:text>
									<xsl:value-of select="Layout/BodyHeight"/>
									<xsl:text>px'}</xsl:text>
								</xsl:when>
								<xsl:otherwise>
									<xsl:text></xsl:text>
								</xsl:otherwise>
							</xsl:choose>
						</xsl:variable>
						<div data-ng-controller="wsplayerController">
							<div get-worksheet-call="getWorksheetCall()" wsplayer-m-v-p-directive="" w-config="wConfig"  default-message="{DefaultMessage}" hts="{$varHeight}"
																		   worksheet-list="worksheetList"  surveyform="surveyform" survey-form-option="surveyFormOption" next-w-s="nextWS" prev-w-s="prevWS" id="divWSPlayer" name="name"
							  can-exit="canExit" step-active="stepActive" finished="finished()" exit-toggle="exitToggle()" exit-with-a-promise="exitWithAPromise()"
							  set-mode="setMode(mode)" go-Back="goBack()" step-toggle="stepToggle()" exit-validation="exitValidation(valid)" update-answer="updateAnswer(event,value,option,answer)"
							  prev-on ="prevOn" save-wizard="saveWizard" delete-survey="deleteSurvey()"  open-scorm-cloud="openScormCloud(sform)" get-scorm-registraion="getScormRegistraion(sform)" get-scrom-call-back="getScromCallBack(url)" scromurl="scromurl" scromlist="scromlist" current-obj="currentObj"
							  confeti="confeti" form-finish="formFinish" next-btn="nextBtn" current-wizard="currentWizard" seeked="seeked"
							  editbutton="editbutton" source-item-i-d ="sourceItemID" options="options" isactive="isactive" blankmessage="blankmessage" next-w-s-m-v-p="nextWSMVP(wConfig)" prev-w-s-m-v-p="prevWSMVP(wConfig)"  ispostactive="ispostactive"
							  open-dashboard-popup="openDashboardPopup(values)" open-video-popup="openVideoPopup(sform)">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Template:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@template"/>
									<xsl:text>',</xsl:text>
									<xsl:text>summernote:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$SummerNote"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:text>NoteAutoNotify:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$NoteAutoNotify"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="get-worksheet-call">
									<xsl:text>getWorksheetCall(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Template:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@template"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Name:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@name"/>
									<xsl:text>',</xsl:text>
									<xsl:text>summernote:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$SummerNote"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:text>NoteAutoNotify:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$NoteAutoNotify"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
					</div>
				</div>
				<!--</xsl:if>-->
				<div wsplayer-pop-up-m-v-p=""></div>
			</xsl:when>
			<xsl:when test="@type='Numbers'">

				<div data-ng-controller="numbersController">
					<div class="portlet-header Pading-Botm-10 headbox top-3">
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>
						<xsl:variable name="wconfig">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>Name:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@name"/>
							<xsl:text>',</xsl:text>
							<xsl:text>DateFormat:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$DateFormat"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>

						<span data-ng-controller="dynamicComponentController" >
							<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden">
							<a href="" data-ng-click="initCall({$wconfig})">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>
						<!--<i class="{$icon} faicon pad0" ></i>
              <xsl:value-of select="Layout/Title"/>
              <a href="" data-ng-click="initCall({$wconfig})">
                <i class="{$refresh} faRefresh"></i>
              </a>-->
						<xsl:call-template name="CTAButton">
							<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
							<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
							<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
							<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
							<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
							<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
							<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
							<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
							<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
							<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
						</xsl:call-template>

					</div>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																							   hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																							   style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>Name:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@name"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>Name:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@name"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="portlet-body midbody PadingAll brdrNone" >
						<xsl:if test="Layout/Description">
							<p class="titlename">
								<xsl:value-of select="Layout/Description"/>
							</p>
						</xsl:if>

						<div>
							<div  numbers-directive="" w-config="wconfig" goal="goal" message="message" name="name">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Name:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@name"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-Call">
									<xsl:text>initCall(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Name:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@name"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
					</div>
				</div>

			</xsl:when>

			<xsl:when test="@type='NumbersMVP'">

				<xsl:variable name="inlineNavigation" select="Layout/InlineNavigation"></xsl:variable>

				<div data-ng-controller="numbersController">
					<div class="portlet-header Pading-Botm-10 headbox top-3">

						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>

						<xsl:variable name="wconfig">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>Name:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@name"/>
							<xsl:text>',</xsl:text>

							<xsl:text>InlineNavigation:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$inlineNavigation"/>
							<xsl:text>',</xsl:text>

							<xsl:text>DateFormat:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$DateFormat"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>

						<span data-ng-controller="dynamicComponentController" >
							<span widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden">
							<a href="" data-ng-click="initCall({$wconfig})">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>
					</div>

					<div class="portlet-body midbody PadingAll brdrNone" >
						<xsl:if test="Layout/Description">
							<p class="titlename">
								<xsl:value-of select="Layout/Description"/>
							</p>
						</xsl:if>

						<div>
							<div numbersmvp-directive="" w-config="wconfig" goal="goal" message="message" name="name" show-hide-target-box="showHideTargetBox" metric-list="metricList" success-habit-list="successHabitList" success-habit-target="successHabitTarget">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Name:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@name"/>
									<xsl:text>',</xsl:text>

									<xsl:text>InlineNavigation:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$inlineNavigation"/>
									<xsl:text>',</xsl:text>

									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-Call">
									<xsl:text>initCall(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Name:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@name"/>
									<xsl:text>',</xsl:text>

									<xsl:text>InlineNavigation:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$inlineNavigation"/>
									<xsl:text>',</xsl:text>

									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
					</div>
				</div>

			</xsl:when>

			<xsl:when test="@type='NumbersTracker'">

				<div data-ng-controller="numbersController">
					<div class="portlet-header Pading-Botm-10 headbox top-3">
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>
						<xsl:variable name="wconfig">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>Name:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@name"/>
							<xsl:text>',</xsl:text>
							<xsl:text>DateFormat:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$DateFormat"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>

						<span data-ng-controller="dynamicComponentController" >
							<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden">
							<a href="" data-ng-click="initCallNumberTracker({$wconfig})">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>
						<!--<i class="{$icon} faicon pad0" ></i>
              <xsl:value-of select="Layout/Title"/>
              <a href="" data-ng-click="initCall({$wconfig})">
                <i class="{$refresh} faRefresh"></i>
              </a>-->
						<xsl:call-template name="CTAButton">
							<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
							<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
							<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
							<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
							<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
							<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
							<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
							<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
							<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
							<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
						</xsl:call-template>

					</div>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																							   hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																							   style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>Name:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@name"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>Name:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@name"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="portlet-body midbody PadingAll brdrNone" >
						<xsl:if test="Layout/Description">
							<p class="titlename">
								<xsl:value-of select="Layout/Description"/>
							</p>
						</xsl:if>

						<div>
							<div init-call-number-tracker="initCallNumberTracker()" number-tracker-directive="" w-config="wconfig" goal="goal" message="message" name="name">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Name:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@name"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-call-number-tracker">
									<xsl:text>initCallNumberTracker(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Name:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@name"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
					</div>
				</div>

			</xsl:when>

			<xsl:when test="@type='ChatGPTPlayground'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div data-ng-controller="chatGPTPlaygroundController">
					<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
					<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
					<xsl:variable name="title" select="Layout/Title"></xsl:variable>
					<xsl:if test="$title != ''">
						<div class="portlet-header Pading-Botm-10 headbox top-3" >
							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="initCallNumberTracker({$wconfig})">
									<i class="{$refresh} faRefresh"></i>
								</a>
							</span>
							<div class="Btn-Header">
								<xsl:call-template name="CTAButton">
									<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
									<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
									<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
									<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
									<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
									<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
									<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
									<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
									<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
									<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
									<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
									<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
									<xsl:with-param name="Forms" select="$form"></xsl:with-param>
									<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>

								</xsl:call-template>
							</div>
						</div>
					</xsl:if>
					<div chat-g-p-t-playground-directive="" data-ng-init="initCall({$wconfig})">
					</div>
					<div add-c-t-e-form-pop-up=""  data-ng-init="cteCall($form,'{$NoteAutoNotify}',{$NotesSettings})"></div>
				</div>
			</xsl:when>

			<xsl:when test="@type='NotebookLM'">
				<div data-ng-controller="chatGPTNotebookLMController">
					<div chat-g-p-t-notebook-l-m-directive="" nlm-auto-open="true"></div>
				</div>
			</xsl:when>

			<xsl:when test="@type='LiveAgent'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div data-ng-controller="liveAgentController">
					<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
					<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
					<xsl:variable name="title" select="Layout/Title"></xsl:variable>
					<xsl:if test="$title != ''">
						<div class="portlet-header Pading-Botm-10 headbox top-3" >
							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="initCallNumberTracker({$wconfig})">
									<i class="{$refresh} faRefresh"></i>
								</a>
							</span>
							<div class="Btn-Header">
								<xsl:call-template name="CTAButton">
									<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
									<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
									<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
									<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
									<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
									<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
									<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
									<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
									<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
									<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
									<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
									<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
									<xsl:with-param name="Forms" select="$form"></xsl:with-param>
									<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>

								</xsl:call-template>
							</div>
						</div>
					</xsl:if>
					<div live-agent-directive="" data-ng-init="initCall({$wconfig})" w-config="wConfig" connect-live-kit="connectLiveKit()">
					</div>
					<div add-c-t-e-form-pop-up=""  data-ng-init="cteCall($form,'{$NoteAutoNotify}',{$NotesSettings})"></div>
				</div>
			</xsl:when>
			<xsl:when test="@type='VirtualCoach'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div data-ng-controller="virtualCoachController">
					<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
					<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
					<xsl:variable name="title" select="Layout/Title"></xsl:variable>
					<xsl:if test="$title != ''">
						<div class="portlet-header Pading-Botm-10 headbox top-3" >
							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="initCall({$wconfig})">
									<i class="{$refresh} faRefresh"></i>
								</a>
							</span>
						</div>
					</xsl:if>
					<div virtual-coach-directive="" data-ng-init="initCall({$wconfig})">
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='SpreadSheet'">
				<div data-ng-controller="spreadSheetController">
					<div class="portlet-header Pading-Botm-10 headbox top-3">
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>
						<xsl:variable name="wconfig">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>Name:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@name"/>
							<xsl:text>',</xsl:text>
							<xsl:text>DateFormat:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$DateFormat"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>

						<span data-ng-controller="dynamicComponentController" >
							<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden">
							<a href="" data-ng-click="initCallSpreadSheet({$wconfig})">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>
						<!--<i class="{$icon} faicon pad0" ></i>
              <xsl:value-of select="Layout/Title"/>
              <a href="" data-ng-click="initCall({$wconfig})">
                <i class="{$refresh} faRefresh"></i>
              </a>-->
						<xsl:call-template name="CTAButton">
							<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
							<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
							<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
							<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
							<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
							<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
							<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
							<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
							<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
							<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
						</xsl:call-template>

					</div>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																							   hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																							   style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>Name:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@name"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>Name:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@name"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="portlet-body midbody PaddingAll brdrNone">
						<xsl:if test="Layout/Description">
							<p class="titlename">
								<xsl:value-of select="Layout/Description"/>
							</p>
						</xsl:if>

						<div>
							<div init-call-spread-sheet="initCallSpreadSheet()" spread-sheet-directive="" w-config="wconfig"
								 goal="goal" message="message" name="name" sheet-data="sheetData" load-complete="loadComplete(args)"
								 load-html="loadHtml">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Name:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@name"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-call-spread-sheet">
									<xsl:text>initCallSpreadSheet(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Name:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@name"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>

						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='HeaderBox'">

				<div data-ng-controller="headerBoxController">

					<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
					<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
					<xsl:variable name="wconfig">
						<xsl:text>{</xsl:text>
						<xsl:text>Widget:{</xsl:text>
						<xsl:text>Type:</xsl:text>
						<xsl:text>'</xsl:text>
						<xsl:value-of select="@type"/>
						<xsl:text>',</xsl:text>
						<xsl:text>DateFormat:</xsl:text>
						<xsl:text>'</xsl:text>
						<xsl:value-of select="$DateFormat"/>
						<xsl:text>',</xsl:text>
						<xsl:apply-templates select="*"/>
						<xsl:text>}</xsl:text>
						<xsl:text>}</xsl:text>
					</xsl:variable>

					<div class="portlet-body  midbody header-boxed" >

						<div>
							<div  header-box-directive="" w-config="wConfig" header-detail="headerDetail" header-type="headerType" image-style="imageStyle"
																			 icon-style="iconStyle" title-heading="titleHeading" row-heading="rowHeading" heading-style="headingStyle" header-image="headerImage" header-title="headerTitle" header-sub-title="headerSubTitle"
								  sub-Title-Style="subTitleStyle" browse-image="browseImage(headerDetail)" header="header" update-c-t-c="updateCTC(newValue, ctcRow, coulmn, rowIndex)"   ctcsecurity="ctcsecurity">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-Call">
									<xsl:text>initCall(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
					</div>

				</div>
				<div data-ng-controller="fileUploadController" >
					<div image-upload-pop-up="" w-config="wconfig" image="image" data-ng-init="browseImage()" >
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='WorksheetPreview'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="widgetId" select="@key" ></xsl:variable>
				<div id="{$widgetId}" data-ng-controller="worksheetPreviewController">
					<xsl:variable name="title" select="Layout/Title"></xsl:variable>
					<xsl:if test="$title != ''">
						<div class="portlet-header Pading-Botm-10 headbox top-3">
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="wconfig">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>DateFormat:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$DateFormat"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>

							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="initCall({$wconfig})">
									<i class="{$refresh} faRefresh"></i>
								</a>
							</span>
							<div class="Btn-Header">
								<xsl:call-template name="CTAButton">
									<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
									<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
									<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
									<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
									<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
									<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
									<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
									<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
									<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
									<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
									<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
									<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
									<xsl:with-param name="Forms" select="$form"></xsl:with-param>
									<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>

								</xsl:call-template>
							</div>
						</div>
					</xsl:if>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																 hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																 style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="portlet-body midbody" style="padding:0px;" >
						<p class="titlename">
							<xsl:value-of select="Layout/Description"/>
						</p>
						<div>
							<div  worksheet-Preview-directive="" survey="survey" w-config="wConfig" abc="abc">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-Call">
									<xsl:text>initCall(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
					</div>
					<div>
						<div  add-c-t-e-form-pop-up="" data-ng-init="cteCall($form,'{$NoteAutoNotify}',{$NotesSettings})"></div>
					</div>
					<div worksheet-preview-pop-up-m-v-p=""></div>
				</div>


			</xsl:when>
			<xsl:when test="@type='PipelineReports'">
				<div data-ng-controller="pipelineController">
					<div class="portlet-header Pading-Botm-10 headbox top-3">
						<!--<h4 class="portlet-title">-->
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>
						<xsl:variable name="wconfig">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>DateFormat:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$DateFormat"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>

						<!--<i class="{$icon} faicon pad0" ></i>
              <xsl:value-of select="Layout/Title"/>
              <a href="" data-ng-click="initCall({$wconfig})">
                <i class="{$refresh} faRefresh"></i>
              </a>-->
						<span data-ng-controller="dynamicComponentController" >
							<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden">
							<a href="" data-ng-click="initCall({$wconfig})">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>
						<!--</h4>-->
					</div>
					<div class="portlet-body midbody" style="padding:0px;">
						<p class="titlename">
							<xsl:value-of select="Layout/Description"/>
						</p>
						<div>
							<div  pipeline-directive="" level="level">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-Call">
									<xsl:text>initCall(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='ScorecardReports'">
				<div class="ScoreCard" data-ng-controller="scorecardController">
					<div class="portlet-header Pading-Botm-10 headbox top-3">
						<!--<h4 class="portlet-title">-->
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>
						<xsl:variable name="wconfig">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>DateFormat:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$DateFormat"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>

						<!--<i class="{$icon} faicon pad0" ></i>
              <xsl:value-of select="Layout/Title"/>
              <a href="" data-ng-click="initCall({$wconfig})">
                <i class="{$refresh} faRefresh"></i>
              </a>-->
						<!--</h4>-->
						<span data-ng-controller="dynamicComponentController" >
							<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden">
							<a href="" data-ng-click="initCall({$wconfig})">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>
					</div>
					<div class="portlet-body midbody" style="padding:0px;">
						<p class="titlename">
							<xsl:value-of select="Layout/Description"/>
						</p>
						<div>
							<div  scorecard-directive="" level="level" templateid="templateid">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-Call">
									<xsl:text>initCall(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='WorksheetDesigner'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div data-ng-controller="worksheetDesignerController">
					<div class="portlet-header Pading-Botm-10 headbox top-3">
						<!--<h4 class="portlet-title">-->
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>
						<xsl:variable name="wconfig">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>DateFormat:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$DateFormat"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>

						<!--<i class="{$icon} faicon pad0" ></i>
              <xsl:value-of select="Layout/Title"/>
              <a href="" data-ng-click="initCall({$wconfig})">
                <i class="{$refresh} faRefresh"></i>
              </a>-->
						<!--</h4>-->
						<span data-ng-controller="dynamicComponentController" >
							<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden">
							<a href="" data-ng-click="initCall({$wconfig})">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>
						<div class="Btn-Header">
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>

							</xsl:call-template>
						</div>
					</div>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																 hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																 style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="portlet-body midbody" style="padding:0px;">
						<p class="titlename">
							<xsl:value-of select="Layout/Description"/>
						</p>
						<div>
							<div  worksheet-Designer-directive="" w-config="wconfig"  >
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-Call">
									<xsl:text>initCall(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
						<div worksheet-designer-pop-up-m-v-p=""></div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='WorksheetDesignerMVP'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div data-ng-controller="worksheetDesignerController">
					<xsl:variable name="title" select="Layout/Title"></xsl:variable>
					<xsl:if test="$title != ''">
						<div class="portlet-header Pading-Botm-10 headbox top-3">
							<!--<h4 class="portlet-title">-->
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="wconfig">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>DateFormat:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$DateFormat"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>

							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="initCall({$wconfig})">
									<i class="{$refresh} faRefresh"></i>
								</a>
							</span>
							<div class="Btn-Header">
								<xsl:call-template name="CTAButton">
									<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
									<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
									<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
									<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
									<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
									<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
									<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
									<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
									<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
									<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
									<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
									<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
									<xsl:with-param name="Forms" select="$form"></xsl:with-param>
									<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>

								</xsl:call-template>
							</div>
						</div>
					</xsl:if>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																 hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																 style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="portlet-body midbody no-padding" style="padding:0px;">
						<!--<p class="titlename">
							<xsl:value-of select="Layout/Description"/>
						</p>-->
						<div>
							<div worksheet-Designer-m-v-p-directive="" w-config="wConfig"  containers="containers" columns="columns" form="$form"
								  config="config"
								 sortableconf="sortableconf" ctrl="ctrl" items="items" toggle-panel="togglePanel()"
							     open-right-panel="openRightPanel(index,type)" update-control-data="updateControlData(actiontype,index,settingaction,scopevalue)"
								 setting-actions="settingActions(index,optionindex,action,modelval)"
								 manage-collapse-expand= "manageCollapseExpand(tab)">

								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-Call">
									<xsl:text>getWorksheetDesignerMVP(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
						<div worksheet-designer-pop-up-m-v-p=""></div>
					</div>
				</div>
			</xsl:when>

			<xsl:when test="@type='TemplateBuilder'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div data-ng-controller="genricController">
					<div class="portlet-header Pading-Botm-10 headbox top-3">
						<!--<h4 class="portlet-title">-->
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>
						<xsl:variable name="wconfig">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>DateFormat:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$DateFormat"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>
						<xsl:if test="$title != ''">
							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
						</xsl:if>
						<span class="refreshHidden">
							<a href="" data-ng-click="initCall({$wconfig})">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>
						<div class="Btn-Header">
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>

							</xsl:call-template>
						</div>
					</div>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																 hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																 style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="portlet-body midbody" style="padding:0px !important;">
						<!--<p class="titlename">
							<xsl:value-of select="Layout/Description"/>
						</p>-->
						<div>
							<div templatebuilder-directive="" w-config="wconfig" add-section="addSection(coulmn,row,index)" on-click-section="onClickSection(section)"
								 on-click-item="onClickItem(column,item,index)" columns="columns" on-update-item="onUpdateItem(item, column, row, type, rowid)"
								 containers="containers" >
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-Call">
									<xsl:text>getTemplateSectionBuilder(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>

					</div>
					<div enitydynamic-pop-up="" ></div>

				</div>

			</xsl:when>
			<xsl:when test="@type='DataTableStacked'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:text>DateFormat:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="$DateFormat"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div class=""  data-ng-controller="dynamicComponentController">
					<div class="portlet-header headbox top-3">
						<h4 class="portlet-title text-secondary">
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="title" select="Layout/Title"></xsl:variable>
							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<a href="" data-ng-click="initiateRefreshButton()">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</h4>
						<xsl:call-template name="CTAButton">
							<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
							<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
							<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
							<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
							<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
							<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
							<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
							<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
							<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
							<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
							<xsl:with-param name="Forms" select="$form"></xsl:with-param>
							<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
						</xsl:call-template>
					</div>
					<div class="portlet-body midbody">
						<p>
							<xsl:value-of select="Layout/Description"/>
						</p>
						<div>
							<!--<div accordian-directive="" accordian="ac" >								
									<xsl:attribute name="w-config">
							            <xsl:text>{</xsl:text>
							            <xsl:text>Widget:{</xsl:text>
							            <xsl:text>Type:</xsl:text>
							            <xsl:text>'</xsl:text>
							            <xsl:value-of select="@type"/>
							            <xsl:text>',</xsl:text>
							            <xsl:apply-templates select="*"/>
							            <xsl:text>}</xsl:text>
							            <xsl:text>}</xsl:text>
						            </xsl:attribute>
					        <xsl:attribute name="init-call">
							            <xsl:text>getAccordian(</xsl:text>
							            <xsl:text>{</xsl:text>
							            <xsl:text>Widget:{</xsl:text>
							            <xsl:text>Type:</xsl:text>
							            <xsl:text>'</xsl:text>
							            <xsl:value-of select="@type"/>
							            <xsl:text>',</xsl:text>
							            <xsl:apply-templates select="*"/>
							            <xsl:text>}</xsl:text>
							            <xsl:text>}</xsl:text>
							            <xsl:text>)</xsl:text>
						            </xsl:attribute>
							</div>-->
							<div dt-directive="" dt-options="dtOptions" dt-columns="dtColumns" dt-Instance="dtInstance" header-value="title" msg="msg"
																						class="portlet portlet-boxed hite100 stackedtable"  hide-waiting-indicator="hideWaitingIndicator"
																						style="border-radius: 4px; border: 1px solid #ddd;background-color: #fff;">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-call">
									<xsl:text>getDynamicList(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='RecentActivity'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div class="portlet-header headbox top-3">
					<!--heading-block recentact-->
					<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
					<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
					<xsl:variable name="title" select="Layout/Title"></xsl:variable>

					<xsl:variable name="wconfig">
						<xsl:text>{</xsl:text>
						<xsl:text>Widget:{</xsl:text>
						<xsl:text>Type:</xsl:text>
						<xsl:text>'</xsl:text>
						<xsl:value-of select="@type"/>
						<xsl:text>',</xsl:text>
						<xsl:apply-templates select="ListRecentActivity/*"/>
						<xsl:text>}</xsl:text>
						<xsl:text>}</xsl:text>
					</xsl:variable>
					<!--<h4>
             
             
              <i class="{$icon} faicon pad0"></i>
              <xsl:value-of select="Layout/Title"/>
             
            </h4>-->
					<span data-ng-controller="dynamicComponentController" >
						<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
						</span>
					</span>
					<span class="refreshHidden" data-ng-controller="dynamicComponentController">
						<a data-ng-click="getRecentActivity({$wconfig})">
							<i class="{$refresh} faRefresh"></i>
						</a>
					</span>
					<xsl:call-template name="CTAButton">
						<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
						<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
						<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
						<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
						<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
						<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
						<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
						<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
						<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
						<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
						<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
						<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
						<xsl:with-param name="Forms" select="$form"></xsl:with-param>
						<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
					</xsl:call-template>

				</div>

				<xsl:for-each select="Widget[@type='CTA']">
					<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
						<div class="hite100 " >
							<div id="ctaController"  data-ng-controller="ctaController" class="ctaLaout">
								<div cta-Directive="" get-C-T-A-Pop-Up="getCTAPopUp(config)" class="portlet portlet-boxed hite100" form="form"
													 hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()" on-change-dropdown="onChangeDropdown(index)"  tags="tags" meta="meta" spiner="spiner" get-link-meta="getLinkMeta(url)"
													 style="background-color: #fff;padding:10px;margin:0px;">
									<xsl:attribute name="w-config">
										<xsl:text>{</xsl:text>
										<xsl:text>Widget:{</xsl:text>
										<xsl:text>Type:</xsl:text>
										<xsl:text>'</xsl:text>
										<xsl:value-of select="Widget/@type"/>
										<xsl:text>',</xsl:text>
										<xsl:text>DateFormat:</xsl:text>
										<xsl:text>'</xsl:text>
										<xsl:value-of select="$DateFormat"/>
										<xsl:text>',</xsl:text>
										<xsl:apply-templates select="*"/>
										<xsl:text>}</xsl:text>
										<xsl:text>}</xsl:text>
									</xsl:attribute>
									<xsl:attribute name="init-call">
										<xsl:text>getDynamicControl(</xsl:text>
										<xsl:text>{</xsl:text>
										<xsl:text>Widget:{</xsl:text>
										<xsl:text>Type:</xsl:text>
										<xsl:text>'</xsl:text>
										<xsl:value-of select="Widget/@type"/>
										<xsl:text>',</xsl:text>
										<xsl:text>DateFormat:</xsl:text>
										<xsl:text>'</xsl:text>
										<xsl:value-of select="$DateFormat"/>
										<xsl:text>',</xsl:text>
										<xsl:apply-templates select="*"/>
										<xsl:text>}</xsl:text>
										<xsl:text>}</xsl:text>
										<xsl:text>)</xsl:text>
									</xsl:attribute>
								</div>
							</div>
						</div>
					</div>
				</xsl:for-each>
				<div data-ng-controller="dynamicComponentController" class="icon-stat w-100" style="border:none;">

					<!-- /.heading-block -->
					<xsl:if test="AddNote !=''">
						<xsl:variable name="ToolTip">
							<xsl:choose>
								<xsl:when test="AddNote/Tooltip">
									<xsl:value-of select="AddNote/Tooltip"/>
								</xsl:when>
								<xsl:otherwise>
									<xsl:text>Share what you've been up to...</xsl:text>
								</xsl:otherwise>
							</xsl:choose>
						</xsl:variable>
						<!--<div class="share-widget clearfix" data-ng-controller="noteBookController">-->

						<div class="share-widget clearfix dragdrop" drop-attachment="" data-ng-controller="noteBookController">

							<textarea class="form-control share-widget-textarea" rows="3" data-ng-keyup="checkEmptyNote()"
												  placeholder="{$ToolTip}" tabindex="1"
												  data-ng-model="noteComment" data-ng-class="border"></textarea>
							<div class="share-widget-actions">
								<div class="share-widget-types pull-left recent-act wid92" >
									<xsl:for-each select="AddNote/PostTypes/Type">
										<xsl:if test="@value='Picture'">
											<a href="javascript:;" class="fa fa-picture-o ui-tooltip sml toltip" title="Post an Image">
												<i></i>
											</a>
										</xsl:if>
										<xsl:if test="@value='Video'">
											<a href="javascript:;" class="fa fa-video-camera ui-tooltip sml toltip" title="Upload a Video">
												<i></i>
											</a>
										</xsl:if>
										<xsl:if test="@value='Idea'">
											<a href="javascript:;" class="fa fa-lightbulb-o ui-tooltip sml toltip" title="Post an Idea">
												<i></i>
											</a>
										</xsl:if>
										<xsl:if test="@value='Question'">
											<a href="javascript:;" class="fa fa-question-circle ui-tooltip sm toltip" title="Ask a Question">
												<i></i>
											</a>
										</xsl:if>
									</xsl:for-each>

									<!--<div class="dropdown demo-element RiteAlign">
										<button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">
											<i class="fa fa-users"></i> Shared
											<span class="caret"></span>
										</button>
										<ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
											<li role="menuitem">
												<a  href="#">
													<i class="fa fa-users"></i> Shared
												</a>
											</li>
											<li class="divider"></li>
											<li role="menuitem">
												<a href="#">
													<i class="fa fa-lock"></i> Private Admin
												</a>
											</li>
											<li role="menuitem">
												<a href="#">
													<i class="fa fa-lock"></i> Private Manager
												</a>
											</li>
										</ul>
									</div>-->
									<xsl:if test="AddNote/Layout/Dropdown">
										<xsl:variable name="goalFilter">
											<xsl:value-of select="AddNote/Layout/Dropdown/@filterfield"></xsl:value-of>
										</xsl:variable>
										<span raattachment-directive="" show-loader="showLoader" filter-goal-id="{$goalFilter}" thumbnail-path="thumbnailPath"
														file-name="fileName" file-path="filePath" reset-attachment="resetAttachment()" class="pull-right ml-10 attachedsize"></span>
									</xsl:if>

									<xsl:if test="AddNote/Layout/NotesPrivacyLevel">
										<xsl:variable name="wConfigPrivacy">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:apply-templates select="AddNote/Layout/*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:variable>
										<xsl:variable name="varGoalFilter">
											<xsl:value-of select="AddNote/Layout/Dropdown/@filterfield"></xsl:value-of>
										</xsl:variable>
										<span class="pull-right" envelop-directive="" get-pop-up="getPopUp({$varGoalFilter},selectedItem,{$wConfigPrivacy})"
																				add-user-count="addUserCount" filter-goal-id="{$varGoalFilter}"></span>
									</xsl:if>

									<xsl:if test="AddNote/Layout/NotesPrivacyLevel">
										<!--Drop down for Private and Shared-->
										<xsl:variable name="wConfigPrivacyAndGoal">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:apply-templates select="AddNote/Layout/*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:variable>
										<xsl:variable name="varGoalFilter">
											<xsl:value-of select="AddNote/Layout/Dropdown/@filterfield"></xsl:value-of>
										</xsl:variable>
										<privacy-dropdown data-menu-type="button" selected-item="selectedItem" select-privacy-val="selectPrivacyVal(item,{$varGoalFilter})"
																												  dropdown-data="privacyList" data-ng-init="getPrivacyDropdown({$wConfigPrivacyAndGoal})">
										</privacy-dropdown>
										<!---->
									</xsl:if>

									<div  style="float:right;" filter-dropdown-directive="" ddlist="ddList" hideddl="hideddl" display="displayCol" valuecol="colvalue" filter01="filter01"
																											filter="filter" filter02="filter02" filter03="filter03" filter04="filter04" filter05="filter05"
																											filter06="filter06" filter07="filter07" filter08="filter08" filter09="filter09" filter10="filter10" filter11="filter11" filter12="filter12" filter13="filter13" filter14="filter14" filter15="filter15" filter16="filter16"
																filter17="filter17"  filter18="filter18" filter19="filter19" filter20="filter20"
																pkid="pkid" mode ="mode" masterportalitemid="masterportalitemid" portalitemid="portalitemid"
																											  data-ng-class="ddlError"	 class="monitring">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="@type"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="AddNote/*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getFiterDropdown(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="@type"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="AddNote/*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>

								</div>

								<xsl:variable name="destination">
									<xsl:value-of select="AddNote/Destination/Source/@target"/>
								</xsl:variable>
								<xsl:choose>
									<xsl:when test="$destination">
										<div class="pull-right ritepost text-right">
											<a class="btn btn-primary btn-sm" tabindex="2" data-ng-click="SaveNoteBook(filter02,'{$destination}')">Post</a>
										</div>
									</xsl:when>
									<xsl:otherwise>
										<div class="pull-right ritepost text-right">
											<a class="btn btn-primary btn-sm" tabindex="2" data-ng-click="SaveNoteBook(filter02)">Post</a>
										</div>
									</xsl:otherwise>
								</xsl:choose>


							</div>
							<!-- /.share-widget-actions -->
							<div add-note-pop-up=""></div>
							<div class="resourceoverlay" style="display:none;max-height:280px;">
								<div class="resourcetext">Drop Files Here</div>
							</div>

						</div>
						<br></br>

					</xsl:if>
					<!-- /.share-widget -->
					<div>
						<xsl:if test="ListRecentActivity/LocalFilter">
							<div local-filter-checkbox-directive="" style="width:100%" filters="localFilter">
							</div>
						</xsl:if>
						<xsl:variable name="varScrollHeight">
							<xsl:choose>
								<xsl:when test="ListRecentActivity/Layout/ScrollHeight ">
									<xsl:value-of select="ListRecentActivity/Layout/ScrollHeight"/>
								</xsl:when>
								<xsl:otherwise>
									<xsl:text>600px</xsl:text>
								</xsl:otherwise>
							</xsl:choose>
						</xsl:variable>

						<div class="slimScrollBar" scroll="" when-scrolled="loadMore()"  style="max-height:{$varScrollHeight};overflow-x:auto;">
							<div  r-activity-directive=""  w-config="wConfig" recent-activity-list="activity" return-file-name="returnFileName(fileName)" get-ra-popup="getRaPopup(ctukey,r,r,otype)" check-image-extension="checkImageExtension(fileName)"
												show-icon="showIcon" privacy-key="privacyKey" view-item-detail-version="viewItemDetailVersion(id)" >
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="ListRecentActivity/*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-call">
									<xsl:text>getRecentActivity(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="ListRecentActivity/*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
					</div>
					<div add-c-t-e-form-pop-up=""  data-ng-init="cteCall($form,'{$NoteAutoNotify}',{$NotesSettings})"></div>
				</div>

			</xsl:when>
			<xsl:when test="@type='FilterPortal'">
				<div data-ng-controller="filterController" class="PaddingBtm0" style="padding-right:2px;">
					<div f-portal-directive="" Portal-list="portals" init-call="getUserPortal()" portal-item-i-d="portalItemID">
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='FilterUser'">
				<div data-ng-controller="filterController" class="PaddingBtm0" style="padding-right:2px;">
					<div f-user-directive="" users-list="users" init-call="get()" user-i-d="userID" data-ng-class="ddlError">
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='FilterMetric'">
				<div data-ng-controller="filterController" class="PaddingBtm0" style="padding-right:2px;">
					<div f-portal-metric-directive="" metric-list="metrics" init-call="getPortalmetric()">
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='FilterPeriodRange'">
				<div data-ng-controller="filterController" class="PaddingBtm0" style="padding-right:2px;">
					<div f-period-range-directive="" period-key="periodKey" init-call="getPeriodRange()"
													   period-range="periodRange" period="period">
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='Filterworksheet'">
				<div data-ng-controller="filterController" class="PaddingBtm0" style="padding-right:2px;">
					<div f-portal-worksheet-directive="" survey-list="surveyList" init-call="getPortalWorksheets()"
																 survey="survey">
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='FilterDropdown'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:call-template name="FilterDropdown">
					<xsl:with-param name="wconfig" select="$wconfig"></xsl:with-param>
				</xsl:call-template>
			</xsl:when>
			<xsl:when test="@type='FilterStaticDropdown'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:call-template name="FilterStaticDropdown">
					<xsl:with-param name="wconfig" select="$wconfig"></xsl:with-param>
				</xsl:call-template>
			</xsl:when>
			<xsl:when test="@type='FilterStaticDropdown'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:call-template name="FilterDropdown">
					<xsl:with-param name="wconfig" select="$wconfig"></xsl:with-param>
				</xsl:call-template>
			</xsl:when>
			<xsl:when test="@type='FilterText'">
				<div data-ng-controller="dynamicComponentController" class="PaddingBtm0" style="padding-right:2px;">
					<div f-filter-text-directive="" place="place" wconfig="wconfig"  filter01="filter01" field="filterfield" filter02="filter02"
													   filter03="filter03" filter04="filter04" filter05="filter05"
													   filter06="filter06" filter07="filter07" filter08="filter08" filter09="filter09" filter10="filter10"
								filter11="filter11" filter12="filter12" filter13="filter13" filter14="filter14" filter15="filter15" filter16="filter16"
								filter17="filter17"  filter18="filter18" filter19="filter19" filter20="filter20"
								pkid="pkid" mode="mode" masterportalitemid="masterportalitemid" portalitemid="portalitemid">
						<xsl:attribute name="w-config">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:attribute>
						<xsl:attribute name="init-call">
							<xsl:text>setFilterText(</xsl:text>
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>)</xsl:text>
						</xsl:attribute>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='FilterCalender'">
				<div data-ng-controller="dynamicComponentController" class="PaddingBtm0 customcal" style="padding-right:2px;">
					<div f-filter-calender-directive="" format="format" place="place"  filter01="filter01" field="filterfield" filter02="filter02"
													   filter03="filter03" filter04="filter04" filter05="filter05" date="date" defalt="defalt" valueformat="valueformat"
													   filter06="filter06" filter07="filter07" filter08="filter08" filter09="filter09" filter10="filter10"
								 filter11="filter11" filter12="filter12" filter13="filter13" filter14="filter14" filter15="filter15" filter16="filter16"
								filter17="filter17"  filter18="filter18" filter19="filter19" filter20="filter20"
								pkid="pkid" mode="mode"  masterportalitemid="masterportalitemid" portalitemid="portalitemid"
													   next-date="nextDate()" prev-date="prevDate()" next-disabled="nextDisabled" display-date="displayDate" style="width:100%;float:left;">
						<xsl:attribute name="w-config">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:attribute>
						<xsl:attribute name="init-call">
							<xsl:text>setFilterCalender(</xsl:text>
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>)</xsl:text>
						</xsl:attribute>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='FilterCheckBox'">
				<div data-ng-controller="dynamicComponentController" class="PaddingBtm0" style="padding-right:2px;">
					<div f-filter-checkbox-directive="" checkbox="checkbox" place="place"  filter01="filter01" field="filterfield" filter02="filter02"
													   filter03="filter03" filter04="filter04" filter05="filter05"
													   filter06="filter06" filter07="filter07" filter08="filter08" filter09="filter09" filter10="filter10"
								filter11="filter11" filter12="filter12" filter13="filter13" filter14="filter14" filter15="filter15" filter16="filter16"
								filter17="filter17"  filter18="filter18" filter19="filter19" filter20="filter20"
								pkid="pkid" mode="mode"  masterportalitemid="masterportalitemid" portalitemid="portalitemid">
						<xsl:attribute name="w-config">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:attribute>
						<xsl:attribute name="init-call">
							<xsl:text>setFilterCheckBox(</xsl:text>
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>)</xsl:text>
						</xsl:attribute>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='FilterRadioButton'">
				<div data-ng-controller="dynamicComponentController" class="PaddingBtm0" style="padding-right:2px;">
					<div f-filter-radiobutton-directive="" radiobutton="radioButton" place="place" lookup="lookup"  filter01="filter01" field="filterfield" filter02="filter02"
													   filter03="filter03" filter04="filter04" filter05="filter05"
													   filter06="filter06" filter07="filter07" filter08="filter08" filter09="filter09" filter10="filter10"
								filter11="filter11" filter12="filter12" filter13="filter13" filter14="filter14" filter15="filter15" filter16="filter16"
								filter17="filter17"  filter18="filter18" filter19="filter19" filter20="filter20"
								pkid="pkid" mode="mode"  masterportalitemid="masterportalitemid" portalitemid="portalitemid">
						<xsl:attribute name="w-config">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:attribute>
						<xsl:attribute name="init-call">
							<xsl:text>setFilterRadio(</xsl:text>
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>)</xsl:text>
						</xsl:attribute>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='GlobalSearchFilter'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div data-ng-controller="quickSearchController" class="PaddingBtm0" style="padding:15px">
					<div global-search-directive="" data-ng-init="getGlobalSearchData({$wconfig})" w-config="wConfig" placeholder="placeholder" searchtext="searchtext"
								globalrmtsugggestions="rmtsugggestions" textval="textval" set-key-press="setKeyPress(event,Text,wConfig)"
								load-nav-url ="loadNavUrl(index)" get-initials="getInitials(name)" set-key-refresh="setKeyRefresh(event)"
								pkid="pkid" mode="mode" masterportalitemid="masterportalitemid" portalitemid="portalitemid">


					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='GlobalSearchFilterMVP'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div data-ng-controller="quickSearchController" class="PaddingBtm0" style="min-height:250px">
					<div>
						<div>
							<div style="float:right">
								<xsl:call-template name="CTAButton">
									<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
									<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
									<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
									<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
									<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
									<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
									<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
									<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
									<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
									<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
									<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
									<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
								</xsl:call-template>
							</div>
						</div>

						<div global-search-m-v-p-directive="" data-ng-init="getGlobalSearchData({$wconfig})" w-config="{$wconfig}" searchtabs="searchtabs" w-configbind="wConfigbind" placeholder="placeholder" searchtext="searchtext"
									textval="textval" set-key-press="setKeyPress(event,Text,wConfig)"
							         globalrmtsugggestions="rmtsugggestions" load-nav-url ="loadNavUrl(index)" clear-scope="clearScope(gsearchvalue)" gsearchvalue="gsearchvalue" get-initials="getInitials(name)" set-key-refresh="setKeyRefresh(event)"
									currentmodule="{$CurrentModule}" currentuser="{$CurrentUserID}"
									pkid="pkid" mode="mode"  masterportalitemid="{$MasterPortalItemID}"
											  portalitemid="{$PortalItemID}">


						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='SliderBanners'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div data-ng-controller="genricController" class="infobarmain">
					<div sliderbanner-directive="" data-ng-init="getInfoBar({$wconfig})" w-config="wConfig" load-nav-url ="loadNavUrl(index)" data="data"
						 open-dashboard-popup="openDashboardPopup(values)">
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='InformationBar'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div data-ng-controller="genricController" class="infobarmain">
					<div info-bar-directive="" data-ng-init="getInfoBar({$wconfig})" w-config="wConfig" data="data"
						 open-dashboard-popup="openDashboardPopup(values)">
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='ChatActionLoader'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:call-template name="CTAButton">
					<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
					<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
					<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
					<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
					<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
					<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
					<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
					<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
					<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
					<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
					<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
					<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
					<xsl:with-param name="Forms" select="$form"></xsl:with-param>
					<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>

				</xsl:call-template>
			</xsl:when>

			<xsl:when test="@type='PlaceHolder'">
				<div class="portlet-body midbody">
					<p>
						<xsl:value-of select="Layout/Message"/>
					</p>

				</div>
			</xsl:when>

			<xsl:when test="@type='FilterHeader'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div data-ng-controller="dynamicComponentController">
					<div class="headerchild alignCenter-HV" f-header-directive="" w-Config="wConfig">
						<xsl:attribute name="w-config">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:attribute>
						<xsl:attribute name="init-call">
							<xsl:text>getRenderHeader(</xsl:text>
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>)</xsl:text>
						</xsl:attribute>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='AutoCompleteDropDownRemote'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:call-template name="AutoCompleteDropDownRemote">
					<xsl:with-param name="wconfig" select="$wconfig"></xsl:with-param>
					<xsl:with-param name="form" select="$form"></xsl:with-param>
				</xsl:call-template>
			</xsl:when>
			<xsl:when test="@type='FilterSource'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:call-template name="FilterSource">
					<xsl:with-param name="wconfig" select="$wconfig"></xsl:with-param>
					<xsl:with-param name="form" select="$form"></xsl:with-param>
				</xsl:call-template>

			</xsl:when>
			<xsl:when test="@type='DataValue'">
				<div data-ng-controller="dynamicComponentController" class="comboBorder">
					<div qbdv-directive="" datavalue="dataValueInfo" icon="{Layout/Icon}"  wconfig="wConfig" currency="{Layout/Currency}"
																		   key="{Layout/Title}" hide-waiting-indicator="hideWaitingIndicator">
						<xsl:if test="Links/Link">
							<xsl:attribute name="link-call">
								<xsl:text>setLink(</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="Links/Link/@target"/>
								<xsl:text>'</xsl:text>
								<xsl:text>,</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="Links/Link/@field"/>
								<xsl:text>'</xsl:text>
								<xsl:text>,</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="Links/Link/@value"/>
								<xsl:text>'</xsl:text>
								<xsl:text>);</xsl:text>
							</xsl:attribute>
						</xsl:if>
						<xsl:attribute name="w-config">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:attribute>
						<xsl:attribute name="init-call">
							<xsl:text>getDynamicValue(</xsl:text>
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>)</xsl:text>
						</xsl:attribute>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='BasicTable'">
				<div data-ng-controller="dynamicComponentController">
					<div b-table-directive="" keyvalue="keyvalue" header-value="title" format="table keyvalue-table" description="description"
																		   class="portlet portlet-boxed hite100 hiteouterbox"
																		   style="border-radius: 4px; border: 1px solid #ddd;background-color: #fff;">
						<xsl:attribute name="w-config">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:attribute>
						<xsl:attribute name="init-call">
							<xsl:text>getBasicTableList(</xsl:text>
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>)</xsl:text>
						</xsl:attribute>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='Stats'">
				<div >
					<div class="">
						<div class="portlet-header headbox top-3">
							<!--<h4  class="portlet-title">-->
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="title" select="Layout/Title"></xsl:variable>
							<xsl:variable name="wconfig">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>
							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-controller="dynamicComponentController"  data-ng-click="getRefreshList({$wconfig},'Stats')">
									<i class="{$refresh} faRefresh"></i>
								</a>
							</span>
							<!--<i class="{$icon} faicon pad0"></i>
                <xsl:value-of select="Layout/Title"/>
                <a href="" data-ng-controller="dynamicComponentController"  data-ng-click="getRefreshList({$wconfig},'Stats')">
                  <i class="{$refresh} faRefresh"></i>
                </a>-->
							<!--</h4>-->
							<!--<p wi-directive="" ng-hide="hideWaitingIndicator"></p>-->
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
							</xsl:call-template>
						</div>
						<xsl:for-each select="Widget[@type='CTA']">
							<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
								<div class="hite100 " >
									<div id="ctaController"  data-ng-controller="ctaController">
										<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																				   hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																				   style="background-color: #fff;padding:10px;margin:0px;">
											<xsl:attribute name="w-config">
												<xsl:text>{</xsl:text>
												<xsl:text>Widget:{</xsl:text>
												<xsl:text>Type:</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="Widget/@type"/>
												<xsl:text>',</xsl:text>
												<xsl:text>DateFormat:</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="$DateFormat"/>
												<xsl:text>',</xsl:text>
												<xsl:apply-templates select="*"/>
												<xsl:text>}</xsl:text>
												<xsl:text>}</xsl:text>
											</xsl:attribute>
											<xsl:attribute name="init-call">
												<xsl:text>getDynamicControl(</xsl:text>
												<xsl:text>{</xsl:text>
												<xsl:text>Widget:{</xsl:text>
												<xsl:text>Type:</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="Widget/@type"/>
												<xsl:text>',</xsl:text>
												<xsl:text>DateFormat:</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="$DateFormat"/>
												<xsl:text>',</xsl:text>
												<xsl:apply-templates select="*"/>
												<xsl:text>}</xsl:text>
												<xsl:text>}</xsl:text>
												<xsl:text>)</xsl:text>
											</xsl:attribute>
										</div>
									</div>
								</div>
							</div>
						</xsl:for-each>
						<div class="portlet-body midbody"  >
							<p>
								<xsl:value-of select="Layout/Description"/>
							</p>
							<xsl:variable name="StatWidgets">
								<xsl:choose>
									<xsl:when test="count(Layout/WidgetGroup/Widget) &gt; 0">
										<xsl:copy-of select="Layout/WidgetGroup/Widget[@type='Stat']"/>
									</xsl:when>
									<xsl:otherwise>
										<xsl:copy-of select="Layout/Widget[@type='Stat']"/>
									</xsl:otherwise>
								</xsl:choose>
							</xsl:variable>
							<xsl:for-each select="msxsl:node-set($StatWidgets)/Widget">
								<div data-ng-controller="dynamicComponentController">
									<div stats-directive="" keyvaluedata="ValueInfo" icon="{Layout/Icon}" format="{Layout/format}"
																												 key="{Layout/Title}" hide-waiting-indicator="hideWaitingIndicator">
										<xsl:if test="Links/Link">
											<xsl:attribute name="link-call">
												<xsl:text>setLink(</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="Links/Link/@target"/>
												<xsl:text>'</xsl:text>
												<xsl:text>,</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="Links/Link/@field"/>
												<xsl:text>'</xsl:text>
												<xsl:text>,</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="Links/Link/@value"/>
												<xsl:text>'</xsl:text>
												<xsl:text>);</xsl:text>
											</xsl:attribute>
										</xsl:if>

										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="@type"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getStatsList(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="@type"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</xsl:for-each>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='ProgressBars'">
				<div>
					<div class="">
						<div class="portlet-header headbox top-3">
							<!--<h4  class="portlet-title ">-->
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="title" select="Layout/Title"></xsl:variable>
							<xsl:variable name="wconfig">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>
							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href=""  data-ng-controller="dynamicComponentController"  data-ng-click="getRefreshList({$wconfig},'ProgressBars')">
									<i class="{$refresh} faRefresh"></i>
								</a>
							</span>
							<!--<i class="{$icon} faicon pad0"></i>
                <xsl:value-of select="Layout/Title"/>
                <a href=""  data-ng-controller="dynamicComponentController"  data-ng-click="getRefreshList({$wconfig},'ProgressBars')">
                  <i class="{$refresh} faRefresh"></i>
                </a>
              </h4>-->
						</div>
						<div class="portlet-body midbody"  >
							<p>
								<xsl:value-of select="Layout/Description"/>
							</p>

							<xsl:variable name="ProgressWidgets">
								<xsl:choose>
									<xsl:when test="count(Layout/WidgetGroup/Widget) &gt; 0">
										<xsl:copy-of select="Layout/WidgetGroup/Widget[@type='ProgressBar']"/>
									</xsl:when>
									<xsl:otherwise>
										<xsl:copy-of select="Layout/Widget[@type='ProgressBar']"/>
									</xsl:otherwise>
								</xsl:choose>
							</xsl:variable>
							<xsl:for-each select="msxsl:node-set($ProgressWidgets)/Widget">
								<div data-ng-controller="dynamicComponentController">
									<div progress-directive="" progressvalues="progressValues" labalvalue="{Layout/label}"
																												 percentage ="Percentage" hide-waiting-indicator="hideWaitingIndicator">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="@type"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getProgressValues(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="@type"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</xsl:for-each>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='TabContainer'">
				<div data-ng-controller="dynamicComponentController">

					<div >
						<!--<div class="portlet portlet-boxed hite100 hiteouterbox" >-->
						<div class="portlet-header headbox">
							<h4 class="portlet-title">
								<xsl:value-of select="Layout/Title"/>
							</h4>
						</div>
						<!-- /.portlet-header -->
						<div class="portlet-body midbody">
							<!--Tab Menu-->
							<xsl:variable name="abc" select="count(Layout/Tab/Layout[ActiveWidget='active'])"></xsl:variable>

							<xsl:variable name="tabindex1" select="(Layout/Tab/Layout/Widget/@type)[1]"></xsl:variable>

							<ul id="myTab2" class="{Layout/Nav}">
								<xsl:for-each select="Layout/Tab">
									<xsl:variable name="def" >
										<xsl:choose>
											<xsl:when test="$abc=0 and position()=1">
												<text>active</text>
											</xsl:when>
										</xsl:choose>

									</xsl:variable>
									<xsl:choose>
										<xsl:when test="Layout[@type !='DropDown']">

											<li class="{Layout/ActiveWidget} {$def}">
												<a href="#{Layout/ActiveId}" data-toggle="tab">
													<xsl:value-of select="Layout/Title"/>
												</a>
											</li>
										</xsl:when>
									</xsl:choose>
									<xsl:for-each select="Layout[@type='DropDown']">
										<li class="dropdown">
											<a href="javascript:;" id="myTabDrop2" class="dropdown-toggle" data-toggle="dropdown">
												<xsl:value-of select="Title"/>
												<i class="fa fa-caret-down"></i>
											</a>
											<xsl:value-of select="Layout"/>
											<ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
												<xsl:for-each select="Menulist/option">
													<li>
														<a href="#{@ActiveId}" tabindex="-1" data-toggle="tab">
															<xsl:value-of select="@value"/>
														</a>
													</li>
												</xsl:for-each>
											</ul>
										</li>
									</xsl:for-each>
								</xsl:for-each>
							</ul>
							<!--Tab Menu End-->

							<div id="myTab2Content" class="tab-content">
								<xsl:for-each select="Layout/Tab/Layout/Widget[@type='DataTable']">
									<xsl:variable name="compare" select="'DataTable'"></xsl:variable>
									<xsl:variable name="defq" >
										<xsl:choose>
											<xsl:when test="$tabindex1 = $compare">
												---
												(( <xsl:value-of select="$compare"/>))
												((( <xsl:value-of select="$tabindex1"/>)))
												<text>active</text>
											</xsl:when>
											<xsl:otherwise>
												--2
												<xsl:value-of select="Layout/ActiveWidget"/>

											</xsl:otherwise>
										</xsl:choose>
									</xsl:variable>
									<div class="tab-pane fade in {$defq}" id="{Layout/ActiveId}">
										<div dt-directive="" dt-options="dtOptions" dt-columns="dtColumns" header-value="title" msg="msg"
																								 class="portlet portlet-boxed hite100"
																								 style="border-radius: 4px; border: 1px solid #ddd;background-color: #fff;">
											<xsl:attribute name="w-config">
												<xsl:text>{</xsl:text>
												<xsl:text>Widget:{</xsl:text>
												<xsl:text>Type:</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="@type"/>
												<xsl:text>',</xsl:text>
												<xsl:apply-templates select="*"/>
												<xsl:text>}</xsl:text>
												<xsl:text>}</xsl:text>
											</xsl:attribute>
											<xsl:attribute name="init-call">
												<xsl:text>getDynamicList(</xsl:text>
												<xsl:text>{</xsl:text>
												<xsl:text>Widget:{</xsl:text>
												<xsl:text>Type:</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="@type"/>
												<xsl:text>',</xsl:text>
												<xsl:apply-templates select="*"/>
												<xsl:text>}</xsl:text>
												<xsl:text>}</xsl:text>
												<xsl:text>)</xsl:text>
											</xsl:attribute>
										</div>
									</div>
									<!-- /.tab-pane -->
								</xsl:for-each>
								<xsl:for-each select="Layout/Tab/Layout/Widget[@type='Stats']">
									<xsl:variable name="compare1" select="'Stats'"></xsl:variable>
									<xsl:variable name="defs" >
										<xsl:choose>
											<xsl:when test="$tabindex1 = $compare1">
												(( <xsl:value-of select="$abc"/>))
												((( <xsl:value-of select="$tabindex1"/>)))
												<text>active</text>
											</xsl:when>
											<xsl:otherwise>
												<xsl:value-of select="Layout/ActiveWidget"/>

											</xsl:otherwise>
										</xsl:choose>
									</xsl:variable>
									<div class="tab-pane fade in {$defs} " id="{Layout/ActiveId}">
										<div class="portlet portlet-boxed hite100 hiteouterbox">
											<div class="portlet-header headbox">
											</div>
											<div class="portlet-body midbody"  >
												<p>
													<xsl:value-of select="Layout/Description"/>
												</p>

												<xsl:for-each select="Layout/Widget[@type='Stat']">
													<div data-ng-controller="dynamicComponentController">
														<Div stats-directive="" keyvaluedata="ValueInfo" icon="{Layout/Icon}" format="{Layout/format}" key="{Layout/Title}">
															<xsl:if test="Links/Link">
																<xsl:attribute name="link-call">
																	<xsl:text>setLink(</xsl:text>
																	<xsl:text>'</xsl:text>
																	<xsl:value-of select="Links/Link/@target"/>
																	<xsl:text>'</xsl:text>
																	<xsl:text>,</xsl:text>
																	<xsl:text>'</xsl:text>
																	<xsl:value-of select="Links/Link/@field"/>
																	<xsl:text>'</xsl:text>
																	<xsl:text>,</xsl:text>
																	<xsl:text>'</xsl:text>
																	<xsl:value-of select="Links/Link/@value"/>
																	<xsl:text>'</xsl:text>
																	<xsl:text>);</xsl:text>
																</xsl:attribute>
															</xsl:if>

															<xsl:attribute name="w-config">
																<xsl:text>{</xsl:text>
																<xsl:text>Widget:{</xsl:text>
																<xsl:text>Type:</xsl:text>
																<xsl:text>'</xsl:text>
																<xsl:value-of select="@type"/>
																<xsl:text>',</xsl:text>
																<xsl:apply-templates select="*"/>
																<xsl:text>}</xsl:text>
																<xsl:text>}</xsl:text>
															</xsl:attribute>
															<xsl:attribute name="init-call">
																<xsl:text>getStatsList(</xsl:text>
																<xsl:text>{</xsl:text>
																<xsl:text>Widget:{</xsl:text>
																<xsl:text>Type:</xsl:text>
																<xsl:text>'</xsl:text>
																<xsl:value-of select="@type"/>
																<xsl:text>',</xsl:text>
																<xsl:apply-templates select="*"/>
																<xsl:text>}</xsl:text>
																<xsl:text>}</xsl:text>
																<xsl:text>)</xsl:text>
															</xsl:attribute>
														</Div>
													</div>
												</xsl:for-each>
											</div>
										</div>

									</div>
								</xsl:for-each>
								<xsl:for-each select="Layout/Tab/Layout/Widget[@type='BarLineChart']">
									<div class="tab-pane fade in {Layout/ActiveWidget}" id="{Layout/ActiveId}">
										<style>
											<xsl:text>#</xsl:text><xsl:value-of select="Id"></xsl:value-of> .chartCS{
											height:<xsl:value-of select="Height"></xsl:value-of>;
											}
										</style>
										<xsl:variable name="divid" select="Id"></xsl:variable>
										<div data-ng-controller="chartController">
											<div id ="{$divid}" chart-directive="" chart-type="type" chart-title="title" chart-data="StackVerticaldata"
																										  chart-options="chartOptions" class="portlet portlet-boxed hite100">
												<xsl:attribute name="w-config">
													<xsl:text>{</xsl:text>
													<xsl:text>Widget:{</xsl:text>
													<xsl:apply-templates select="*"/>
													<xsl:text>}</xsl:text>
													<xsl:text>}</xsl:text>
												</xsl:attribute>
												<xsl:attribute name="init-call">
													<xsl:text>getLineAndBarChartData(</xsl:text>
													<xsl:text>{</xsl:text>
													<xsl:text>Widget:{</xsl:text>
													<xsl:apply-templates select="*"/>
													<xsl:text>}</xsl:text>
													<xsl:text>}</xsl:text>
													<xsl:text>)</xsl:text>
												</xsl:attribute>

											</div>
										</div>
									</div>
								</xsl:for-each>
								<!-- /.DropDown menu -->
								<xsl:for-each select="Layout/Tab/Layout/Menulist/option/Widget[@type='DataTable']">
									<div class="tab-pane fade in {Layout/ActiveWidget}" id="{Layout/ActiveId}">
										<div dt-directive="" dt-options="dtOptions" dt-columns="dtColumns" header-value="title"
																								 class="portlet portlet-boxed hite100"
																								 style="border-radius: 4px; border: 1px solid #ddd;background-color: #fff;">
											<xsl:attribute name="w-config">
												<xsl:text>{</xsl:text>
												<xsl:text>Widget:{</xsl:text>
												<xsl:text>Type:</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="@type"/>
												<xsl:text>',</xsl:text>
												<xsl:apply-templates select="*"/>
												<xsl:text>}</xsl:text>
												<xsl:text>}</xsl:text>
											</xsl:attribute>
											<xsl:attribute name="init-call">
												<xsl:text>getDynamicList(</xsl:text>
												<xsl:text>{</xsl:text>
												<xsl:text>Widget:{</xsl:text>
												<xsl:text>Type:</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="@type"/>
												<xsl:text>',</xsl:text>
												<xsl:apply-templates select="*"/>
												<xsl:text>}</xsl:text>
												<xsl:text>}</xsl:text>
												<xsl:text>)</xsl:text>
											</xsl:attribute>
										</div>
									</div>
								</xsl:for-each>
								<!-- /.tab-pane -->
								<div class="tab-pane fade in {Layout/ActiveWidget}" id="dropdown4">
									<p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.</p>

									<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p>
								</div>
								<!-- /.tab-pane -->
							</div>
							<!-- /.tab-content -->
						</div>
						<!-- /.portlet-body -->
						<!--</div>-->
						<!-- /.portlet -->
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='TabContainerMVP'">
				<div data-ng-controller="dynamicComponentController">
					<xsl:variable name="widgetId" select="@key" ></xsl:variable>
					<xsl:variable name="form" >
						<xsl:text>{</xsl:text>
						<xsl:apply-templates select="$Form"/>
						<xsl:text>}</xsl:text>
					</xsl:variable>
					<xsl:variable name="filteredText">
						<xsl:for-each select="Layout/*[not(self::Tab)]">
							<xsl:value-of select="."/>
						</xsl:for-each>
					</xsl:variable>


					<xsl:variable name="wconfig">
						<xsl:text>{</xsl:text>
						<xsl:text>Widget:{</xsl:text>
						<xsl:text>Type:</xsl:text>
						<xsl:text>'</xsl:text>
						<xsl:value-of select="@type"/>
						<xsl:text>',</xsl:text>
						<xsl:text>Name:</xsl:text>
						<xsl:text>'</xsl:text>
						<xsl:value-of select="@name"/>
						<xsl:text>',</xsl:text>
						<xsl:text>DateFormat:</xsl:text>
						<xsl:text>'</xsl:text>
						<xsl:value-of select="$DateFormat"/>
						<xsl:text>',</xsl:text>
						<xsl:apply-templates select="*[not(self::Layout)]"/>
						<xsl:apply-templates select="Layout/*[not(self::Tab)]"/>
						<xsl:text>}</xsl:text>
						<xsl:text>}</xsl:text>
					</xsl:variable>
					<div data-ng-init="getDynamicTabdata({$wconfig});" >

						<!--<div class="portlet portlet-boxed hite100 hiteouterbox" >-->

						<xsl:variable name="title" select="Layout/Title"></xsl:variable>
						<xsl:variable name="key">
							<xsl:value-of select="@type"/>
							<xsl:value-of select="position()"/>
						</xsl:variable>
						<xsl:if test="$title">
							<div class="portlet-header headbox top-3">
								<!--<h4 class="portlet-title mvcss">-->
								<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
								<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
								<xsl:variable name="fullscreen" select="Layout/Title/@fullscreen"></xsl:variable>
								<span data-ng-controller="dynamicComponentController">
									<h4 class="portlet-title">
										<span data-ng-bind="headtitle" class=" text-secondary">My Sessions</span>
									</h4>
								</span>
							</div>
						</xsl:if>


						<!-- /.portlet-header -->
						<div class="portlet-body midbody">

							<div  data-ng-if="tabdata" class="paneltabsdefault">
								<!--Tab Menu-->


								<ul id="myTab2" class="{Layout/Nav}">
									<!--<xsl:for-each select="Layout/Tab">
								<xsl:variable name="def" >
									<xsl:choose>
										<xsl:when test="$abc=0 and position()=1">
											<text>active</text>
										</xsl:when>
									</xsl:choose>

								</xsl:variable>
								<xsl:choose>
									<xsl:when test="Layout[@type !='DropDown']">

										<li class="{Layout/ActiveWidget} {$def}" data-ng-if="tab.WidgetType == 'DataTable'">
											<a href="#{Layout/ActiveId}" data-toggle="tab">
												<xsl:value-of select="Layout/Title"/>
											</a>
										</li>
									</xsl:when>
								</xsl:choose>
								<xsl:for-each select="Layout[@type='DropDown']">
									<li class="dropdown">
										<a href="javascript:;" id="myTabDrop2" class="dropdown-toggle" data-toggle="dropdown">
											<xsl:value-of select="Title"/>
											<i class="fa fa-caret-down"></i>
										</a>
										<xsl:value-of select="Layout"/>
										<ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
											<xsl:for-each select="Menulist/option">
												<li>
													<a href="#{@ActiveId}" tabindex="-1" data-toggle="tab">
														<xsl:value-of select="@value"/>
													</a>
												</li>
											</xsl:for-each>
										</ul>
									</li>
								</xsl:for-each>
							</xsl:for-each>-->
									<li data-ng-repeat="tab in tabdata" ng-class="tab.IsDefaultActive == 'true'? 'active' :''" >
										<a ng-href="#{{{{tab.widgetkey}}}}" data-toggle="tab" class="compile-tab" ng-click="recompileById(tab)">
											{{tab.DisplayName}}
										</a>
									</li>
								</ul>
								<!--Tab Menu End-->

								<div id="myTab2Content" class="tab-content">

									<div data-ng-repeat="tab in tabdata"  class="tab-pane fade in" id="{{{{tab.widgetkey}}}}" ng-class="tab.IsDefaultActive == 'true'? 'active' :''" >
										<xsl:for-each select="Layout/Tab">
											<xsl:variable name="widgetKey" select="Layout/@widgetkey"/>								
											<div ng-if="tab.widgetkey === '{ $widgetKey }'">
												<xsl:for-each select="Layout/Widget[@type='DataTable']">
													<div id="{{{{tab.widgetkey}}}}">
														<div dt-directive="" dt-options="dtOptions" dt-columns="dtColumns" header-value="title" msg="msg"
																												 class="portlet portlet-boxed hite100"
																												 style="border-radius: 4px; border: 1px solid #ddd;background-color: #fff;">
															<xsl:attribute name="w-config">
																<xsl:text>{</xsl:text>
																<xsl:text>Widget:{</xsl:text>
																<xsl:text>Type:</xsl:text>
																<xsl:text>'</xsl:text>
																<xsl:value-of select="@type"/>
																<xsl:text>',</xsl:text>
																<xsl:apply-templates select="*"/>
																<xsl:text>}</xsl:text>
																<xsl:text>}</xsl:text>
															</xsl:attribute>
															<xsl:attribute name="init-call">
																<xsl:text>getDynamicList(</xsl:text>
																<xsl:text>{</xsl:text>
																<xsl:text>Widget:{</xsl:text>
																<xsl:text>Type:</xsl:text>
																<xsl:text>'</xsl:text>
																<xsl:value-of select="@type"/>
																<xsl:text>',</xsl:text>
																<xsl:apply-templates select="*"/>
																<xsl:text>}</xsl:text>
																<xsl:text>}</xsl:text>
																<xsl:text>)</xsl:text>
															</xsl:attribute>
														</div>
													</div>
													<!-- /.tab-pane -->
												</xsl:for-each>
											</div>
											<div ng-if="tab.widgetkey === '{ $widgetKey }'">
												<xsl:for-each select="Layout/Widget[@type='Stats']">
													<div id="{{{{tab.widgetkey}}}}">
														<div class="portlet portlet-boxed hite100 hiteouterbox">
															<div class="portlet-header headbox">
															</div>
															<div class="portlet-body midbody"  >
																<p>
																	<xsl:value-of select="Layout/Description"/>
																</p>

																<xsl:for-each select="Layout/Widget[@type='Stat']">
																	<div data-ng-controller="dynamicComponentController">
																		<Div stats-directive="" keyvaluedata="ValueInfo" icon="{Layout/Icon}" format="{Layout/format}" key="{Layout/Title}">
																			<xsl:if test="Links/Link">
																				<xsl:attribute name="link-call">
																					<xsl:text>setLink(</xsl:text>
																					<xsl:text>'</xsl:text>
																					<xsl:value-of select="Links/Link/@target"/>
																					<xsl:text>'</xsl:text>
																					<xsl:text>,</xsl:text>
																					<xsl:text>'</xsl:text>
																					<xsl:value-of select="Links/Link/@field"/>
																					<xsl:text>'</xsl:text>
																					<xsl:text>,</xsl:text>
																					<xsl:text>'</xsl:text>
																					<xsl:value-of select="Links/Link/@value"/>
																					<xsl:text>'</xsl:text>
																					<xsl:text>);</xsl:text>
																				</xsl:attribute>
																			</xsl:if>

																			<xsl:attribute name="w-config">
																				<xsl:text>{</xsl:text>
																				<xsl:text>Widget:{</xsl:text>
																				<xsl:text>Type:</xsl:text>
																				<xsl:text>'</xsl:text>
																				<xsl:value-of select="@type"/>
																				<xsl:text>',</xsl:text>
																				<xsl:apply-templates select="*"/>
																				<xsl:text>}</xsl:text>
																				<xsl:text>}</xsl:text>
																			</xsl:attribute>
																			<xsl:attribute name="init-call">
																				<xsl:text>getStatsList(</xsl:text>
																				<xsl:text>{</xsl:text>
																				<xsl:text>Widget:{</xsl:text>
																				<xsl:text>Type:</xsl:text>
																				<xsl:text>'</xsl:text>
																				<xsl:value-of select="@type"/>
																				<xsl:text>',</xsl:text>
																				<xsl:apply-templates select="*"/>
																				<xsl:text>}</xsl:text>
																				<xsl:text>}</xsl:text>
																				<xsl:text>)</xsl:text>
																			</xsl:attribute>
																		</Div>
																	</div>
																</xsl:for-each>
															</div>
														</div>

													</div>
												</xsl:for-each>
											</div>
											<div ng-if="tab.widgetkey === '{ $widgetKey }'">
												<div ng-if="tab.WidgetType === 'BarLineChart'">
													<xsl:for-each select="Layout/Widget[@type='BarLineChart']">
														<div id="{{{{tab.widgetkey}}}}">
															<style>
																<xsl:text>#</xsl:text><xsl:value-of select="Id"></xsl:value-of> .chartCS{
																height:<xsl:value-of select="Height"></xsl:value-of>;
																}
															</style>
															<xsl:variable name="divid" select="Id"></xsl:variable>
															<div data-ng-controller="chartController">
																<div id ="{$divid}" chart-directive="" chart-type="type" chart-title="title" chart-data="StackVerticaldata"
																															  chart-options="chartOptions" class="portlet portlet-boxed hite100">
																	<xsl:attribute name="w-config">
																		<xsl:text>{</xsl:text>
																		<xsl:text>Widget:{</xsl:text>
																		<xsl:apply-templates select="*"/>
																		<xsl:text>}</xsl:text>
																		<xsl:text>}</xsl:text>
																	</xsl:attribute>
																	<xsl:attribute name="init-call">
																		<xsl:text>getLineAndBarChartData(</xsl:text>
																		<xsl:text>{</xsl:text>
																		<xsl:text>Widget:{</xsl:text>
																		<xsl:apply-templates select="*"/>
																		<xsl:text>}</xsl:text>
																		<xsl:text>}</xsl:text>
																		<xsl:text>)</xsl:text>
																	</xsl:attribute>

																</div>
															</div>
														</div>
													</xsl:for-each>
												</div>
											</div>
											<div ng-if="tab.widgetkey === '{ $widgetKey }'">
												<div ng-if="tab.WidgetType === 'WSPlayerMVP'">
													<xsl:for-each select="Layout/Widget[@type='WSPlayerMVP']">
														<xsl:if test="Layout/Description">
															<p>
																<xsl:value-of select="Layout/Description"/>
															</p>
														</xsl:if>

														<xsl:variable name="varHeight">
															<xsl:choose>
																<xsl:when test="Layout/BodyHeight != ''">
																	<xsl:text>{'width':'100%','overflow':'auto','height':'</xsl:text>
																	<xsl:value-of select="Layout/BodyHeight"/>
																	<xsl:text>px'}</xsl:text>
																</xsl:when>
																<xsl:otherwise>
																	<xsl:text></xsl:text>
																</xsl:otherwise>
															</xsl:choose>
														</xsl:variable>
														<div id="{{{{tab.widgetkey}}}}">

															<div data-ng-controller="wsplayerController">
																<div get-worksheet-call="getWorksheetCall()" wsplayer-m-v-p-directive="" w-config="wConfig"  default-message="{DefaultMessage}" hts="{$varHeight}"
																											   worksheet-list="worksheetList"  surveyform="surveyform" survey-form-option="surveyFormOption" next-w-s="nextWS" prev-w-s="prevWS" id="divWSPlayer" name="name"
																  can-exit="canExit" step-active="stepActive" finished="finished()" exit-toggle="exitToggle()" exit-with-a-promise="exitWithAPromise()"
																  set-mode="setMode(mode)" go-Back="goBack()" step-toggle="stepToggle()" exit-validation="exitValidation(valid)" update-answer="updateAnswer(event,value,option,answer)"
																  prev-on ="prevOn" save-wizard="saveWizard" delete-survey="deleteSurvey()"  open-scorm-cloud="openScormCloud(sform)" get-scorm-registraion="getScormRegistraion(sform)" get-scrom-call-back="getScromCallBack(url)" scromurl="scromurl" scromlist="scromlist" current-obj="currentObj"
																  confeti="confeti" form-finish="formFinish" next-btn="nextBtn" current-wizard="currentWizard" seeked="seeked"
																  editbutton="editbutton" source-item-i-d ="sourceItemID" options="options" isactive="isactive" blankmessage="blankmessage" next-w-s-m-v-p="nextWSMVP(wConfig)" prev-w-s-m-v-p="prevWSMVP(wConfig)"  ispostactive="ispostactive"
																  open-dashboard-popup="openDashboardPopup(values)" open-video-popup="openVideoPopup(sform)">
																	<xsl:attribute name="w-config">
																		<xsl:text>{</xsl:text>
																		<xsl:text>Widget:{</xsl:text>
																		<xsl:text>Type:</xsl:text>
																		<xsl:text>'</xsl:text>
																		<xsl:value-of select="@type"/>
																		<xsl:text>',</xsl:text>
																		<xsl:text>summernote:</xsl:text>
																		<xsl:text>'</xsl:text>
																		<xsl:value-of select="$SummerNote"/>
																		<xsl:text>',</xsl:text>
																		<xsl:text>DateFormat:</xsl:text>
																		<xsl:text>'</xsl:text>
																		<xsl:value-of select="$DateFormat"/>
																		<xsl:text>',</xsl:text>
																		<xsl:text>NoteAutoNotify:</xsl:text>
																		<xsl:text>'</xsl:text>
																		<xsl:value-of select="$NoteAutoNotify"/>
																		<xsl:text>',</xsl:text>
																		<xsl:apply-templates select="*"/>
																		<xsl:text>}</xsl:text>
																		<xsl:text>}</xsl:text>
																	</xsl:attribute>
																	<xsl:attribute name="get-worksheet-call">
																		<xsl:text>getWorksheetCall(</xsl:text>
																		<xsl:text>{</xsl:text>
																		<xsl:text>Widget:{</xsl:text>
																		<xsl:text>Type:</xsl:text>
																		<xsl:text>'</xsl:text>
																		<xsl:value-of select="@type"/>
																		<xsl:text>',</xsl:text>
																		<xsl:text>Name:</xsl:text>
																		<xsl:text>'</xsl:text>
																		<xsl:value-of select="@name"/>
																		<xsl:text>',</xsl:text>
																		<xsl:text>summernote:</xsl:text>
																		<xsl:text>'</xsl:text>
																		<xsl:value-of select="$SummerNote"/>
																		<xsl:text>',</xsl:text>
																		<xsl:text>DateFormat:</xsl:text>
																		<xsl:text>'</xsl:text>
																		<xsl:value-of select="$DateFormat"/>
																		<xsl:text>',</xsl:text>
																		<xsl:text>NoteAutoNotify:</xsl:text>
																		<xsl:text>'</xsl:text>
																		<xsl:value-of select="$NoteAutoNotify"/>
																		<xsl:text>',</xsl:text>
																		<xsl:apply-templates select="*"/>
																		<xsl:text>}</xsl:text>
																		<xsl:text>}</xsl:text>
																		<xsl:text>)</xsl:text>
																	</xsl:attribute>
																</div>
															</div>
														</div>
													</xsl:for-each>
												</div>
											</div>
											<div ng-if="tab.widgetkey === '{ $widgetKey }'">
												<div ng-if="tab.WidgetType === 'IFrame'">
													<xsl:for-each select="Layout/Widget[@type='IFrame']">
														<div id="{{{{tab.widgetkey}}}}">


															<div  iframe-directive="" w-config="wConfig" value="value" >
																<xsl:attribute name="w-config">
																	<xsl:text>{</xsl:text>
																	<xsl:text>Widget:{</xsl:text>
																	<xsl:text>Type:</xsl:text>
																	<xsl:text>'</xsl:text>
																	<xsl:value-of select="@type"/>
																	<xsl:text>',</xsl:text>
																	<xsl:apply-templates select="*"/>
																	<xsl:text>}</xsl:text>
																	<xsl:text>}</xsl:text>
																</xsl:attribute>
																<xsl:attribute name="init-call">
																	<xsl:text>getControlsCall(</xsl:text>
																	<xsl:text>{</xsl:text>
																	<xsl:text>Widget:{</xsl:text>
																	<xsl:text>Type:</xsl:text>
																	<xsl:text>'</xsl:text>
																	<xsl:value-of select="@type"/>
																	<xsl:text>',</xsl:text>
																	<xsl:apply-templates select="*"/>
																	<xsl:text>}</xsl:text>
																	<xsl:text>}</xsl:text>
																	<xsl:text>)</xsl:text>
																</xsl:attribute>
															</div>
														</div>
													</xsl:for-each>
												</div>
											</div>
											<div ng-if="tab.widgetkey === '{ $widgetKey }'">
												<div ng-if="tab.WidgetType === 'CMSPlayer'">
													<div id="{{{{tab.widgetkey}}}}">
														<xsl:for-each select="Layout/Widget[@type='CMSPlayer']">
															<div  cmsplayer-directive="" w-config="wConfig" value="value" >
																<xsl:attribute name="w-config">
																	<xsl:text>{</xsl:text>
																	<xsl:text>Widget:{</xsl:text>
																	<xsl:text>Type:</xsl:text>
																	<xsl:text>'</xsl:text>
																	<xsl:value-of select="@type"/>
																	<xsl:text>',</xsl:text>
																	<xsl:apply-templates select="*"/>
																	<xsl:text>}</xsl:text>
																	<xsl:text>}</xsl:text>
																</xsl:attribute>
																<xsl:attribute name="init-call">
																	<xsl:text>getControlsCall(</xsl:text>
																	<xsl:text>{</xsl:text>
																	<xsl:text>Widget:{</xsl:text>
																	<xsl:text>Type:</xsl:text>
																	<xsl:text>'</xsl:text>
																	<xsl:value-of select="@type"/>
																	<xsl:text>',</xsl:text>
																	<xsl:apply-templates select="*"/>
																	<xsl:text>}</xsl:text>
																	<xsl:text>}</xsl:text>
																	<xsl:text>)</xsl:text>
																</xsl:attribute>
															</div>
														</xsl:for-each>
													</div>
												</div>
											</div>

										</xsl:for-each>
									</div>



									<!-- /.tab-pane -->
								</div>
								<!-- /.tab-content -->
							</div>
						</div>
						<!-- /.portlet-body -->
						<!--</div>-->
						<!-- /.portlet -->
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='Wizard'">
				<xsl:if test="Layout/Title">
					<div class="portlet-header headbox top-3">
						<!--<h4 class="portlet-title ">
              <xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
              <i class="{$icon} faicon pad0"></i>
              <xsl:value-of select="Layout/Title"/>
            </h4>-->
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>

						<div data-ng-controller="businessplanController">
							<div widget-header-directive="" title="title" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</div>
						</div>
						<div class="Btn-Header">
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
							</xsl:call-template>
						</div>
					</div>
				</xsl:if>
				<xsl:for-each select="Widget[@type='CTA']">
					<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
						<div class="hite100 " >
							<div id="ctaController"  data-ng-controller="ctaController">
								<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
															 hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
															 style="background-color: #fff;padding:10px;margin:0px;">
									<xsl:attribute name="w-config">
										<xsl:text>{</xsl:text>
										<xsl:text>Widget:{</xsl:text>
										<xsl:text>Type:</xsl:text>
										<xsl:text>'</xsl:text>
										<xsl:value-of select="Widget/@type"/>
										<xsl:text>',</xsl:text>
										<xsl:text>DateFormat:</xsl:text>
										<xsl:text>'</xsl:text>
										<xsl:value-of select="$DateFormat"/>
										<xsl:text>',</xsl:text>
										<xsl:apply-templates select="*"/>
										<xsl:text>}</xsl:text>
										<xsl:text>}</xsl:text>
									</xsl:attribute>
									<xsl:attribute name="init-call">
										<xsl:text>getDynamicControl(</xsl:text>
										<xsl:text>{</xsl:text>
										<xsl:text>Widget:{</xsl:text>
										<xsl:text>Type:</xsl:text>
										<xsl:text>'</xsl:text>
										<xsl:value-of select="Widget/@type"/>
										<xsl:text>',</xsl:text>
										<xsl:text>DateFormat:</xsl:text>
										<xsl:text>'</xsl:text>
										<xsl:value-of select="$DateFormat"/>
										<xsl:text>',</xsl:text>
										<xsl:apply-templates select="*"/>
										<xsl:text>}</xsl:text>
										<xsl:text>}</xsl:text>
										<xsl:text>)</xsl:text>
									</xsl:attribute>
								</div>
							</div>
						</div>
					</div>
				</xsl:for-each>
				<xsl:variable name="widgetname" select="@name"></xsl:variable>
				<div class="container PadingAll" >
					<div class="row MarginAll">
						<section>
							<div class="wizard MobWidWizard" >
								<div class="wizard-inner">
									<div class="connecting-line"></div>
									<ul class="nav nav-tabs" role="tablist">
										<xsl:for-each select="Layout/Tab">
											<xsl:variable name="wconfig">
												<xsl:text>{</xsl:text>
												<xsl:text>Widget:{</xsl:text>
												<xsl:text>Type:</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="@type"/>
												<xsl:text>',</xsl:text>
												<xsl:text>FormKey:</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="@formkey"/>
												<xsl:text>',</xsl:text>
												<xsl:apply-templates select="*"/>
												<xsl:text>}</xsl:text>
												<xsl:text>}</xsl:text>
											</xsl:variable>
											<xsl:variable name="postion" >
												<xsl:choose>
													<xsl:when test="position()=1">
														<text>active</text>
													</xsl:when>
													<xsl:otherwise>
														<text>disabled</text>
													</xsl:otherwise>
												</xsl:choose>

											</xsl:variable>
											<xsl:variable name="currentpostion" >
												<xsl:value-of select="position()"/>
											</xsl:variable>
											<li id ="#list{$currentpostion}" role="presentation" data-ng-controller="businessplanController" class="{$postion}"  >
												<!--//getting this in controller with id-->
												<a  class="{$postion}" href="#{$widgetname}{position()}"  data-toggle="tab"  role="tab" ng-click="SetfilterValue($event,'{Layout/filterfield}','#list{$currentpostion}')" >
													<span class="round-tab  tabtooltip">
														<span class="tabtooltiptext">
															<xsl:value-of select="Layout/ToolTip"/>
														</span>
														<i  class="{Layout/Icon} {$postion} ">

														</i>

													</span>
												</a>
											</li>
										</xsl:for-each>
									</ul>
								</div>
								<form role="form">
									<div class="tab-content Btn-font18">
										<xsl:for-each select="Layout/Tab/Layout/Widget">
											<xsl:variable name="postion" >
												<xsl:choose>
													<xsl:when test="position()=1">
														<text>active</text>
													</xsl:when>
													<xsl:otherwise>
														<text></text>
													</xsl:otherwise>
												</xsl:choose>
											</xsl:variable>
											<xsl:variable name="widgetid">
												<xsl:value-of select="$widgetname"/>
												<xsl:value-of select="position()"/>
											</xsl:variable>
											<xsl:variable name="wconfig">
												<xsl:text>{</xsl:text>
												<xsl:text>Widget:{</xsl:text>
												<xsl:text>Type:</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="@type"/>
												<xsl:text>',</xsl:text>
												<xsl:text>FormKey:</xsl:text>
												<xsl:text>'</xsl:text>
												<xsl:value-of select="@formkey"/>
												<xsl:text>',</xsl:text>
												<xsl:apply-templates select="*"/>
												<xsl:text>}</xsl:text>
												<xsl:text>}</xsl:text>
											</xsl:variable>
											<xsl:choose>
												<xsl:when test="@formkey='BusinessPlanGoal'">
													<xsl:call-template name="BusinessPlanGoal">
														<xsl:with-param name="ActiveID" select="$widgetid"></xsl:with-param>
														<xsl:with-param name="wconfig" select="$wconfig"></xsl:with-param>
														<xsl:with-param name="activePostion" select="$postion"></xsl:with-param>
													</xsl:call-template>


												</xsl:when>
												<xsl:when  test="@formkey='BusinessPlanActivity'">
													<xsl:call-template name="BusinessPlanActivity">
														<xsl:with-param name="ActiveID" select="$widgetid"></xsl:with-param>
														<xsl:with-param name="wconfig" select="$wconfig"></xsl:with-param>
														<xsl:with-param name="activePostion" select="$postion"></xsl:with-param>
													</xsl:call-template>
												</xsl:when>
												<xsl:when  test="@formkey='BusinessPlanSkills'">
													<xsl:call-template name="BusinessPlanSkills">
														<xsl:with-param name="ActiveID" select="$widgetid"></xsl:with-param>
														<xsl:with-param name="wconfig" select="$wconfig"></xsl:with-param>
														<xsl:with-param name="activePostion" select="$postion"></xsl:with-param>
													</xsl:call-template>
												</xsl:when>
												<xsl:when  test="@formkey='BusinessPlanSummary'">
													<xsl:call-template name="BusinessPlanSummary">
														<xsl:with-param name="ActiveID" select="$widgetid"></xsl:with-param>
														<xsl:with-param name="wconfig" select="$wconfig"></xsl:with-param>
														<xsl:with-param name="activePostion" select="$postion"></xsl:with-param>
													</xsl:call-template>
												</xsl:when>
											</xsl:choose>
										</xsl:for-each>
										<!--<div class="tab-pane" role="tabpanel" id="w14">
                      <div class="row col-md-12 col-xs-12 col-sm-12 center-block FlotNone">
                        <h3>Complete</h3>
                        <p>You have successfully completed all steps.</p>
                      </div>
                    </div>-->
										<div class="clearfix"></div>
									</div>
								</form>
							</div>
						</section>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='BusinessPlanSummary'">
				<div class=""  data-ng-controller="businessplanController">
					<div class="portlet-header headbox top-3">
						<!--<h4 class="portlet-title">-->
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>
						<xsl:variable name="wconfig">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>DateFormat:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$DateFormat"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>
						<xsl:variable name="callForm">
							<xsl:choose>
								<xsl:when test="Layout/CTA/Button">
									callgetDynamicform();
								</xsl:when>
							</xsl:choose>
						</xsl:variable>
						<!--<i class="{$icon} faicon pad0"></i>
              <xsl:value-of select="Layout/Title"/>
              <a href=""  data-ng-click="getBusinessPlanRefreshList({$wconfig})">
                <i class="{$refresh} faRefresh"></i>
              </a>
            </h4>-->
						<span data-ng-controller="businessplanController" >
							<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden">
							<a href=""  data-ng-click="getBusinessPlanRefreshList({$wconfig})">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>

						<xsl:call-template name="CTAButton">
							<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
							<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
							<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
							<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
							<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
							<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
							<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
							<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
							<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
							<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
						</xsl:call-template>
					</div>
					<div class="portlet-body midbody PadingAll">
						<!--<p>
              <xsl:value-of select="Layout/Description"/>
            </p>-->
						<div>
							<xsl:variable name="wconfig">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<!-- CLAUDE: 2026-03-16 — Pass template attr for 5.0 template switching -->
								<xsl:text>Template:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@template"/>
								<xsl:text>',</xsl:text>
								<xsl:text>DateFormat:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$DateFormat"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>
							<xsl:call-template name="BusinessPlanSummary">
								<xsl:with-param name="ActiveID" select="123"></xsl:with-param>
								<xsl:with-param name="wconfig" select="$wconfig"></xsl:with-param>
								<xsl:with-param name="activePostion" select="'inactive'"></xsl:with-param>
							</xsl:call-template>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='AddOpportunities'">
				<div data-ng-controller="opportunityController" class="PaddingBtm0"  style="padding-bottom:10px;padding-right:2px;">
					<div >
						<a class="btn btn-primary btn-sm" tabindex="2" data-ng-click="SaveOpportunity()">Add Opportunities</a>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='DataTable'">
				<!--Code for Data Table  Pop Up-->
				<!--<div>
          <xsl:variable name="widgetId" select="@key" ></xsl:variable>
         <script type="text/ng-template" id="{$widgetId}">
          <xsl:variable name="form" >
            <xsl:text>{</xsl:text>
            <xsl:apply-templates select="$Form"/>
            <xsl:text>}</xsl:text>
          </xsl:variable>
        
          <div id ="{$widgetId}"  class="fixedPopUpWid portlet-boxed" data-ng-controller="dynamicComponentController" >
            <xsl:variable name="title" select="Layout/Title"></xsl:variable>
           
            <xsl:if test="$title != ''">
              <div class="portlet-header  headbox top-3">
                <xsl:variable name="callForm">
                  <xsl:choose>
                    <xsl:when test="Layout/CTA/Button">
                      callgetDynamicform();
                    </xsl:when>
                  </xsl:choose>
                </xsl:variable>
                <xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
                <xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
                <xsl:variable name="wconfig">
                  <xsl:text>getDynamicList(</xsl:text>
                  <xsl:text>{</xsl:text>
                  <xsl:text>Widget:{</xsl:text>
                  <xsl:text>Type:</xsl:text>
                  <xsl:text>'</xsl:text>
                  <xsl:value-of select="@type"/>
                  <xsl:text>',</xsl:text>
                  <xsl:text>Key:</xsl:text>
                  <xsl:text>'</xsl:text>
                  <xsl:value-of select="@key"/>
                  <xsl:text>',</xsl:text>
                  <xsl:text>DateFormat:</xsl:text>
                  <xsl:text>'</xsl:text>
                  <xsl:value-of select="$DateFormat"/>
                  <xsl:text>',</xsl:text>
                  <xsl:text>Mode:</xsl:text>
                  <xsl:text>'</xsl:text>
                  <xsl:value-of select="@mode"/>
                  <xsl:text>',</xsl:text>
                  <xsl:apply-templates select="*"/>
                  <xsl:text>}</xsl:text>
                  <xsl:text>}</xsl:text>
                  <xsl:text>)</xsl:text>
                </xsl:variable>
                <i class="{$icon} faicon pad0" ></i>
              <xsl:value-of select="Layout/Title"/>
                <span data-ng-controller="dynamicComponentController" >
                  <span  widget-header-directive=""  title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
                  </span>
                </span>
                <span class="refreshHidden">
                  <a href="" data-ng-click="initiateRefreshButton();{$callForm}">
                    <i class=" {$refresh} faRefresh"></i>
                  </a>
                </span>
                
                <xsl:call-template name="CTAButton">
                  <xsl:with-param name="Layout" select="Layout"></xsl:with-param>
                  <xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
                  <xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
                  <xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
                  <xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
                  <xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
                  <xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
                  <xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
                  <xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
                  <xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
                  <xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
                  <xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
                  <xsl:with-param name="Forms" select="$form"></xsl:with-param>
                  <xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
                </xsl:call-template>
                <span class="close-btn">
                  <button  type="button" class="close"  data-ng-click="closeMyPopup($ctrl,popUpInstace)">
                    <i class="fa fa-close"></i>
                  </button>
                </span>
              </div>
            </xsl:if>
            <xsl:for-each select="Widget[@type='CTA']">
              <div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
                <div class="hite100 " >
                  <div id="ctaController"  data-ng-controller="ctaController" class="ctaLaout">
                    <div cta-Directive="" get-C-T-A-Pop-Up="getCTAPopUp(config)" class="portlet portlet-boxed hite100" form="form"
                                         hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()" on-change-dropdown="onChangeDropdown(index)"  tags="tags" meta="meta" spiner="spiner" get-link-meta="getLinkMeta(url)"
                                         style="background-color: #fff;padding:10px;margin:0px;">
                      <xsl:attribute name="w-config">
                        <xsl:text>{</xsl:text>
                        <xsl:text>Widget:{</xsl:text>
                        <xsl:text>Type:</xsl:text>
                        <xsl:text>'</xsl:text>
                        <xsl:value-of select="Widget/@type"/>
                        <xsl:text>',</xsl:text>
                        <xsl:text>DateFormat:</xsl:text>
                        <xsl:text>'</xsl:text>
                        <xsl:value-of select="$DateFormat"/>
                        <xsl:text>',</xsl:text>
                        <xsl:apply-templates select="*"/>
                        <xsl:text>}</xsl:text>
                        <xsl:text>}</xsl:text>
                      </xsl:attribute>
                      <xsl:attribute name="init-call">
                        <xsl:text>getDynamicControl(</xsl:text>
                        <xsl:text>{</xsl:text>
                        <xsl:text>Widget:{</xsl:text>
                        <xsl:text>Type:</xsl:text>
                        <xsl:text>'</xsl:text>
                        <xsl:value-of select="Widget/@type"/>
                        <xsl:text>',</xsl:text>
                        <xsl:text>DateFormat:</xsl:text>
                        <xsl:text>'</xsl:text>
                        <xsl:value-of select="$DateFormat"/>
                        <xsl:text>',</xsl:text>
                        <xsl:apply-templates select="*"/>
                        <xsl:text>}</xsl:text>
                        <xsl:text>}</xsl:text>
                        <xsl:text>)</xsl:text>
                      </xsl:attribute>
                    </div>
                  </div>
                </div>
              </div>
            </xsl:for-each>

            <div class="portlet-body midbody" style="padding:0px;">
              <xsl:if test="Layout/Description != ''">
                <p class="titlename" data-ng-if="Layout/Description != ''">
                  <xsl:value-of select="Layout/Description"/>
                </p>
              </xsl:if>
              <div id="dynamicComponentController">
                <div  dt-directive="" dt-options="dtOptions"  checkbox="checkbox" dt-columns="dtColumns" dt-Instance="dtInstance" header-value="title" msg="msg" check="hiddencheck" minheight="minheight"
                                  class="portlet portlet-boxed hite100"  hide-waiting-indicator="hideWaitingIndicator" load-more="loadMore()" debug="debug(res)"
                                  style="border-radius: 4px; border:none!important;background-color: #fff;">
                  <xsl:attribute name="w-config">
                    <xsl:text>{</xsl:text>
                    <xsl:text>Widget:{</xsl:text>
                    <xsl:text>Type:</xsl:text>
                    <xsl:text>'</xsl:text>
                    <xsl:value-of select="@type"/>
                    <xsl:text>',</xsl:text>
                    <xsl:text>Key:</xsl:text>
                    <xsl:text>'</xsl:text>
                    <xsl:value-of select="@key"/>
                    <xsl:text>',</xsl:text>
                    <xsl:text>DateFormat:</xsl:text>
                    <xsl:text>'</xsl:text>
                    <xsl:value-of select="$DateFormat"/>
                    <xsl:text>',</xsl:text>                   
                    <xsl:text>Template:</xsl:text>
                    <xsl:text>'</xsl:text>
                    <xsl:value-of select="@template"/>
                    <xsl:text>',</xsl:text>
                    <xsl:apply-templates select="*"/>
                    <xsl:text>}</xsl:text>
                    <xsl:text>}</xsl:text>
                    <xsl:text>'</xsl:text>
                    <xsl:text>form:{</xsl:text>
                    <xsl:apply-templates select="$Form"/>
                    <xsl:text>}</xsl:text>
                  </xsl:attribute>
                  <xsl:attribute name="init-call">
                    <xsl:text>getDynamicList(</xsl:text>
                    <xsl:text>{</xsl:text>
                    <xsl:text>Widget:{</xsl:text>
                    <xsl:text>Type:</xsl:text>
                    <xsl:text>'</xsl:text>
                    <xsl:value-of select="@type"/>
                    <xsl:text>',</xsl:text>
                    <xsl:text>Key:</xsl:text>
                    <xsl:text>'</xsl:text>
                    <xsl:value-of select="@key"/>
                    <xsl:text>',</xsl:text>
                    <xsl:text>DateFormat:</xsl:text>
                    <xsl:text>'</xsl:text>
                    <xsl:value-of select="$DateFormat"/>
                    <xsl:text>',</xsl:text>
                    <xsl:apply-templates select="*"/>
                    <xsl:text>}</xsl:text>
                    <xsl:text>}</xsl:text>
                    <xsl:text>)</xsl:text>
                  </xsl:attribute>
                </div>
              </div>
            </div>
            <xsl:variable name="settings" >
              <xsl:text>{</xsl:text>
              <xsl:apply-templates select="$Settings"/>
              <xsl:text>}</xsl:text>
            </xsl:variable>
            <xsl:variable name="profiletabs" >
              <xsl:text>{</xsl:text>
              <xsl:apply-templates select="$Profiletabs"/>
              <xsl:text>}</xsl:text>
            </xsl:variable>
            <div add-c-t-e-form-pop-up="" data-ng-init="cteCall({$form},'{$NoteAutoNotify}',{$NotesSettings})"></div>
         
          </div>
        </script>
        </div>-->
				<!-- End Code for Data Table  Pop Up-->
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="widgetId" select="@key" ></xsl:variable>
				<div id ="{$widgetId}"  class="" data-ng-controller="dynamicComponentController" >
					<xsl:variable name="title" select="Layout/Title"></xsl:variable>
					<xsl:variable name="backbgcolor" select="Layout/Title/@backbgcolor"></xsl:variable>
					<xsl:variable name="backwgtbgcolor" select="@backbgwidgetcolor"></xsl:variable>
					<xsl:if test="$title != ''">
						<div class="portlet-header  headbox top-3" style="background-color:{$backbgcolor}">
							<xsl:variable name="callForm">
								<xsl:choose>
									<xsl:when test="Layout/CTA/Button">
										callgetDynamicform();
									</xsl:when>
								</xsl:choose>
							</xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>

							<xsl:variable name="wconfig">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>Key:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@key"/>
								<xsl:text>',</xsl:text>
								<xsl:text>BlockType:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$Type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>DateFormat:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$DateFormat"/>
								<xsl:text>',</xsl:text>
								<xsl:text>conditionaltype:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="Layout/Columns/@conditionaltype"/>
								<xsl:text>',</xsl:text>
								<xsl:text>condtionalmatch:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="Layout/Columns/@condtionalmatch"/>
								<xsl:text>',</xsl:text>
								<xsl:text>conditionalcolumn:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="Layout/Columns/@conditionalcolumn"/>
								<xsl:text>',</xsl:text>
								<xsl:text>backbgcolor:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="Layout/Columns/@backbgcolor"/>
								<xsl:text>',</xsl:text>
								<xsl:text>cssoverides:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@cssoverides"/>
								<xsl:text>',</xsl:text>
								<xsl:text>backbgwidgetcolor:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@backbgwidgetcolor"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>
							<!--<i class="{$icon} faicon pad0" ></i>
              <xsl:value-of select="Layout/Title"/>-->
							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive=""  title="title" titleclass="{Layout/Title/@class}" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="initiateRefreshButton();{$callForm}">
									<i class=" {$refresh} faRefresh"></i>
								</a>
							</span>
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
							</xsl:call-template>
						</div>
					</xsl:if>


					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController" class="ctaLaout">
									<div cta-Directive="" get-C-T-A-Pop-Up="getCTAPopUp(config)" class="portlet portlet-boxed hite100" form="form"
														 hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()" on-change-dropdown="onChangeDropdown(index)"  tags="tags" meta="meta" spiner="spiner" get-link-meta="getLinkMeta(url)"
														 style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>

					<div class="portlet-body midbody" style="padding:0px;background:{$backwgtbgcolor}">
						<xsl:if test="Layout/Description != ''">
							<p class="titlename" data-ng-if="Layout/Description != ''">
								<xsl:value-of select="Layout/Description"/>
							</p>
						</xsl:if>
						<div id="dynamicComponentController">
							<div  dt-directive="" dt-options="dtOptions" resdata="resdata" rescheck="rescheck" checkbox="checkbox" dt-columns="dtColumns" dt-Instance="dtInstance" header-value="title" msg="msg" check="hiddencheck" minheight="minheight"
											  hide-waiting-indicator="hideWaitingIndicator" debug="debug()" bgcolor="{$backwgtbgcolor}"
											  style="border-radius: 4px; border:none!important;background-color: #fff;">
								<xsl:attribute name="class">
									<xsl:text>portlet portlet-boxed hite100</xsl:text>
									<xsl:if test="@template"><xsl:text> dt-template-</xsl:text><xsl:value-of select="@template"/></xsl:if>
								</xsl:attribute>
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Key:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@key"/>
									<xsl:text>',</xsl:text>
									<xsl:text>BlockType:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$Type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Mode:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@mode"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:text>form:{</xsl:text>
									<xsl:apply-templates select="$Form"/>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-call">
									<xsl:text>getDynamicList(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Key:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@key"/>
									<xsl:text>',</xsl:text>
									<xsl:text>BlockType:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$Type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Mode:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@mode"/>
									<xsl:text>',</xsl:text>
									<xsl:text>backbgcolor:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="Layout/Columns/@backbgcolor"/>
									<xsl:text>',</xsl:text>
									<xsl:text>cssoverides:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@cssoverides"/>
									<xsl:text>',</xsl:text>
									<xsl:text>backbgwidgetcolor:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@backbgwidgetcolor"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Template:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@template"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
					</div>
					<xsl:variable name="settings" >
						<xsl:text>{</xsl:text>
						<xsl:apply-templates select="$Settings"/>
						<xsl:text>}</xsl:text>
					</xsl:variable>
					<xsl:variable name="profiletabs" >
						<xsl:text>{</xsl:text>
						<xsl:apply-templates select="$Profiletabs"/>
						<xsl:text>}</xsl:text>
					</xsl:variable>
					<div add-c-t-e-form-pop-up=""  data-ng-init="cteCall($form,'{$NoteAutoNotify}',{$NotesSettings})"></div>
					<div debug-pop-up=""></div>
				</div>

			</xsl:when>
			<xsl:when test="@type='BarLineChart'">
				<div class="" data-ng-controller="chartController" >
					<div class="portlet-header headbox top-3">
						<!--<h4 class="portlet-title">-->
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>
						<xsl:variable name="wconfig">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>

						<span data-ng-controller="dynamicComponentController" >
							<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden">
							<a href="" data-ng-click="getLineAndBarChartData({$wconfig})">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>
						<!--<i class="{$icon} faicon pad0"></i>
              <xsl:value-of select="Layout/Title"/>
              <a href="" data-ng-click="getLineAndBarChartData({$wconfig})">
                <i class="{$refresh} faRefresh"></i>
              </a>-->
						<!--</h4>-->
						<xsl:call-template name="CTAButton">
							<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
							<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
							<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
							<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
							<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
							<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
							<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
							<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
							<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
							<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
						</xsl:call-template>
					</div>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																							   hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																							   style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<style>
						<xsl:text>#</xsl:text><xsl:value-of select="Id"></xsl:value-of> .chartCS{
						height:<xsl:value-of select="Height"></xsl:value-of>;
						}
					</style>
					<xsl:variable name="divid" select="Id"></xsl:variable>
					<div class="portlet-body midbody ChartCustome">
						<p>
							<xsl:value-of select="Layout/Description"/>
						</p>
						<div>
							<div id ="{$divid}" chart-directive="" chart-type="type" chart-title="title" chart-data="StackVerticaldata"
																		   chart-options="chartOptions" class="portlet portlet-boxed hite100 chartmargin"
																		   hide-waiting-indicator="hideWaitingIndicator">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-call">
									<xsl:text>getLineAndBarChartData(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>

							</div>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='portalList'">
				<div class="" data-ng-controller="portalController" style="min-height:400px;">
					<div class="portlet-header headbox top-3">
						<h4 class="portlet-title">
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<i class="{$icon} faicon pad0"></i>
							<xsl:value-of select="Layout/Title"/>
							<a href="" data-ng-click="getPortalList()">
								<i class="{$refresh} faRefresh"></i>
							</a>>
						</h4>
					</div>
					<div class="portlet-body midbody">
						<p>
							<xsl:value-of select="Layout/Description"/>
						</p>
						<div>
							<p p-list-directive="" dt-options="dtOptions" dt-columns="dtColumns" init-call="getPortalList()" ></p>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='UserProfileTopBar'">
				<div  data-ng-controller="dynamicComponentController">
					<div  class="panel-collapse collapse in" userprofile-directive="" user="user"  action="action" permission="permission"  ctc-memo-permission="ctcMemoPermission"
						                     getctu="getctu(ctuKey,user,wConfig,option)" image-uploader-popup="imageUploaderPopup(userid)"
											 userid="userid" ctc-column="ctcColumn" ctc-memo-key="ctcMemoKey" options="options"  wconfig="wConfig">
						<xsl:attribute name="w-config">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:attribute>
						<xsl:attribute name="init-call">
							<xsl:text>getUserProfile(</xsl:text>
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>UserId:</xsl:text>
							<!--<xsl:text>101</xsl:text>-->
							<xsl:value-of select="$CurrentUserID"/>
							<xsl:text>,</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>)</xsl:text>
						</xsl:attribute>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='ProfileTopBar'">
				<div  data-ng-controller="dynamicComponentController">
					<div profile-directive="" user="user" profile="profile" permission="permission"  ctc-memo-permission="ctcMemoPermission"
											 userid="userid" ctc-column="ctcColumn" getctu="getctu(ctuKey,profile,wConfig,option)" options="options"  wconfig="wConfig">
						<xsl:attribute name="w-config">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>EntityId:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$EntityId"/>
							<xsl:text>',</xsl:text>
							<xsl:text>EntityType:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$EntityType"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:attribute>
						<xsl:attribute name="init-call">
							<xsl:text>getTopProfile(</xsl:text>
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>EntityId:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$EntityId"/>
							<xsl:text>',</xsl:text>
							<xsl:text>EntityType:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$EntityType"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>)</xsl:text>
						</xsl:attribute>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='SurveyResults'">
				<div class="" data-ng-controller="SurveyResultController" >
					<div class="portlet-header headbox top-3">
						<!--<h4 class="portlet-title">-->
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>
						<xsl:variable name="wconfig">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>
						<span data-ng-controller="dynamicComponentController" >
							<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden">
							<a href="" data-ng-click="getResultList({$wconfig})">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>
						<!--<i class="{$icon} faicon pad0"></i>
              <xsl:value-of select="Layout/Title"/>
              <a href="" data-ng-click="getResultList({$wconfig})">
                <i class="{$refresh} faRefresh"></i>
              </a>-->
						<!--</h4>-->
						<xsl:call-template name="CTAButton">
							<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
							<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
							<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
							<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
							<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
							<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
							<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
							<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
							<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
							<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
						</xsl:call-template>
					</div>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																							   hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																							   style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<style>
						<xsl:text>#</xsl:text><xsl:value-of select="Id"></xsl:value-of> .chartCS{
						height:<xsl:value-of select="Height"></xsl:value-of>;
						}
					</style>
					<xsl:variable name="divid" select="Id"></xsl:variable>
					<div class="portlet-body midbody survey_result">
						<p>
							<xsl:value-of select="Layout/Description"/>
						</p>
						<div>
							<div id="{$divid}" survey-result-directive="" result="result" title="title" chart-data="StackVerticaldata"
																		   chart-options="chartOptions" survey="survey"
																			 class="portlet portlet-boxed hite100">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-call">
									<xsl:text>getResultList(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>

							</div>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='MenuDashBoard'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div class="LeftTabs" data-ng-controller="TabController">
					<div  tab-directive="" tabs="tabs" url="url" type="type" data-ng-init="getTabData({$wconfig})"  >
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='ComboWidget'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="key">
					<xsl:value-of select="@type"/>
					<xsl:value-of select="position()"/>
				</xsl:variable>
				<xsl:if test="Layout/Title">
					<div  class="portlet-header headbox top-3">
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>
						<xsl:variable name="wconfig" select="Layout"></xsl:variable>
						<xsl:variable name="fullscreen" select="Layout/Title/@fullscreen"></xsl:variable>
						<!--this is hack to pass wconfig-->
						<xsl:variable name="cwconfig">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>Layout:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@wconfig"/>
							<xsl:text>',</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>

						<xsl:value-of select="cwconfig"/>

						<div data-ng-controller="businessplanController">
							<div widget-header-directive="" title="title" icon="icon" key="{$key}" fullscreen="{$fullscreen}"  data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</div>
						</div>

						<div class="Btn-Header">
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$cwconfig"></xsl:with-param>

							</xsl:call-template>
						</div>
					</div>
				</xsl:if>
				<xsl:for-each select="Widget[@type='CTA']">
					<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
						<div class="hite100 " >
							<div id="ctaController"  data-ng-controller="ctaController">
								<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
															 hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
															 style="background-color: #fff;padding:10px;margin:0px;">
									<xsl:attribute name="w-config">
										<xsl:text>{</xsl:text>
										<xsl:text>Widget:{</xsl:text>
										<xsl:text>Type:</xsl:text>
										<xsl:text>'</xsl:text>
										<xsl:value-of select="Widget/@type"/>
										<xsl:text>',</xsl:text>
										<xsl:text>DateFormat:</xsl:text>
										<xsl:text>'</xsl:text>
										<xsl:value-of select="$DateFormat"/>
										<xsl:text>',</xsl:text>
										<xsl:apply-templates select="*"/>
										<xsl:text>}</xsl:text>
										<xsl:text>}</xsl:text>
									</xsl:attribute>
									<xsl:attribute name="init-call">
										<xsl:text>getDynamicControl(</xsl:text>
										<xsl:text>{</xsl:text>
										<xsl:text>Widget:{</xsl:text>
										<xsl:text>Type:</xsl:text>
										<xsl:text>'</xsl:text>
										<xsl:value-of select="Widget/@type"/>
										<xsl:text>',</xsl:text>
										<xsl:text>DateFormat:</xsl:text>
										<xsl:text>'</xsl:text>
										<xsl:value-of select="$DateFormat"/>
										<xsl:text>',</xsl:text>
										<xsl:apply-templates select="*"/>
										<xsl:text>}</xsl:text>
										<xsl:text>}</xsl:text>
										<xsl:text>)</xsl:text>
									</xsl:attribute>
								</div>
							</div>
						</div>
					</div>
				</xsl:for-each>
				<xsl:variable name="background" select="Layout/@background"></xsl:variable>
				<div class="OutrNewCombo OuterCombo" style="background: {$background};">
					<xsl:apply-templates select ="Division">
					</xsl:apply-templates>
				</div>
				<div>
					<div  add-c-t-e-form-pop-up="" data-ng-init="cteCall($form,'{$NoteAutoNotify}',{$NotesSettings})"></div>
				</div>
			</xsl:when>
			<xsl:when test="@type='AdminResourceFolders'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div  data-ng-controller="ResourcesController" class="LCardView">
					<div class="portlet-header headbox top-3">
						<h4 class="portlet-title">
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>

							<i class="{$icon} faicon pad0"></i>
							<xsl:value-of select="Layout/Title"/>
							<a href="" data-ng-click="initCallAdmin({$wconfig})">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</h4>
						<xsl:call-template name="CTAButton">
							<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
							<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
							<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
							<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
							<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
							<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
							<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
							<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
							<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
						</xsl:call-template>
					</div>
					<xsl:for-each select="Layout/widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																		   hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																		   style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div  resourcesadmin-directive=""  type="type" data-ng-init="initCallAdmin({$wconfig})" folders="folders" tabs="tabs"  displayval="displayval" value="value" filterfield="filterfield" map-entity="mapEntity" set-refreshfilter="setRefreshfilter(value,field)" parentvalue="parentvalue" ischildactive="ischildactive" get-C-T-A-Pop-Up="getCTAPopUp(config)" w-Config="wConfig">

					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='ResourceFolders'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div  data-ng-controller="ResourcesController" class="LCardView" >

					<div class="portlet-header headbox top-3">
						<!--<h4 class="portlet-title">-->
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>
						<!--<i class="{$icon} faicon pad0"></i>
              <xsl:value-of select="Layout/Title"/>
              <a href="" data-ng-click="initCall({$wconfig},true)">
                <i class="{$refresh} faRefresh"></i>
              </a>-->

						<!--</h4>-->
						<span data-ng-controller="dynamicComponentController" >
							<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden">
							<a href="" data-ng-click="initCall({$wconfig},true)">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>
						<xsl:call-template name="CTAButton">
							<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
							<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
							<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
							<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
							<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
							<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
							<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
							<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
							<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>

						</xsl:call-template>

					</div>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																		   hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																		   style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<!--Mask For Sppiner-->
					<div class="mask maskCustome" data-ng-show="sActive">
						<i class="fa fa-spinner fa-spin mask-loader spincustome"></i>
					</div>
					<div  resources-directive="" type="type"  data-ng-init="initCall({$wconfig})" folders="folders" ctc="ctc" ctd="ctd" tabs="tabs"  displayval="displayval" coulmn="coulmns" value="value"  filterfield="filterfield" map-entity="mapEntity"
									set-refreshfilter="setRefreshfilter(item,value,field,type)" parentvalue="parentvalue" ischild="ischild" permission="permission" get-C-T-A-Pop-Up="getCTAPopUp(config)" update-C-T-C="updateCTC(event,newValue,row,ctckey,coulmn,index,type)" edit="edit"
								update-Scope="updateScope(event,index)" edit-Scope="editScope(event,index)" timeout="$timeout" post-C-T-D-Data="postCTDData(ctdkey,ctdoptionkey,destcolumnname,ctdnewvalue,row,ctdlist,coulmn)" pricoulmn="pricoulmn" priorityctckey="priorityctckey" breadcrumb="breadcrumb" >

					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='CardView'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Template:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@template"/>
					<xsl:text>',</xsl:text>
					<xsl:text>ResourceImageShape:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="$ResourceImageShape"/>
					<xsl:text>',</xsl:text>
					<xsl:text>ResourceImageFit:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="$ResourceImageFit"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="config">
					<xsl:value-of select="*"/>
				</xsl:variable>
				<xsl:choose>
					<xsl:when test="@format='ContactCard'">
						<div  data-ng-controller="cardController" class=" gray-bg" style="min-height:350px!important">
							<div class="portlet-header headbox top-3 MinHeightT">
								<!--<h4 class="portlet-title">-->
								<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
								<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
								<xsl:variable name="title" select="Layout/Title"></xsl:variable>

								<!--<i class="{$icon} faicon pad0"></i>
                  <xsl:value-of select="Layout/Title"/>
                  <a href="" data-ng-click="contactView({$wconfig})">
                    <i class="{$refresh} faRefresh"></i>
                  </a>-->
								<span data-ng-controller="dynamicComponentController" >
									<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
									</span>
								</span>
								<span class="refreshHidden">
									<a href="" data-ng-click="contactView({$wconfig})">
										<i class="{$refresh} faRefresh"></i>
									</a>
								</span>

								<!--</h4>-->
								<div class="mask maskCustome" data-ng-show="sActive">
									<i class="fa fa-spinner fa-spin mask-loader spincustome"></i>
								</div>
								<div card-directive=""  type="type"  template="template" data-ng-init="contactView({$wconfig})" w-config="wConfig" column="Columns" contacts="contacts" userid="userid" name="name"
													 address="address" title="Title"  email="email" designation="designation" location="location" mobilephone="mobilephone" pic="pic"
													 address1="address1" address2="address2" city="city" state="state" postalcode="postalcode" country="country"
													 citystatepostal="citystatepostal" phoneoffice="phoneoffice" phonemobile="phonemobile" phonehome="phonehome"
													open-Right-Side-Bar="openRightSideBar(wConfig,contact,sidebar)"  sidebar="sidebar"></div>
							</div>
						</div>
					</xsl:when>
					<xsl:otherwise>
						<div id="resourceCTR" data-ng-controller="ResourcesController" class="MinHeight" style="min-height:350px!important">
							<div class="portlet-header headbox top-3">
								<!--<h4 class="portlet-title">-->
								<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
								<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
								<xsl:variable name="title" select="Layout/Title"></xsl:variable>

								<span data-ng-controller="dynamicComponentController" >
									<span  widget-header-directive="" title="title" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
									</span>
								</span>
								<span class="refreshHidden" >
									<a href="" data-ng-click="cardView({$wconfig},{{ischildactive}})">
										<i class="{$refresh} faRefresh"></i>
									</a>
								</span>
								<!--</h4>-->
								<xsl:call-template name="CTAButton">
									<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
									<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
									<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
									<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
									<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
									<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
									<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
									<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
									<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
									<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
									<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
									<xsl:with-param name="config" select="$config"></xsl:with-param>
								</xsl:call-template>
								<xsl:if test="Layout/File/SecurityLevel/Level[
			  (@value = $MasterPermissionID and @scope = '0')  
			  or 
			  (@value=$PermissionID and (not(@scope) or @scope != '0')) 
			  or 
			  (@value = $ScopePermissionId and $ScopeLevel = -1) ] or not(Layout/File/SecurityLevel)">
									<xsl:variable name="callfunction">
										<xsl:text>{</xsl:text>
										<xsl:apply-templates select="Layout/File/Form/."/>
										<xsl:text>}</xsl:text>

									</xsl:variable>

									<div data-ng-controller="fileUploadController" class="pull-right">
										<div resourcefile-directive="" data-ng-init="initCall({$callfunction})" file-path="filePath" params="params" data-ng-show="ischildactive" >
										</div>
									</div>
								</xsl:if>

							</div>
							<div class="mask maskCustome" data-ng-show="sActive">
								<i class="fa fa-spinner fa-spin mask-loader spincustome"></i>
							</div>
							<div cardview-directive=""  type="type" shape="shape" fit="fit" data-ng-init="cardView({$wconfig})"  w-Config ="wConfig" files="files"  extension="extension(fileName)"
											  searchbox="searchbox" set-refreshfilter="setRefreshfilter(value,field)" total-items="totalItems" current-page="currentPage"
											  max-size="maxSize"  set-page="setPage" page-changed="pageChanged()" items-per-page="itemsPerPage" allfiles="allfiles" num-pages="numPages"
											  itemid="itemid" item='item' contenturl='contenturl' thumbnailpath='thumbnailpath' ftype='ftype' format='format' date='date' search='search' file-params='fileParams' ischildactive="ischildactive"
											  permission="permission" progress="progress" success="success" priority="priority" pricoulmn="pricoulmn" update-C-T-C="updateCTC(event,newValue,row,ctckey,coulmn,index,type)" isctcsecure="isctcsecure"
											  open-Right-Side-Bar="openRightSideBar(wConfig,file,issidebar)"  issidebar="issidebar" checkbox="checkbox"
								              checktoggle-One ="checktoggleOne(event, rowvalue, parentid, ctdkey, destcolumnname,isallchecked)"  open-megnific-popup="openMegnificPopup(contenturl)"  scrolling="scrolling" height="height">
							</div>
						</div>
					</xsl:otherwise>
				</xsl:choose>
			</xsl:when>
			<xsl:when test="@type='ResourceLibraryMVP'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Template:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@template"/>
					<xsl:text>',</xsl:text>
					<xsl:text>ResourceImageShape:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="$ResourceImageShape"/>
					<xsl:text>',</xsl:text>
					<xsl:text>ResourceImageFit:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="$ResourceImageFit"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="config">
					<xsl:value-of select="*"/>
				</xsl:variable>
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div id="resourceCTR" data-ng-controller="ResourcesController" class="MinHeight" style="min-height:350px!important">
					<div class="portlet-header headbox mvpheader top-3">
						<!--<h4 class="portlet-title">-->
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>

						<span data-ng-controller="dynamicComponentController">
							<span  widget-header-directive="" title="title" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden" >
							<a href="" data-ng-click="cardView({$wconfig},{{ischildactive}})">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>
						<!--</h4>-->
						<xsl:call-template name="CTAButton">
							<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
							<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
							<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
							<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
							<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
							<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
							<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
							<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
							<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
							<xsl:with-param name="config" select="$config"></xsl:with-param>
							<xsl:with-param name="Forms" select="$form"></xsl:with-param>
							<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
						</xsl:call-template>
						<xsl:if test="Layout/File/SecurityLevel/Level[
			                      (@value = $MasterPermissionID and @scope = '0')  
			                      or 
			                       (@value=$PermissionID and (not(@scope) or @scope != '0')) 
			                      or 
			                      (@value = $ScopePermissionId and $ScopeLevel = -1) ] and (Layout/File/SecurityLevel)">
							<xsl:variable name="callfunction">
								<xsl:text>{</xsl:text>
								<xsl:apply-templates select="Layout/File/Form/."/>
								<xsl:text>}</xsl:text>

							</xsl:variable>

							<div data-ng-controller="fileUploadController" class="pull-right">
								<div resourcefile-directive="" data-ng-init="initCall({$callfunction})" file-path="filePath" params="params" data-ng-show="ischildactive" >
								</div>
							</div>
						</xsl:if>

					</div>
					<div class="mask maskCustome" data-ng-show="sActive">
						<i class="fa fa-spinner fa-spin mask-loader spincustome"></i>
					</div>
					<div resource-lib-directive=""  type="type" shape="shape" fit="fit" data-ng-init="cardView({$wconfig})"  w-Config ="wConfig" files="files"  extension="extension(fileName)"
									  breadcrumb="breadcrumb" filterfield="filterfield" searchbox="searchbox" set-refreshfilter="setRefreshfilter(item,value,field,type,row)" total-items="totalItems" current-page="currentPage"
									  max-size="maxSize"  set-page="setPage" page-changed="pageChanged()" items-per-page="itemsPerPage" allfiles="allfiles" num-pages="numPages"
									  itemid="itemid" item='item' contenturl='contenturl' thumbnailpath='thumbnailpath' ftype='ftype' format='format' date='date' search='search' file-params='fileParams' ischildactive="ischildactive"
									  permission="permission" progress="progress" success="success" priority="priority" pricoulmn="pricoulmn" update-C-T-C="updateCTC(event,newValue,row,ctckey,coulmn,index,type)" isctcsecure="isctcsecure"
									  getctu="getctu(ctuKey,file,wConfig,option)"
									  open-Right-Side-Bar="openRightSideBar(wConfig,file,issidebar)"  issidebar="issidebar" checkbox="checkbox" checktoggle-One ="checktoggleOne(event, rowvalue, parentid, ctdkey, destcolumnname , isallchecked)"
					                  open-megnific-popup="openMegnificPopup(contenturl)" scrolling="scrolling" height="height">
					</div>
					<div add-c-t-e-form-pop-up="" data-ng-init="cteCall($form)"></div>
				</div>
			</xsl:when>
			<xsl:when test="@type='CardViewer'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Key:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@key"/>
					<xsl:text>',</xsl:text>
					<xsl:text>BlockType:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="$Type"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Template:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@template"/>
					<xsl:text>',</xsl:text>
					<xsl:text>LayoutHeight:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="Layout/Height"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Style:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@style"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Justify:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@justify"/>
					<xsl:text>',</xsl:text>
					<xsl:text>mode:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="Layout/Columns/@mode"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Width:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="Layout/Columns/@width"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Height:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="Layout/Columns/@height"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Border:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="Layout/Columns/@border"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Shadow:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="Layout/Columns/@shadow"/>
					<xsl:text>',</xsl:text>
					<xsl:text>frontbgcolor:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="Layout/Columns/@frontbgcolor"/>
					<xsl:text>',</xsl:text>
					<xsl:text>backbgcolor:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="Layout/Columns/@backbgcolor"/>
					<xsl:text>',</xsl:text>
					<xsl:text>group:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="Layout/Columns/@group"/>
					<xsl:text>',</xsl:text>
					<xsl:text>ctckey:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="Layout/Columns/@ctckey"/>
					<xsl:text>',</xsl:text>
					<xsl:text>destcolumnname:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="Layout/Columns/@destcolumnname"/>
					<xsl:text>',</xsl:text>
					<xsl:text>filterfield:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="Layout/Columns/@filterfield"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div  data-ng-controller="cardController" style="min-height:85px!important;height:auto">
					<xsl:if test="Layout/Title">
						<div class="portlet-header headbox top-3">
							<!--<h4 class="portlet-title">-->
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="title" select="Layout/Title"></xsl:variable>

							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="contactView({$wconfig})">
									<i class="{$refresh} faRefresh"></i>
								</a>
							</span>
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
							</xsl:call-template>

							<!--</h4>-->

						</div>
					</xsl:if>
					<div class="mask maskCustome" data-ng-show="sActive">
						<i class="fa fa-spinner fa-spin mask-loader spincustome"></i>
					</div>
					<div cardviewer-directive=""  type="type"  template="template"  style="style" back="back" front="front" styleclass="styleclass" height="height" data-ng-init="cardView({$wconfig})" get-r-m-t-search="getRMTSearch(wConfig)" on-click-card="onClickCard(wConfig, pkvalue)" leftcard="leftcard" cardmode="cardmode" response="response" blankmessage="blankmessage"
					  set-col-style="setColStyle(className)" set-filter-value="setFilterValue(filter,filtervalue)" w-config="wConfig" card-data="cardData" column-data="columnData" ctd="ctd" render-c-t-d="renderCTD(card,index,ctdkey)"
						 getctu="getctu(ctuKey,card,wConfig,option)" dragover-callback="dragoverCallback(index, external, type)" drop-start="dropStart(item,index,iscategory,key)" drop-inserted="dropInserted(item, index, external, key)" opendashboardpopup="opendashboardpopup(card)" expand-course-step="expandCourseStep(card)" ></div>
					<div add-c-t-e-form-pop-up="" data-ng-init="cteCall($form)"></div>
				</div>
			</xsl:when>
			<xsl:when test="@type='CTUForm'">
				<xsl:variable name="widgetId" select="@key" ></xsl:variable>
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Name:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@name"/>
					<xsl:text>',</xsl:text>
					<xsl:text>DateFormat:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="$DateFormat"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div id="{$widgetId}" data-ng-controller="cteController">
					<div class="portlet-header headbox top-3">
						<!--<h4 class="portlet-title mvcss">-->
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>

						<xsl:variable name="callForm">
							<xsl:choose>
								<xsl:when test="Layout/CTA/Button">
									callgetDynamicform();
								</xsl:when>
							</xsl:choose>
						</xsl:variable>

						<span data-ng-controller="dynamicComponentController" >
							<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden">
							<a href="" data-ng-click="renderCTUFormInline({$wconfig},$form)">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>


						<xsl:call-template name="CTAButton">
							<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
							<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
							<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
							<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
							<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
							<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
							<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
							<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
							<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
							<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
							<xsl:with-param name="Forms" select="$form"></xsl:with-param>
							<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
						</xsl:call-template>
					</div>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																							   hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																							   style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>Name:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@name"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>Name:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@name"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="portlet-body midbody" >
						<p>
							<xsl:value-of select="Layout/Description"/>
						</p>
						<xsl:variable name="varHeight">
							<xsl:choose>
								<xsl:when test="Layout/BodyHeight != ''">
									<xsl:text>{'width':'100%','overflow':'auto','height':'</xsl:text>
									<xsl:value-of select="Layout/BodyHeight"/>
									<xsl:text>px'}</xsl:text>
								</xsl:when>
								<xsl:otherwise>
									<xsl:text></xsl:text>
								</xsl:otherwise>
							</xsl:choose>
						</xsl:variable>

						<div class="UpdatePopup CTUPopup scrollInlineForm" id="CTUInlineScroll">
							<div data-ng-init="renderCTUFormInline({$wconfig},$form)" cte-form-directive=""  w-config='wConfig' current-obj='currentObj' cte-data='cteData' form= 'form' options='options'  status='status' ctrl="ctrl"
												 update-form-c-t-e="updateFormCTE(field,currentObj,cteData,option)" search-results="searchResults(field,currentObj,cteData,search)" formmode="formmode"
												 cancel-button="cancelButton()" post-c-t-u="postCTU(field,currentObj,cteData)" open-dialog="openDialog()" image="image" crop="crop" cropimg="cropimg" isactive="isactive"
												 select-image="selectImage()" cancel-browse="cancelBrowse()" validation="validation(type,field)" handle-files="handleFiles(files)"
								                 scroll-pop-up-handler="scrollPopUpHandler(index)" >
							</div>

						</div>
					</div>
				</div>
				<div add-c-t-e-form-pop-up=""  data-ng-init="cteCall($form,'{$NoteAutoNotify}',{$NotesSettings})"></div>
			</xsl:when>
			<xsl:when test="@type='Scheduler'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Template:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@template"/>
					<xsl:text>',</xsl:text>
					<xsl:text>LayoutHeight:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="Layout/Height"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Style:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@style"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div  data-ng-controller="schedularController" style="min-height:85px!important;height:auto">
					<xsl:if test="Layout/Title">
						<div class="portlet-header headbox top-3">
							<!--<h4 class="portlet-title">-->
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="title" select="Layout/Title"></xsl:variable>

							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="getSchedularData({$wconfig})
                   ">
									<i class="{$refresh} faRefresh"></i>
								</a>
							</span>
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
							</xsl:call-template>

							<!--</h4>-->

						</div>
					</xsl:if>
					<div class="mask maskCustome" data-ng-show="sActive">
						<i class="fa fa-spinner fa-spin mask-loader spincustome"></i>
					</div>
					<div schedularviewer-directive=""  blankmessage="blankmessage" week-config="weekConfig"  day-config="dayConfig" navigator-config ="navigatorConfig" data-ng-init="getSchedularData({$wconfig})" events="events"
					  show-day ="showDay()" show-week="showWeek()" w-config="wConfig" column-data="columnData" ctd="ctd" render-c-t-d="renderCTD(card,index,ctdkey)" getctu="getctu(ctuKey,card,wConfig,option)" ></div>

					<div add-c-t-e-form-pop-up="" data-ng-init="cteCall($form)"></div>
				</div>
			</xsl:when>
			<xsl:when test="@type='App'">
				<div data-ng-controller="appController">
					<div  app-platform-directive="" w-config="wConfig" tribe-token="tribeToken" template="template" load-html="loadHtml">
						<xsl:attribute name="w-config">
							<xsl:text>{</xsl:text>
							<xsl:text>Division:{</xsl:text>

							<xsl:apply-templates select="Division">
								<xsl:with-param name="Url" select ="@url"></xsl:with-param>
							</xsl:apply-templates>
							<xsl:text>}</xsl:text>
							<xsl:text>,</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>Name:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@name"/>
							<xsl:text>',</xsl:text>
							<xsl:text>DateFormat:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$DateFormat"/>
							<xsl:text>',</xsl:text>
							<xsl:text>AppName:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$AppName"/>
							<xsl:text>',</xsl:text>
							<xsl:text>AppEntityId:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$AppEntityId"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>

						</xsl:attribute>
						<xsl:attribute name="init-Call">
							<xsl:text>initCall(</xsl:text>
							<xsl:text>{</xsl:text>
							<xsl:text>Division:{</xsl:text>
							<xsl:apply-templates select="Division">
								<xsl:with-param name="Url" select ="@url"></xsl:with-param>
							</xsl:apply-templates>
							<xsl:text>}</xsl:text>
							<xsl:text>,</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>Name:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@name"/>
							<xsl:text>',</xsl:text>
							<xsl:text>DateFormat:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$DateFormat"/>
							<xsl:text>',</xsl:text>
							<xsl:text>AppName:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$AppName"/>
							<xsl:text>',</xsl:text>
							<xsl:text>AppEntityId:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="$AppEntityId"/>
							<xsl:text>',</xsl:text>
							<xsl:text>provider:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@provider"/>
							<xsl:text>',</xsl:text>
							<xsl:text>mode:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@mode"/>
							<xsl:text>',</xsl:text>
							<xsl:text>url:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@url"/>
							<xsl:text>',</xsl:text>
							<xsl:text>programidentifier:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@programidentifier"/>
							<xsl:text>',</xsl:text>
							<xsl:text>embedurl:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@embedurl"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>)</xsl:text>
						</xsl:attribute>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='IFrame'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div data-ng-controller="dynamicComponentController">
					<xsl:variable name="title" select="Layout/Title"></xsl:variable>
					<xsl:if test="$title != ''">
						<div class="portlet-header  headbox top-3" style="margin-bottom: 5px">
							<xsl:variable name="callForm">
								<xsl:choose>
									<xsl:when test="Layout/CTA/Button">
										callgetDynamicform();
									</xsl:when>
								</xsl:choose>
							</xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>

							<xsl:variable name="wconfig">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>Key:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@key"/>
								<xsl:text>',</xsl:text>
								<xsl:text>BlockType:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$Type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>DateFormat:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$DateFormat"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>
							<!--<i class="{$icon} faicon pad0" ></i>
              <xsl:value-of select="Layout/Title"/>-->
							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive=""  title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="initiateRefreshButton();{$callForm}">
									<i class=" {$refresh} faRefresh"></i>
								</a>
							</span>
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
							</xsl:call-template>
						</div>
					</xsl:if>

					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController" class="ctaLaout">
									<div cta-Directive="" get-C-T-A-Pop-Up="getCTAPopUp(config)" class="portlet portlet-boxed hite100" form="form"
														 hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()" on-change-dropdown="onChangeDropdown(index)"  tags="tags" meta="meta" spiner="spiner" get-link-meta="getLinkMeta(url)"
														 style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>

					<div  iframe-directive="" w-config="wConfig" value="value" >
						<xsl:attribute name="w-config">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:attribute>
						<xsl:attribute name="init-call">
							<xsl:text>getControlsCall(</xsl:text>
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>)</xsl:text>
						</xsl:attribute>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='CTUWizard'">
				<xsl:variable name="widgetId" select="@key" ></xsl:variable>
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Name:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@name"/>
					<xsl:text>',</xsl:text>
					<xsl:text>DateFormat:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="$DateFormat"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div id="{$widgetId}" data-ng-controller="cteController">
					<div class="portlet-header headbox top-3">
						<!--<h4 class="portlet-title mvcss">-->
						<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
						<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
						<xsl:variable name="title" select="Layout/Title"></xsl:variable>

						<xsl:variable name="callForm">
							<xsl:choose>
								<xsl:when test="Layout/CTA/Button">
									callgetDynamicform();
								</xsl:when>
							</xsl:choose>
						</xsl:variable>

						<span data-ng-controller="dynamicComponentController" >
							<span  widget-header-directive="" title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
							</span>
						</span>
						<span class="refreshHidden">
							<a href="" data-ng-click="renderCTUFormInline({$wconfig},$form)">
								<i class="{$refresh} faRefresh"></i>
							</a>
						</span>


						<xsl:call-template name="CTAButton">
							<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
							<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
							<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
							<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
							<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
							<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
							<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
							<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
							<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
							<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
							<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
							<xsl:with-param name="Forms" select="$form"></xsl:with-param>
							<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
						</xsl:call-template>
					</div>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController">
									<div cta-Directive="" class="portlet portlet-boxed hite100" form="form"
																							   hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()"
																							   style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>Name:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@name"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>Name:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@name"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="portlet-body midbody" >
						<p class="pl-9">
							<xsl:value-of select="Layout/Description"/>
						</p>
						<xsl:variable name="varHeight">
							<xsl:choose>
								<xsl:when test="Layout/BodyHeight != ''">
									<xsl:text>{'width':'100%','overflow':'auto','height':'</xsl:text>
									<xsl:value-of select="Layout/BodyHeight"/>
									<xsl:text>px'}</xsl:text>
								</xsl:when>
								<xsl:otherwise>
									<xsl:text></xsl:text>
								</xsl:otherwise>
							</xsl:choose>
						</xsl:variable>
						<div class="UpdatePopup CTUPopup CTUFormWizard" >
							<div genrictabs-directive=""    pw-config='{$wconfig}' pform='$form' w-config='wConfig' form='form'></div>
						</div>

						<!--<div class="UpdatePopup CTUPopup scrollInlineForm" id="CTUInlineScroll">
              <div data-ng-init="renderCTUFormInline({$wconfig},$form)" cte-form-directive=""  w-config='wConfig' current-obj='currentObj' cte-data='cteData' form= 'form' options='options'  status='status' ctrl="ctrl"
                                   update-form-c-t-e="updateFormCTE(field,currentObj,cteData,option)" search-results="searchResults(field,currentObj,cteData,search)" formmode="formmode"
                                   cancel-button="cancelButton()" post-c-t-u="postCTU(field,currentObj,cteData)" open-dialog="openDialog()" image="image" crop="crop" cropimg="cropimg" isactive="isactive"
                                   select-image="selectImage()" cancel-browse="cancelBrowse()" scroll-pop-up-handler="scrollPopUpHandler(index)" >
              </div>

            </div>-->
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='TreeGrid'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="widgetId" select="@key" ></xsl:variable>
				<div id ="{$widgetId}"  class="" data-ng-controller="genricController" >
					<xsl:variable name="title" select="Layout/Title"></xsl:variable>
					<xsl:if test="$title != ''">
						<div class="portlet-header  headbox top-3">
							<xsl:variable name="callForm">
								<xsl:choose>
									<xsl:when test="Layout/CTA/Button">
										callgetDynamicform();
									</xsl:when>
								</xsl:choose>
							</xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="wconfig">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>Key:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@key"/>
								<xsl:text>',</xsl:text>
								<xsl:text>BlockType:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$Type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>DateFormat:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$DateFormat"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>

							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive=""  title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="getDynamicTreeGrid()">
									<i class=" {$refresh} faRefresh"></i>
								</a>
							</span>
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
							</xsl:call-template>
						</div>
					</xsl:if>


					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController" class="ctaLaout">
									<div cta-Directive="" get-C-T-A-Pop-Up="getCTAPopUp(config)" class="portlet portlet-boxed hite100" form="form"
														 hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()" on-change-dropdown="onChangeDropdown(index)"  tags="tags" meta="meta" spiner="spiner" get-link-meta="getLinkMeta(url)"
														 style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>

					<div class="portlet-body midbody" style="padding:0px;">
						<xsl:if test="Layout/Description != ''">
							<p class="titlename" data-ng-if="Layout/Description != ''">
								<xsl:value-of select="Layout/Description"/>
							</p>
						</xsl:if>
						<div id="genricController">
							<div  tree-grid-directive="" columns="columns" data="treeData" header="header"  expanding="expanding" treedata="treedata" col="col" class="portlet portlet-boxed hite100"  hide-waiting-indicator="hideWaitingIndicator" debug="debug()"
											  style="border-radius: 4px; border:none!important;background-color: #fff;">
								<xsl:attribute name="w-config">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Key:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@key"/>
									<xsl:text>',</xsl:text>
									<xsl:text>BlockType:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$Type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Mode:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@mode"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:text>form:{</xsl:text>
									<xsl:apply-templates select="$Form"/>
									<xsl:text>}</xsl:text>
								</xsl:attribute>
								<xsl:attribute name="init-call">
									<xsl:text>getDynamicTreeGrid(</xsl:text>
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Key:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@key"/>
									<xsl:text>',</xsl:text>
									<xsl:text>BlockType:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$Type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>DateFormat:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$DateFormat"/>
									<xsl:text>',</xsl:text>
									<xsl:text>Mode:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="@mode"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="*"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
									<xsl:text>)</xsl:text>
								</xsl:attribute>
							</div>
						</div>
					</div>
					<xsl:variable name="settings" >
						<xsl:text>{</xsl:text>
						<xsl:apply-templates select="$Settings"/>
						<xsl:text>}</xsl:text>
					</xsl:variable>
					<xsl:variable name="profiletabs" >
						<xsl:text>{</xsl:text>
						<xsl:apply-templates select="$Profiletabs"/>
						<xsl:text>}</xsl:text>
					</xsl:variable>
					<div add-c-t-e-form-pop-up=""  data-ng-init="cteCall($form,'{$NoteAutoNotify}',{$NotesSettings})"></div>
					<div debug-pop-up=""></div>
				</div>

			</xsl:when>
			<xsl:when test="@type='GaugesStats'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="widgetId" select="@key" ></xsl:variable>
				<div id ="{$widgetId}"  data-ng-controller="chartController" class="comboBorder gauges-main">
					<xsl:variable name="title" select="Layout/Title"></xsl:variable>
					<xsl:if test="$title != ''">
						<div class="portlet-header  headbox top-3">
							<xsl:variable name="callForm">
								<xsl:choose>
									<xsl:when test="Layout/CTA/Button">
										callgetDynamicform();
									</xsl:when>
								</xsl:choose>
							</xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="wconfig">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>Key:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@key"/>
								<xsl:text>',</xsl:text>
								<xsl:text>BlockType:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$Type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>DateFormat:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$DateFormat"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>

							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive=""  title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="getDynamicTreeGrid()">
									<i class=" {$refresh} faRefresh"></i>
								</a>
							</span>
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
							</xsl:call-template>
						</div>
					</xsl:if>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController" class="ctaLaout">
									<div cta-Directive="" get-C-T-A-Pop-Up="getCTAPopUp(config)" class="portlet portlet-boxed hite100" form="form"
														 hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()" on-change-dropdown="onChangeDropdown(index)"  tags="tags" meta="meta" spiner="spiner" get-link-meta="getLinkMeta(url)"
														 style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="portlet-body midbody" >
						<xsl:if test="Layout/Description != ''">
							<p class="titlename" data-ng-if="Layout/Description != ''">
								<xsl:value-of select="Layout/Description"/>
							</p>
						</xsl:if>
						<div gauges-stats-directive="" data="data" icon="{Layout/Icon}"  wconfig="wConfig" currency="{Layout/Currency}" open-dashboard-popup="openDashboardPopup(values)"
																			   key="{Layout/Title}" hide-waiting-indicator="hideWaitingIndicator">

							<xsl:attribute name="w-config">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:attribute>
							<xsl:attribute name="init-call">
								<xsl:text>getDynamicGaugesStats(</xsl:text>
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
								<xsl:text>)</xsl:text>
							</xsl:attribute>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='ConditionalDashboard'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="widgetId" select="@key" ></xsl:variable>
				<div id ="{$widgetId}"   data-ng-controller="dashboardController" class="comboBorder">
					<xsl:variable name="title" select="Layout/Title"></xsl:variable>
					<xsl:if test="$title != ''">
						<div class="portlet-header  headbox top-3">
							<xsl:variable name="callForm">
								<xsl:choose>
									<xsl:when test="Layout/CTA/Button">
										callgetDynamicform();
									</xsl:when>
								</xsl:choose>
							</xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="wconfig">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>Key:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@key"/>
								<xsl:text>',</xsl:text>
								<xsl:text>BlockType:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$Type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>DateFormat:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$DateFormat"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>

							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive=""  title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="getDynamicTreeGrid()">
									<i class=" {$refresh} faRefresh"></i>
								</a>
							</span>
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
							</xsl:call-template>
						</div>
					</xsl:if>
					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController" class="ctaLaout">
									<div cta-Directive="" get-C-T-A-Pop-Up="getCTAPopUp(config)" class="portlet portlet-boxed hite100" form="form"
														 hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()" on-change-dropdown="onChangeDropdown(index)"  tags="tags" meta="meta" spiner="spiner" get-link-meta="getLinkMeta(url)"
														 style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="portlet-body midbody" >
						<xsl:if test="Layout/Description != ''">
							<p class="titlename" data-ng-if="Layout/Description != ''">
								<xsl:value-of select="Layout/Description"/>
							</p>
						</xsl:if>
						<div dashboard-inline="" data="data" icon="{Layout/Icon}"  wconfig="wConfig" currency="{Layout/Currency}" open-dashboard-popup="openDashboardPopup(values)"
																			   key="{Layout/Title}" hide-waiting-indicator="hideWaitingIndicator">

							<xsl:attribute name="w-config">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:attribute>
							<xsl:attribute name="init-call">
								<xsl:text>openDashboardPopup(</xsl:text>
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
								<xsl:text>)</xsl:text>
							</xsl:attribute>
						</div>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="@type='WorkflowDesigner'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Template:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@template"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="config">
					<xsl:value-of select="*"/>
				</xsl:variable>
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div  data-ng-controller="workflowController" class="" style="height:650px!important">
					<xsl:if test="Layout/Title">
						<div class="portlet-header headbox mvpheader top-3">
							<!--<h4 class="portlet-title">-->
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="title" select="Layout/Title"></xsl:variable>
							<span data-ng-controller="dynamicComponentController">
								<span  widget-header-directive="" title="title" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>

							<span class="refreshHidden" >
								<a href="" data-ng-click="cardView({$wconfig},{{ischildactive}})">
									<i class="{$refresh} faRefresh"></i>
								</a>
							</span>
							<!--</h4>-->
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="config" select="$config"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
							</xsl:call-template>

						</div>
					</xsl:if>
					<div workflow-designer-directive=""  data-ng-init="getWorkflowDesigner({$wconfig})"  w-Config ="wConfig"
									   filterfield="filterfield" searchbox="searchbox" set-refreshfilter="setRefreshfilter(item,value,field,type,row)"
									  update-C-T-C="updateCTC(event,newValue,row,ctckey,coulmn,index,type)"
									  getctu="getctu(ctuKey,file,wConfig,option)">
					</div>
					<div add-c-t-e-form-pop-up="" data-ng-init="cteCall($form)"></div>
				</div>
			</xsl:when>
			<xsl:when test="@type='Invoicebill'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Template:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@template"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="config">
					<xsl:value-of select="*"/>
				</xsl:variable>
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div  data-ng-controller="genricController" class="" style="height:650px!important">
					<xsl:if test="Layout/Title">
						<div class="portlet-header headbox mvpheader top-3">
							<!--<h4 class="portlet-title">-->
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="title" select="Layout/Title"></xsl:variable>
							<xsl:if test="$title != ''">
								<span data-ng-controller="dynamicComponentController">
									<span  widget-header-directive="" title="title" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
									</span>
								</span>

								<span class="refreshHidden" >
									<a href="" data-ng-click="cardView({$wconfig},{{ischildactive}})">
										<i class="{$refresh} faRefresh"></i>
									</a>
								</span>
							</xsl:if>
							<!--</h4>-->
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="config" select="$config"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
							</xsl:call-template>

						</div>
					</xsl:if>
					<div invoiceui-directive=""  data-ng-init="getInvoiceData({$wconfig})"  w-config ="wConfig" invoice-data="invoiceData" invoicecoldata="invoicecoldata"
									  update-C-T-C="updateCTC(newValue,row,coulmn,index ,type)"
									  getctu="getctu(ctuKey,row,wConfig,option)">
					</div>
					<div add-c-t-e-form-pop-up="" data-ng-init="cteCall($form)"></div>
				</div>
			</xsl:when>
			<xsl:when test="@type='ContentPlayer'">
				<xsl:variable name="wconfig">
					<xsl:text>{</xsl:text>
					<xsl:text>Widget:{</xsl:text>
					<xsl:text>Type:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@type"/>
					<xsl:text>',</xsl:text>
					<xsl:text>Template:</xsl:text>
					<xsl:text>'</xsl:text>
					<xsl:value-of select="@template"/>
					<xsl:text>',</xsl:text>
					<xsl:apply-templates select="*"/>
					<xsl:text>}</xsl:text>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<xsl:variable name="config">
					<xsl:value-of select="*"/>
				</xsl:variable>
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div  data-ng-controller="genricController" class="" style="height:650px!important">
					<xsl:if test="Layout/Title">
						<div class="portlet-header headbox mvpheader top-3">
							<!--<h4 class="portlet-title">-->
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="title" select="Layout/Title"></xsl:variable>
							<span data-ng-controller="dynamicComponentController">
								<span  widget-header-directive="" title="title" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>

							<span class="refreshHidden" >
								<a href="" data-ng-click="getContentPlayer({$wconfig},{{ischildactive}})">
									<i class="{$refresh} faRefresh"></i>
								</a>
							</span>
							<!--</h4>-->
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="config" select="$config"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
							</xsl:call-template>

						</div>
					</xsl:if>
					<div style="" contentplayer-directive=""  data-ng-init="getContentPlayer({$wconfig})"  w-Config ="wConfig"  extension="extension(fileName)"
									   filterfield="filterfield" playerdata="playerdata" set-refreshfilter="setRefreshfilter(item,value,field,type,row)"
									   update-C-T-C="updateCTC(event,newValue,row,ctckey,coulmn,index,type)"
									    getctu="getctu(ctuKey,row,wConfig,option)">
					</div>

					<div add-c-t-e-form-pop-up="" data-ng-init="cteCall($form)"></div>
				</div>
			</xsl:when>
			<xsl:when test="@type='CMSPlayer'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div data-ng-controller="dynamicComponentController">
					<xsl:variable name="title" select="Layout/Title"></xsl:variable>
					<xsl:if test="$title != ''">
						<div class="portlet-header  headbox top-3" style="margin-bottom: 5px">
							<xsl:variable name="callForm">
								<xsl:choose>
									<xsl:when test="Layout/CTA/Button">
										callgetDynamicform();
									</xsl:when>
								</xsl:choose>
							</xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>

							<xsl:variable name="wconfig">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>Key:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@key"/>
								<xsl:text>',</xsl:text>
								<xsl:text>BlockType:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$Type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>DateFormat:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$DateFormat"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>
							<!--<i class="{$icon} faicon pad0" ></i>
              <xsl:value-of select="Layout/Title"/>-->
							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive=""  title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="initiateRefreshButton();{$callForm}">
									<i class=" {$refresh} faRefresh"></i>
								</a>
							</span>
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
							</xsl:call-template>
						</div>
					</xsl:if>

					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController" class="ctaLaout">
									<div cta-Directive="" get-C-T-A-Pop-Up="getCTAPopUp(config)" class="portlet portlet-boxed hite100" form="form"
														 hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()" on-change-dropdown="onChangeDropdown(index)"  tags="tags" meta="meta" spiner="spiner" get-link-meta="getLinkMeta(url)"
														 style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="mask maskCustome"  style="position: fixed;" data-ng-show="sActive">
						<i class="fa fa-spinner fa-spin mask-loader spincustome"></i>
					</div>
					<div  cmsplayer-directive="" w-config="wConfig" value="value" >
						<xsl:attribute name="w-config">
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:attribute>
						<xsl:attribute name="init-call">
							<xsl:text>getControlsCall(</xsl:text>
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>)</xsl:text>
						</xsl:attribute>
					</div>
				</div>
			</xsl:when>

			<xsl:when test="@type='cust-3e23b90d'">
				<xsl:variable name="form" >
					<xsl:text>{</xsl:text>
					<xsl:apply-templates select="$Form"/>
					<xsl:text>}</xsl:text>
				</xsl:variable>
				<div data-ng-controller="3e23b90dController">
					<xsl:variable name="title" select="Layout/Title"></xsl:variable>
					<xsl:if test="$title != ''">
						<div class="portlet-header  headbox top-3" style="margin-bottom: 5px">
							<xsl:variable name="callForm">
								<xsl:choose>
									<xsl:when test="Layout/CTA/Button">
										callgetDynamicform();
									</xsl:when>
								</xsl:choose>
							</xsl:variable>
							<xsl:variable name="refresh" select="Layout/Title/@refresh"></xsl:variable>
							<xsl:variable name="icon" select="Layout/Title/@icon"></xsl:variable>

							<xsl:variable name="wconfig">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>Key:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="@key"/>
								<xsl:text>',</xsl:text>
								<xsl:text>BlockType:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$Type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>DateFormat:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$DateFormat"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="*"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>
							<!--<i class="{$icon} faicon pad0" ></i>
              <xsl:value-of select="Layout/Title"/>-->
							<span data-ng-controller="dynamicComponentController" >
								<span  widget-header-directive=""  title="title" refresh="refresh" icon="icon" data-ng-init="getHeaderValue('{$title}','{$icon}','widgetheader')"  >
								</span>
							</span>
							<span class="refreshHidden">
								<a href="" data-ng-click="initiateRefreshButton();{$callForm}">
									<i class=" {$refresh} faRefresh"></i>
								</a>
							</span>
							<xsl:call-template name="CTAButton">
								<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
								<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
								<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
								<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
								<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
								<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
								<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
								<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
								<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
								<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
								<xsl:with-param name="CTAWidget" select="Widget"></xsl:with-param>
								<xsl:with-param name="Forms" select="$form"></xsl:with-param>
								<xsl:with-param name="WConfig" select="$wconfig"></xsl:with-param>
							</xsl:call-template>
						</div>
					</xsl:if>

					<xsl:for-each select="Widget[@type='CTA']">
						<div class="portlet-header headbox" ng-show="'{CTAButton}' == CurrentCTA" >
							<div class="hite100 " >
								<div id="ctaController"  data-ng-controller="ctaController" class="ctaLaout">
									<div cta-Directive="" get-C-T-A-Pop-Up="getCTAPopUp(config)" class="portlet portlet-boxed hite100" form="form"
														 hide-waiting-indicator="hideWaitingIndicator" add-task="addTask()" on-change-dropdown="onChangeDropdown(index)"  tags="tags" meta="meta" spiner="spiner" get-link-meta="getLinkMeta(url)"
														 style="background-color: #fff;padding:10px;margin:0px;">
										<xsl:attribute name="w-config">
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="init-call">
											<xsl:text>getDynamicControl(</xsl:text>
											<xsl:text>{</xsl:text>
											<xsl:text>Widget:{</xsl:text>
											<xsl:text>Type:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="Widget/@type"/>
											<xsl:text>',</xsl:text>
											<xsl:text>DateFormat:</xsl:text>
											<xsl:text>'</xsl:text>
											<xsl:value-of select="$DateFormat"/>
											<xsl:text>',</xsl:text>
											<xsl:apply-templates select="*"/>
											<xsl:text>}</xsl:text>
											<xsl:text>}</xsl:text>
											<xsl:text>)</xsl:text>
										</xsl:attribute>
									</div>
								</div>
							</div>
						</div>
					</xsl:for-each>
					<div class="mask maskCustome"  style="position: fixed;" data-ng-show="sActive">
						<i class="fa fa-spinner fa-spin mask-loader spincustome"></i>
					</div>
					<div  cust3e23b90d-directive="" wconfig="wConfig" goalbar="goalbar" cards="cards" summarybar="summarybar"
						  datepicker="datepicker"  set-date-tab="setDateTab(tab)">
						<xsl:attribute name="init-call">
							<xsl:text>initCall(</xsl:text>
							<xsl:text>{</xsl:text>
							<xsl:text>Widget:{</xsl:text>
							<xsl:text>Type:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@type"/>
							<xsl:text>',</xsl:text>
							<xsl:text>SourceType:'</xsl:text>
							<xsl:value-of select="SourceType"/>
							<xsl:text>',</xsl:text>
							<xsl:apply-templates select="*"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>)</xsl:text>
						</xsl:attribute>
					</div>
				</div>
			</xsl:when>
			
			
		</xsl:choose>


	</xsl:template>

	<xsl:template match="Block">

		<xsl:variable name="margin">
			<xsl:choose>
				<xsl:when test="Margin/@bottom">
					<xsl:text>margin-bottom:</xsl:text>
					<xsl:value-of select="Margin/@bottom"/>
				</xsl:when>
			</xsl:choose>
		</xsl:variable>

		<xsl:variable name="padding">
			<xsl:choose>
				<xsl:when test="Padding/@right and Padding/@left and Padding/@top">
					<xsl:text>padding-right:</xsl:text>
					<xsl:value-of select="Padding/@right"/>
					<xsl:text>;</xsl:text>
					<xsl:text>padding-left:</xsl:text>
					<xsl:value-of select="Padding/@left"/>
					<xsl:text>;</xsl:text>
					<xsl:text>padding-top:</xsl:text>
					<xsl:value-of select="Padding/@top"/>
					<xsl:text>;</xsl:text>
				</xsl:when>
				<xsl:when test="Padding/@right and Padding/@left">
					<xsl:text>padding-right:</xsl:text>
					<xsl:value-of select="Padding/@right"/>
					<xsl:text>;</xsl:text>
					<xsl:text>padding-left:</xsl:text>
					<xsl:value-of select="Padding/@left"/>
					<xsl:text>;</xsl:text>
				</xsl:when>
				<xsl:when test="Padding/@right">
					<xsl:text>padding-right:</xsl:text>
					<xsl:value-of select="Padding/@right"/>
					<xsl:text>;</xsl:text>
				</xsl:when>
				<xsl:when test="Padding/@left">
					<xsl:text>padding-left:</xsl:text>
					<xsl:value-of select="Padding/@left"/>
					<xsl:text>;</xsl:text>
				</xsl:when>
			</xsl:choose>
		</xsl:variable>

		<xsl:choose>
			<xsl:when test="Type='FreeFlow'">
				<div class="WidgetFreeFlow admindash BlockPadding" style="display:table-cell;float:left;padding:15px;">
					<div class="BlockMargin">
						<xsl:apply-templates select="Widget"/>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="Type='OneSixth'">
				<xsl:variable name="visibility" >
					<xsl:choose>
						<xsl:when test="Format ='Hidden'">
							<xsl:value-of select="'visibility:hidden;height:0px;width:0px'"/>
						</xsl:when>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="Type">
					<xsl:value-of select="Type"/>
				</xsl:variable>
				<xsl:variable name="DataValueCSS" >
					<xsl:choose>
						<xsl:when test="Widget/@type = 'DataValue'">
							<xsl:value-of select="'quaterboxwgt'"/>
						</xsl:when>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="bgwgtColor">
					<xsl:choose>
						<xsl:when test="Widget/@backbgwidgetcolor != ''">
							<xsl:value-of select="Widget/@backbgwidgetcolor"/>
						</xsl:when>
						<xsl:otherwise>
							<xsl:value-of select="'#ffffff'"/>
						</xsl:otherwise>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="templateCSS">
					<xsl:if test="Widget/@template">
						<xsl:text> dt-template-</xsl:text><xsl:value-of select="Widget/@template"/>
					</xsl:if>
				</xsl:variable>
				<div class="col-md-2 col-sm-6  col-xs-12  equalheight WidgetOneSixth BlockPadding Width100" style="{$padding} ; {$visibility}; padding-top:2px">
					<div class="portlet portlet-boxed hite100 hiteouterbox Border0 BlockMargin {$DataValueCSS}{$templateCSS}" style="background-color:{$bgwgtColor};{$margin}">
						<xsl:apply-templates select="Widget">
							<xsl:with-param name="Type" select ="$Type"></xsl:with-param>
						</xsl:apply-templates>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="Type='OneFourth'">
				<xsl:variable name="visibility" >
					<xsl:choose>
						<xsl:when test="Format ='Hidden'">
							<xsl:value-of select="'visibility:hidden;height:0px;width:0px'"/>
						</xsl:when>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="Type">
					<xsl:value-of select="Type"/>
				</xsl:variable>
				<xsl:variable name="Key" >
					<xsl:choose>
						<xsl:when test="@key != ''">
							<xsl:value-of select="@key"/>
						</xsl:when>
						<xsl:when test="Widget/@key != ''">
							<xsl:value-of select="Widget/@key"/>
						</xsl:when>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="DataValueCSS" >
					<xsl:choose>
						<xsl:when test="Widget/@type = 'DataValue'">
							<xsl:value-of select="'quaterboxwgt'"/>
						</xsl:when>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="bgwgtColor">
					<xsl:choose>
						<xsl:when test="Widget/@backbgwidgetcolor != ''">
							<xsl:value-of select="Widget/@backbgwidgetcolor"/>
						</xsl:when>
						<xsl:otherwise>
							<xsl:value-of select="'#ffffff'"/>
						</xsl:otherwise>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="templateCSS">
					<xsl:if test="Widget/@template">
						<xsl:text> dt-template-</xsl:text><xsl:value-of select="Widget/@template"/>
					</xsl:if>
				</xsl:variable>
				<div id="{$Key}" class="col-md-3 col-sm-6 col-xs-12 equalheight WidgetOneFourth BlockPadding" style="{$padding}; {$visibility}; padding-top:2px">
					<div class="portlet portlet-boxed hite100 hiteouterbox HB-center BlockMargin {$DataValueCSS}{$templateCSS}" style="background-color:{$bgwgtColor};{$margin}">
						<xsl:apply-templates select="Widget">
							<xsl:with-param name="Type" select ="$Type"></xsl:with-param>
						</xsl:apply-templates>
					</div>
				</div>
				<!--Hidden right icon-->
				<div id="rightArrowBtn{$Key}" data-ng-controller="cteController" class="WidgetFreeFlow admindash" style="display:table-cell;float:left;padding:11px;display:none;">
					<span  type="button" style="" data-ng-click="getWidgetShowHide('showdt', 'a', '', $Key)"
							 data-ng-class="bclass" class="btn btn-default">
						<i>
							<xsl:attribute name="class">
								<xsl:choose>
									<xsl:when test="Widget/@oncollapseicon != ''">
										<xsl:value-of select="Widget/@oncollapseicon"/>
									</xsl:when>
									<xsl:otherwise>
										<xsl:text>fa-solid fa-arrow-right-to-line</xsl:text>
									</xsl:otherwise>
								</xsl:choose>
							</xsl:attribute>
						</i>

					</span>
				</div>
				<xsl:if test="Widget/@onloadcollapse = 'true'">
					<xsl:variable name="callfunction">
						<xsl:text>getWidgetShowHide(</xsl:text>
						'onloadhidden'
						<xsl:text>,</xsl:text>
						'<xsl:value-of select="$Key"/>'
						<xsl:text>,</xsl:text>
						''
						<xsl:text>,</xsl:text>
						''
						<xsl:text>)</xsl:text>
					</xsl:variable>
					<div data-ng-controller="cteController">
						<span data-ng-init="{$callfunction};"></span>
					</div>
				</xsl:if>
			</xsl:when>
			<xsl:when test="Type='OneThird'">
				<xsl:variable name="visibilityValue">
					<xsl:value-of select="@visibility"/>
				</xsl:variable>
				<xsl:variable name="visibility" >
					<xsl:choose>
						<xsl:when test="Format ='Hidden' or $visibilityValue = 'hidden'">
							<xsl:value-of select="'visibility:hidden;height:0px;width:0px'"/>
						</xsl:when>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="Type">
					<xsl:value-of select="Type"/>
				</xsl:variable>
				<xsl:variable name="Key" >
					<xsl:choose>
						<xsl:when test="@key != ''">
							<xsl:value-of select="@key"/>
						</xsl:when>
						<xsl:when test="Widget/@key != ''">
							<xsl:value-of select="Widget/@key"/>
						</xsl:when>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="bgwgtColor" >
					<xsl:choose>
						<xsl:when test="Widget/@backbgwidgetcolor != ''">
							<xsl:value-of select="Widget/@backbgwidgetcolor"/>
						</xsl:when>
						<xsl:otherwise>
							<xsl:value-of select="'#ffffff'"/>
						</xsl:otherwise>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="templateCSS">
					<xsl:if test="Widget/@template">
						<xsl:text> dt-template-</xsl:text><xsl:value-of select="Widget/@template"/>
					</xsl:if>
				</xsl:variable>
				<div id="{$Key}" class="col-md-4 col-sm-4 col-xs-12 equalheight numbersOneThird WidgetOneThird BlockPadding" style="{$padding};  {$visibility}; padding-top:2px">
					<div class="portlet portlet-boxed hite100 hiteouterbox BlockMargin{$templateCSS}" style="background-color:{$bgwgtColor};{$margin}">
						<xsl:if test="Format ='Hidden' or $visibilityValue = 'hidden'">
							<script type="text/ng-template" id="{$Key}" class="{$Type}">
								<div class="fixedPopUpWid portlet-boxed">
									<div class="p-5 wgtPopup-Header" data-ng-controller="dynamicComponentController">
										<span class="close-btn">
											<button  type="button" style="font-size:13px" class="close"  data-ng-click="closeMyPopup($ctrl,popUpInstace)">
												<i class="fas fa-close"></i>
											</button>
										</span>
									</div>
									<xsl:apply-templates select="Widget">
										<xsl:with-param name="Type" select ="$Type"></xsl:with-param>
									</xsl:apply-templates>
								</div>
							</script>
						</xsl:if>
						<xsl:if test="$visibilityValue !='hidden'">
							<xsl:apply-templates select="Widget">
								<xsl:with-param name="Type" select ="$Type"></xsl:with-param>
							</xsl:apply-templates>
						</xsl:if>
					</div>
				</div>
				<!--Hidden right icon-->
				<div id="rightArrowBtn{$Key}" data-ng-controller="cteController" class="WidgetFreeFlow admindash" style="display:table-cell;float:left;padding:11px;display:none;">
					<span  type="button" style="" data-ng-click="getWidgetShowHide('showdt', 'a', '', $Key)"
							 data-ng-class="bclass" class="btn btn-default">
						<i>
							<xsl:attribute name="class">
								<xsl:choose>
									<xsl:when test="Widget/@oncollapseicon != ''">
										<xsl:value-of select="Widget/@oncollapseicon"/>
									</xsl:when>
									<xsl:otherwise>
										<xsl:text>fa-solid fa-arrow-right-to-line</xsl:text>
									</xsl:otherwise>
								</xsl:choose>
							</xsl:attribute>
						</i>
					</span>
				</div>
				<xsl:if test="Widget/@onloadcollapse = 'true'">
					<xsl:variable name="callfunction">
						<xsl:text>getWidgetShowHide(</xsl:text>
						'onloadhidden'
						<xsl:text>,</xsl:text>
						'<xsl:value-of select="$Key"/>'
						<xsl:text>,</xsl:text>
						''
						<xsl:text>,</xsl:text>
						''
						<xsl:text>)</xsl:text>
					</xsl:variable>
					<div data-ng-controller="cteController">
						<span data-ng-init="{$callfunction};"></span>
					</div>
				</xsl:if>

			</xsl:when>
			<xsl:when test="Type='TwoThird'">
				<xsl:variable name="visibilityValue">
					<xsl:value-of select="@visibility"/>
				</xsl:variable>
				<xsl:variable name="visibility" >
					<xsl:choose>
						<xsl:when test="Format ='Hidden' or $visibilityValue = 'hidden'">
							<xsl:value-of select="'visibility:hidden;height:0px;width:0px'"/>
						</xsl:when>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="Type">
					<xsl:value-of select="Type"/>
				</xsl:variable>
				<xsl:variable name="Key" >
					<xsl:choose>
						<xsl:when test="@key != ''">
							<xsl:value-of select="@key"/>
						</xsl:when>
						<xsl:when test="Widget/@key != ''">
							<xsl:value-of select="Widget/@key"/>
						</xsl:when>
						<xsl:otherwise>
							<xsl:value-of select="Widget/@type"/>
							<xsl:value-of select="position()"/>
						</xsl:otherwise>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="templateCSS">
					<xsl:if test="Widget/@template">
						<xsl:text> dt-template-</xsl:text><xsl:value-of select="Widget/@template"/>
					</xsl:if>
				</xsl:variable>
				<div id="{$Key}" class="col-md-8 col-sm-8  col-xs-12  equalheight WidgeTwoThird BlockPadding" style="{$padding}; {$visibility}; padding-top:2px">
					<div class="portlet portlet-boxed hite100 hiteouterbox BlockMargin{$templateCSS}" style="background-color:#ffffff;{$margin}">
						<xsl:if test="Format ='Hidden' or $visibilityValue = 'hidden'">
							<script type="text/ng-template" id="{$Key}" class="{$Type}">
								<div class="fixedPopUpWid portlet-boxed">
									<div class="p-5 wgtPopup-Header" data-ng-controller="dynamicComponentController">
										<span class="close-btn">
											<button  type="button" style="font-size:13px" class="close"  data-ng-click="closeMyPopup($ctrl,popUpInstace)">
												<i class="fas fa-close"></i>
											</button>
										</span>
									</div>
									<xsl:apply-templates select="Widget">
										<xsl:with-param name="Type" select ="$Type"></xsl:with-param>
									</xsl:apply-templates>
								</div>
							</script>
						</xsl:if>
						<xsl:if test="$visibilityValue !='hidden'">
							<xsl:apply-templates select="Widget">
								<xsl:with-param name="Type" select ="$Type"></xsl:with-param>
							</xsl:apply-templates>
						</xsl:if>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="Type='Half'">
				<xsl:variable name="visibilityValue">
					<xsl:value-of select="@visibility"/>
				</xsl:variable>
				<xsl:variable name="visibility" >
					<xsl:choose>
						<xsl:when test="Format ='Hidden' or $visibilityValue = 'hidden'">
							<xsl:value-of select="'visibility:hidden;height:0px;width:0px;position: absolute;'"/>
						</xsl:when>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="Type">
					<xsl:value-of select="Type"/>
				</xsl:variable>
				<xsl:variable name="Key" >
					<xsl:choose>
						<xsl:when test="@key != ''">
							<xsl:value-of select="@key"/>
						</xsl:when>
						<xsl:when test="Widget/@key != ''">
							<xsl:value-of select="Widget/@key"/>
						</xsl:when>
						<xsl:otherwise>
							<xsl:value-of select="Widget/@type"/>
							<xsl:value-of select="position()"/>
						</xsl:otherwise>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="templateCSS">
					<xsl:if test="Widget/@template">
						<xsl:text> dt-template-</xsl:text><xsl:value-of select="Widget/@template"/>
					</xsl:if>
				</xsl:variable>
				<div id="{$Key}" class="col-md-6 col-sm-6 col-xs-12 equalheight WidgetHalf BlockPadding" style="{$padding}; {$visibility} ;padding-top:2px">
					<div class="portlet portlet-boxed  hite100 hiteouterbox BlockMargin{$templateCSS}" style="background-color:#ffffff;{$margin}">
						<xsl:if test="Format ='Hidden' or $visibilityValue = 'hidden'">
							<script type="text/ng-template" id="{$Key}" class="{$Type}">
								<div class="fixedPopUpWid portlet-boxed">
									<div class="p-5 wgtPopup-Header" data-ng-controller="dynamicComponentController">
										<span class="close-btn">
											<button  type="button" style="font-size:13px" class="close"  data-ng-click="closeMyPopup($ctrl,popUpInstace)">
												<i class="fas fa-close"></i>
											</button>
										</span>
									</div>
									<xsl:apply-templates select="Widget">
										<xsl:with-param name="Type" select ="$Type"></xsl:with-param>
									</xsl:apply-templates>
								</div>
							</script>
						</xsl:if>
						<xsl:if test="$visibilityValue !='hidden'">
							<xsl:apply-templates select="Widget">
								<xsl:with-param name="Type" select ="$Type"></xsl:with-param>
							</xsl:apply-templates>
						</xsl:if>
					</div>
				</div>
			</xsl:when>
			<xsl:when test="Type='Full'">
				<xsl:variable name="visibilityValue">
					<xsl:value-of select="@visibility"/>
				</xsl:variable>
				<xsl:variable name="visibility" >
					<xsl:choose>
						<xsl:when test="Format ='Hidden' or $visibilityValue = 'hidden'">
							<xsl:value-of select="'visibility:hidden;height:0px;width:0px'"/>
						</xsl:when>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="Type">
					<xsl:value-of select="Type"/>
				</xsl:variable>
				<xsl:variable name="Key" >
					<xsl:choose>
						<xsl:when test="@key != ''">
							<xsl:value-of select="@key"/>
						</xsl:when>
						<xsl:when test="Widget/@key != ''">
							<xsl:value-of select="Widget/@key"/>
						</xsl:when>
						<xsl:otherwise>
							<xsl:value-of select="Widget/@type"/>
							<xsl:value-of select="position()"/>
						</xsl:otherwise>
					</xsl:choose>
				</xsl:variable>
				<xsl:variable name="templateCSS">
					<xsl:if test="Widget/@template">
						<xsl:text> dt-template-</xsl:text><xsl:value-of select="Widget/@template"/>
					</xsl:if>
				</xsl:variable>
				<div id="{$Key}" class="col-md-12 col-sm-12 col-xs-12 equalheight WidgetFull BlockPadding" style="{$padding}; {$visibility}; padding-top:2px">
					<div class="portlet portlet-boxed hite100 hiteouterbox BlockMargin{$templateCSS}" style="background-color:#ffffff;{$margin}">
						<xsl:if test="Format ='Hidden' or $visibilityValue = 'hidden'">
							<script type="text/ng-template" id="{$Key}" class="{$Type}">
								<div class="fixedPopUpWid portlet-boxed">
									<div class="p-5 wgtPopup-Header" data-ng-controller="dynamicComponentController">
										<span class="close-btn">
											<button  type="button" style="font-size:13px" class="close"  data-ng-click="closeMyPopup($ctrl,popUpInstace)">
												<i class="fas fa-close"></i>
											</button>
										</span>
									</div>
									<xsl:apply-templates select="Widget">
										<xsl:with-param name="Type" select ="$Type"></xsl:with-param>
									</xsl:apply-templates>
								</div>
							</script>
						</xsl:if>
						<xsl:if test="$visibilityValue !='hidden'">
							<xsl:apply-templates select="Widget">
								<xsl:with-param name="Type" select ="$Type"></xsl:with-param>
							</xsl:apply-templates>
						</xsl:if>
					</div>
				</div>
			</xsl:when>
		</xsl:choose>
	</xsl:template>


	<!-- Object or Element Property-->
	<xsl:template match="*">
		<xsl:value-of select="name()"/> :<xsl:call-template name="Properties">
			<xsl:with-param name="parent" select="'Yes'"> </xsl:with-param>
		</xsl:call-template>
	</xsl:template>

	<!-- Array Element -->
	<xsl:template match="*" mode="ArrayElement">
		<xsl:call-template name="Properties"/>
	</xsl:template>

	<!-- Object Properties -->
	<xsl:template name="Properties">
		<xsl:param name="parent"></xsl:param>
		<xsl:variable name="childName" select="name(*[1])"/>
		<xsl:choose>
			<xsl:when test="not(*|@*)">
				<xsl:choose>
					<xsl:when test="$parent='Yes'">
						<xsl:text>'</xsl:text>
						<xsl:value-of select="."/>
						<xsl:text>'</xsl:text>
					</xsl:when>
					<xsl:otherwise>
						<xsl:value-of select="name()"/>:'<xsl:value-of  select="."/>'
					</xsl:otherwise>
				</xsl:choose>
			</xsl:when>
			<xsl:when test="count(*[name()=$childName]) > 1">
				<xsl:text>{</xsl:text>
				<xsl:value-of  select="$childName"/>
				<xsl:text>:</xsl:text>
				<xsl:text>[</xsl:text>
				<xsl:apply-templates select="*" mode="ArrayElement"/>
				<xsl:text>]</xsl:text>
				<xsl:text>}</xsl:text>
			</xsl:when>
			<xsl:otherwise>
				<xsl:text>{</xsl:text>
				<xsl:apply-templates select="@*"/>
				<xsl:apply-templates select="*"/>
				<xsl:text>}</xsl:text>
			</xsl:otherwise>
		</xsl:choose>
		<xsl:if test="following-sibling::*">
			<xsl:text>,</xsl:text>
		</xsl:if>
	</xsl:template>

	<!-- Attribute Property -->
	<xsl:template match="@*">
		<xsl:value-of select="name()"/>
		<xsl:text>:</xsl:text>
		<xsl:text>'</xsl:text>
		<xsl:value-of select="."></xsl:value-of>
		<xsl:text>'</xsl:text>
		<xsl:text>,</xsl:text>
	</xsl:template>

	<!--CTA Dashboard-->
	<xsl:template name="CTAButton">
		<xsl:param name="Layout" select="'N/A'"></xsl:param>
		<xsl:param name="MasterPermissionID" select="'N/A'"></xsl:param>
		<xsl:param name="PermissionID" select="'N/A'"></xsl:param>
		<xsl:param name="ScopePermissionId" select="'N/A'"></xsl:param>
		<xsl:param name="ScopeLevel" select="'N/A'"></xsl:param>
		<xsl:param name="Settings" select="'N/A'"></xsl:param>
		<xsl:param name="PortalItemID" select="'N/A'"></xsl:param>
		<xsl:param name="CurrentModule" select="'N/A'"></xsl:param>
		<xsl:param name="MasterPortalItemID" select="'N/A'"></xsl:param>
		<xsl:param name="CurrentUserID" select="'N/A'"></xsl:param>
		<xsl:param name="Profiletabs" select="'N/A'"></xsl:param>
		<xsl:param name="CTAWidget" select="'N/A'"></xsl:param>
		<xsl:param name="Forms" select="'N/A'"></xsl:param>
		<xsl:param name="WConfig" select="'N/A'"></xsl:param>


		<xsl:for-each select="$Layout/CTA/Button">

			<xsl:variable name="btnRequired" select="Required"></xsl:variable>
			<xsl:variable name="pos" select="position()" />

			<xsl:if test="SecurityLevel/Level[
			  (@value = $MasterPermissionID and @scope = '0')  
			  or 
			  (@value=$PermissionID and (not(@scope) or @scope != '0')) 
			  or 
			  (@value = $ScopePermissionId and $ScopeLevel = -1) ] or not(SecurityLevel)">
				<xsl:variable name="class">
					<xsl:choose>
						<xsl:when test="@class!=''">
							<xsl:value-of select="@class"/>
						</xsl:when>
						<xsl:otherwise>
							btn btn-primary
						</xsl:otherwise>
					</xsl:choose>
				</xsl:variable>

				<!--<xsl:choose>
									<xsl:when test="Required[text()]">
										<button type="button" class="{$class} M-5" style="float:right;margin-right:5px;" ng-model="CurrentCTA"
												ng-click="CurrentCTA=CurrentCTA == '{@type}'?'':'{@type}'"
												ng-hide="publicFilter['{$btnRequired}'] == null">
											<xsl:value-of select="@value"/>
										</button>
									</xsl:when>
									<xsl:otherwise>
										<button type="button" class="{$class}" style="float:right;margin-right:5px;" ng-model="CurrentCTA"
												ng-click="CurrentCTA=CurrentCTA == '{@type}'?'':'{@type}'">
											<xsl:value-of select="@value"/>
										</button>
									</xsl:otherwise>
								</xsl:choose>-->
				<xsl:choose>
					<xsl:when test="@type='CTASidebar' and @key ='CRMOpportunity'">
						<span data-ng-controller="ctaController">
							<span cta-opportunity-button-directive=""
															add-opportunity="addOpportunity(filterfield)" field="{@refreshfilter}" cta-type="{@type}"
														public-filter="publicFilter" value="{@value}" icon="{@icon}"
														bclass="{$class} M-5"></span>
						</span>
					</xsl:when>
					<xsl:when test="@type ='AddOpportunity'">
						<span data-ng-controller="ctaController">
							<span cta-opportunity-button-directive=""
															add-opportunity="addOpportunity(filterfield)" field="{@refreshfilter}" cta-type="{@type}"
														public-filter="publicFilter" value="{@value}" icon="{@icon}"
														bclass="{$class} M-5"></span>
						</span>
					</xsl:when>
					<xsl:when test="@type='CTADashboard'">
						<xsl:variable name="key" select="@key"></xsl:variable>
						<xsl:variable name ="value" select="@value"></xsl:variable>
						<xsl:variable name ="target" select="@target"></xsl:variable>
						<xsl:variable name ="icon" select="@icon"></xsl:variable>
						<xsl:variable name ="params" select="@params"></xsl:variable>
						<xsl:variable name ="popupsize" select="@popupsize"></xsl:variable>
						<xsl:choose>
							<xsl:when test="$target ='popup'">
								<span data-ng-controller="genricController" data-ng-init="onLoadCTAData({$WConfig})" >
									<div data-ng-if="isbottomBtn == true" chat-loader-directive="" data-ng-init="getLoadActionData({$WConfig})" open-dashboard-popup="openDashboardPopup(values)" w-config="WConfig" data="data">
									</div>
									<span data-ng-if="isbottomBtn == false" data-ng-controller="ctaController">
										<span  cta-dashboard-button-directive="" data-ng-init="getParams('{$params}')" params="params"  murllink="murllink" cta-type="{@type}" loadprofile="popup"
																				 open-dashboard-popup="openDashboardPopup(params, key, size)" popupsize="{$popupsize}"	  key="{$key}" target="{$target}" currentmodule="{$CurrentModule}" masterportalitemid="{$MasterPortalItemID}"
																				  portalitemid="{$PortalItemID}" tabname="{$Settings/Tab/TabName}" currentuser="{$CurrentUserID}"
																				  public-filter="publicFilter" value="{$value}" icon="{$icon}" required-filed="{Required}"
																				  bclass="{$class} M-5"></span>
									</span>
								</span>

							</xsl:when>
							<xsl:otherwise>
								<xsl:if test="@src='mainmenu'">
									<!--<xsl:for-each select="$Settings">
					<xsl:if test="$key = $Settings/Tab/TabName">-->
									<span data-ng-controller="ctaController">
										<span  cta-dashboard-button-directive="" data-ng-init="getParams('{$params}')" params="params" murllink="murllink" cta-type="{@type}" loadprofile="false"
																				  key="{$key}" target="{$target}" currentmodule="{$CurrentModule}" masterportalitemid="{$MasterPortalItemID}"
																			  portalitemid="{$PortalItemID}" tabname="{$Settings/Tab/TabName}"
																			  public-filter="publicFilter" value="{$value}" icon="{$icon}" required-filed="{Required}"
																			  bclass="{$class} M-5"></span>
									</span>
									<!--</xsl:if>
				  </xsl:for-each>-->
								</xsl:if>
								<xsl:if test="@src='profilemenu'">
									<span data-ng-controller="ctaController">
										<span  cta-dashboard-button-directive=""  data-ng-init="getParams('{$params}')" params="params" cta-type="{@type}" key="{$key}" profiletabs="{$Profiletabs}" userprofiletabs="userprofiletabs"
												  loadprofile="true" target="{$target}" currentmodule="{$CurrentModule}" currentuser="{$CurrentUserID}"
												  masterportalitemid="{$MasterPortalItemID}"
												  portalitemid="{$PortalItemID}" tabname="{$Settings/Tab/TabName}"
												  public-filter="publicFilter" value="{$value}" icon="{$icon}" required-filed="{Required}"
												  bclass="{$class} M-5"></span>
									</span>
								</xsl:if>
							</xsl:otherwise>
						</xsl:choose>
					</xsl:when>
					<xsl:when test="@type='CTAForm'">
						<xsl:variable name="key" select="@key"></xsl:variable>
						<span cta-button-Directive="" next-click="nextClick()"  current-c-t-a="CurrentCTA" cta-type="{@type}" key="{$key}"
													public-filter="publicFilter" value="{@value}" icon="{@icon}" required-filed="{Required}"
													bclass="{$class} M-5"></span>
					</xsl:when>
					<xsl:when test="@destination='modal'">
						<xsl:variable name="key" select="@type"></xsl:variable>
						<xsl:choose>
							<xsl:when test="@type = 'CTADataX'">
								<xsl:variable name="wctaconfig">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$CTAWidget[CTAButton=$key]/@type"/>
									<xsl:text>',</xsl:text>
									<xsl:text>class:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$CTAWidget[CTAButton=$key]/class"/>
									<xsl:text>',</xsl:text>
									<xsl:text>apikey:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$CTAWidget[CTAButton=$key]/apikey"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="$CTAWidget[CTAButton=$key]/Layout/."/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:variable>
								<xsl:variable name="ctabutton" >
									<xsl:text>{</xsl:text>
									<xsl:text>CTAButton:{</xsl:text>
									<xsl:apply-templates select="$Layout/CTA/Button"/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:variable>
								<xsl:variable name="callCTAfunction">
									<xsl:text>getCTAPopUp({config:</xsl:text>
									<xsl:value-of  select="$wctaconfig"/>
									<xsl:text>}</xsl:text>
									<xsl:text>,</xsl:text>
									<xsl:value-of select="$ctabutton"/>
									<xsl:text>)</xsl:text>
								</xsl:variable>
								<span data-ng-controller="ctaController">
									<span  cta-pop-up-button-directive=""  data-ng-click="{$callCTAfunction}"  get-C-T-A-Pop-Up="getCTAPopUp(config)"  cta-type="{@type}" key="{$key}"
										   public-filter="publicFilter" value="{@value}" icon="{@icon}" required-filed="{Required}"
										   bclass="{$class} M-5 CtaModal"  data-ng-show="ischildactive"></span>
								</span>
							</xsl:when>
							<xsl:otherwise>
								<xsl:variable name="wconfig">
									<xsl:text>{</xsl:text>
									<xsl:text>Widget:{</xsl:text>
									<xsl:text>Type:</xsl:text>
									<xsl:text>'</xsl:text>
									<xsl:value-of select="$Layout/Widget[CTAButton=$key]/@type"/>
									<xsl:text>',</xsl:text>
									<xsl:apply-templates select="$Layout/Widget[CTAButton=$key]/Layout/."/>
									<xsl:text>}</xsl:text>
									<xsl:text>}</xsl:text>
								</xsl:variable>
								<xsl:variable name="callfunction">
									<xsl:text>getCTAPopUp({config:</xsl:text>
									<xsl:value-of select="$wconfig"/>
									<xsl:text>})</xsl:text>

								</xsl:variable>
								<span cta-pop-up-button-directive="" data-ng-click="{$callfunction}"   cta-type="{@type}" key="{$key}"
									   public-filter="publicFilter" value="{@value}" icon="{@icon}" required-filed="{Required}"
									   bclass="{$class} M-5"  data-ng-show="ischildactive">
								</span>
							</xsl:otherwise>
						</xsl:choose>
					</xsl:when>
					<xsl:when test="@destination='CTAModal'">
						<xsl:variable name="key" select="@type"></xsl:variable>
						<!--<xsl:value-of select="$key"/>-->
						<xsl:if  test="not($CTAWidget = 'N/A')">
							<xsl:variable name="ctabutton" >
								<xsl:text>{</xsl:text>
								<xsl:text>CTAButton:{</xsl:text>
								<xsl:apply-templates select="$Layout/CTA"/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>
							<xsl:variable name="wconfig">
								<xsl:text>{</xsl:text>
								<xsl:text>Widget:{</xsl:text>
								<xsl:text>Type:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$CTAWidget[CTAButton=$key]/@type"/>
								<xsl:text>',</xsl:text>
								<xsl:text>class:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$CTAWidget[CTAButton=$key]/class"/>
								<xsl:text>',</xsl:text>
								<xsl:text>apikey:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$CTAWidget[CTAButton=$key]/apikey"/>
								<xsl:text>',</xsl:text>
								<xsl:text>CloseAfterAddYN:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$CTAWidget[CTAButton=$key]/CloseAfterAddYN"/>
								<xsl:text>',</xsl:text>
								<xsl:text>WorksheetPlayer:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$CTAWidget[CTAButton=$key]/WorksheetPlayer"/>
								<xsl:text>',</xsl:text>
								<xsl:text>CTAButton:</xsl:text>
								<xsl:text>'</xsl:text>
								<xsl:value-of select="$CTAWidget[CTAButton=$key]/CTAButton"/>
								<xsl:text>',</xsl:text>
								<xsl:apply-templates select="$CTAWidget[CTAButton=$key]/Layout/."/>
								<xsl:text>}</xsl:text>
								<xsl:text>}</xsl:text>
							</xsl:variable>
							<!--<xsl:copy-of select="$wconfig"/>-->
							<xsl:variable name="callfunction">
								<xsl:text>getCTAPopUp({config:</xsl:text>
								<xsl:value-of select="$wconfig"/>
								<xsl:text>}</xsl:text>
								<xsl:text>,</xsl:text>
								<xsl:value-of select="$ctabutton"/>
								<xsl:text>)</xsl:text>
							</xsl:variable>

							<span data-ng-controller="ctaController">
								<span cta-pop-up-button-directive="" data-ng-click="{$callfunction}"  get-C-T-A-Pop-Up="getCTAPopUp(config)"  cta-type="{@type}" key="{$key}"
									   public-filter="publicFilter" value="{@value}" icon="{@icon}" required-filed="{Required}"
									   bclass="{$class} M-5"  data-ng-show="ischildactive">
								</span>
							</span>

						</xsl:if>
					</xsl:when>
					<xsl:when test="@type='CTU'">
						<xsl:variable name="key" select="@type"></xsl:variable>
						<xsl:variable name="ctu">
							<xsl:text>{</xsl:text>
							<xsl:text>CTU:{</xsl:text>
							<xsl:text>ctukey:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@ctukey"/>
							<xsl:text>',</xsl:text>
							<xsl:text>popuptitle:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@popuptitle"/>
							<xsl:text>',</xsl:text>
							<xsl:text>text:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@text"/>
							<xsl:text>',</xsl:text>
							<xsl:text>refreshfilter:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@refreshfilter"/>
							<xsl:text>',</xsl:text>
							<xsl:text>autoclose:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@autoclose"/>
							<xsl:text>',</xsl:text>
							<xsl:text>memoryscope:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@memoryscope"/>
							<xsl:text>',</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>
						<!--<xsl:value-of select="$key"/>-->
						<xsl:variable name="ctabutton" >
							<xsl:text>{</xsl:text>
							<xsl:text>CTAButton:{</xsl:text>
							<xsl:apply-templates select="$Layout/CTA"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>
						<xsl:variable name="callfunction">
							<xsl:text>getCTUPopUp({config:</xsl:text>
							<xsl:value-of select="$WConfig"/>
							<xsl:text>}</xsl:text>
							<xsl:text>,</xsl:text>
							<xsl:value-of select="$ctabutton"/>
							<xsl:text>,</xsl:text>
							<xsl:value-of select="$Forms"/>
							<xsl:text>,</xsl:text>
							<xsl:value-of select="$ctu"/>
							<xsl:text>)</xsl:text>
						</xsl:variable>

						<xsl:variable name="isexist" select="Conditional/@check"></xsl:variable>
						<xsl:variable name="conditionalval" select="Conditional"></xsl:variable>
						<span>
							<span  data-ng-controller="cteController">
								<span  ctu-pop-up-button-directive="" data-ng-click="{$callfunction};"  get-C-T-U-Pop-Up="getCTUPopUp(config)"  cta-type="{@type}" key="{$key}"
										public-filter="publicFilter" value="{@value}" icon="{@icon}" required-filed="{Required}"
										bclass="{$class} M-5" child-active="ischildactive" isexist="{$isexist}" conditional="{$conditionalval}">
								</span>
							</span>
						</span>

					</xsl:when>
					<xsl:when test="@type='CTASlide'">
						<xsl:variable name="key" select="@type"></xsl:variable>
						<xsl:variable name="ctu">
							<xsl:text>{</xsl:text>
							<xsl:text>CTU:{</xsl:text>
							<xsl:text>ctukey:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@ctukey"/>
							<xsl:text>',</xsl:text>
							<xsl:text>popuptitle:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@popuptitle"/>
							<xsl:text>',</xsl:text>
							<xsl:text>text:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@text"/>
							<xsl:text>',</xsl:text>
							<xsl:text>refreshfilter:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@refreshfilter"/>
							<xsl:text>',</xsl:text>
							<xsl:text>autoclose:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@autoclose"/>
							<xsl:text>',</xsl:text>
							<xsl:text>key:</xsl:text>
							<xsl:text>'</xsl:text>
							<xsl:value-of select="@key"/>
							<xsl:text>',</xsl:text>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>
						<!--<xsl:value-of select="$key"/>-->
						<xsl:variable name="ctabutton" >
							<xsl:text>{</xsl:text>
							<xsl:text>CTAButton:{</xsl:text>
							<xsl:apply-templates select="$Layout/CTA"/>
							<xsl:text>}</xsl:text>
							<xsl:text>}</xsl:text>
						</xsl:variable>
						<xsl:variable name="callfunction">
							<xsl:text>getWidgetShowHide({config:</xsl:text>
							<xsl:value-of select="$WConfig"/>
							<xsl:text>}</xsl:text>
							<xsl:text>,</xsl:text>
							<xsl:value-of select="$ctabutton"/>
							<xsl:text>,</xsl:text>
							<xsl:value-of select="$Forms"/>
							<xsl:text>,</xsl:text>
							<xsl:value-of select="$ctu"/>
							<xsl:text>)</xsl:text>
						</xsl:variable>
						<xsl:variable name="isexist" select="Conditional/@check"></xsl:variable>
						<xsl:variable name="conditionalval" select="Conditional"></xsl:variable>
						<span data-ng-controller="cteController">
							<span  data-ng-controller="cteController">
								<span  ctu-pop-up-button-directive="" data-ng-click="{$callfunction};" get-widget-show-hide="getWidgetShowHide(config)"  get-C-T-U-Pop-Up="getCTUPopUp(config)"  cta-type="{@type}" key="{$key}"
									   public-filter="publicFilter" value="{@value}" icon="{@icon}" required-filed="{Required}"
									   bclass="{$class}" child-active="ischildactive" isexist="{$isexist}" conditional="{$conditionalval}" displaytype="{@displaytype}" >
								</span>
							</span>
						</span>

					</xsl:when>
					<xsl:when test="@type='CTAPopup'">
						<xsl:variable name="key" select="@type"></xsl:variable>
						<xsl:variable name="filter" select="@filterfield"></xsl:variable>
						<span>
							<span  data-ng-controller="dynamicComponentController">
								<span   cta-pop-up-button-directive="" data-ng-click="getGenricFilterdata('{$filter}')"    cta-type="{@type}" key="{$key}"
									   public-filter="publicFilter" value="{@value}" icon="{@icon}" required-filed="{Required}"
									   bclass="{$class} M-5"  data-ng-show="ischildactive">
								</span>
							</span>
						</span>

					</xsl:when>
					<xsl:otherwise>
						<xsl:variable name="key" select="@type"></xsl:variable>
						<span cta-button-Directive="" next-click="nextClick()"  current-c-t-a="CurrentCTA" cta-type="{@type}" key="{$key}"
															public-filter="publicFilter" value="{@value}" icon="{@icon}" required-filed="{Required}"
															bclass="{$class} M-5"  ></span>
					</xsl:otherwise>
				</xsl:choose>

			</xsl:if>
		</xsl:for-each>

	</xsl:template>
	<xsl:template name="BusinessPlanGoal">
		<xsl:param name="ActiveID" select="'N/A'"></xsl:param>
		<xsl:param name="wconfig" select="'N/A'"></xsl:param>
		<xsl:param name="activePostion" select="'N/A'"></xsl:param>
		<div  data-ng-controller="businessplanController" class="btnfonts tab-pane {$activePostion}" role="tabpanel" id="{$ActiveID}">
			<div  business-plan-goal-directive="" target="target" min="min" max="max"  wconfig ="{$wconfig}" topbars="topbars"
						botombars="botombars" sliders="sliders" hdnvalues="hdnvalues" button="button" tophidden="tophidden"
						optionshidden="optionshidden" bottomhidden="bottomhidden"  ng-init="getBusinessPlanGoal({$wconfig})"   description="description" >

			</div>
		</div>


	</xsl:template>
	<xsl:template name="BusinessPlanActivity">
		<xsl:param name="ActiveID" select="'N/A'"></xsl:param>
		<xsl:param name="wconfig" select="'N/A'"></xsl:param>
		<xsl:param name="activePostion" select="'N/A'"></xsl:param>
		<div data-ng-controller="businessplanController"   class="tab-pane {$activePostion}"  role="tabpanel" id="{$ActiveID}">
			<div business-plan-activity-directive=""  next-prev-busi="nextPrevBusi()"  wconfig ="{$wconfig}" target="target" sliders="sliders" hdnvalues="hdnvalues"
					   button="button" topbars="topbars" botombars="botombars" tophidden="tophidden"    optionshidden="optionshidden"     bottomhidden="bottomhidden"
					   ng-init="getBusinessPlanActivity({$wconfig})"  description="description" >

			</div>
		</div>
	</xsl:template>
	<xsl:template name="BusinessPlanSkills">
		<xsl:param name="ActiveID" select="'N/A'"></xsl:param>
		<xsl:param name="wconfig" select="'N/A'"></xsl:param>
		<xsl:param name="activePostion" select="'N/A'"></xsl:param>
		<div data-ng-controller="businessplanController"   class="tab-pane {$activePostion}"  role="tabpanel" id="{$ActiveID}">
			<div business-plan-skills-directive=""  next-prev-busi="nextPrevBusi()"  wconfig ="{$wconfig}" target="target" sliders="sliders" hdnvalues="hdnvalues" button="button" topbars="topbars"
							 botombars="botombars" type="type" questionlist ="questionlist" tophidden="tophidden"    optionshidden="optionshidden"     bottomhidden="bottomhidden" ng-init="getBusinessPlanSkills({$wconfig})"  description="description" >

			</div>
		</div>
	</xsl:template>
	<xsl:template name="BusinessPlanSummary">
		<xsl:param name="ActiveID" select="'N/A'"></xsl:param>
		<xsl:param name="wconfig" select="'N/A'"></xsl:param>
		<xsl:param name="activePostion" select="'N/A'"></xsl:param>
		<div data-ng-controller="businessplanController"   class="tab-pane {$activePostion}"  role="tabpanel" id="{$ActiveID}">
			<div business-plan-summary-directive=""  next-prev-busi="nextPrevBusi()"  wconfig ="{$wconfig}" target="target"   button="button" topbars="topbars" progressbars="progressbars"
					   tophidden="tophidden"   progresshidden="progresshidden" ng-init="getBusinessPlanProgress({$wconfig})"  description="description" >
			</div>
			<xsl:if test="not(contains($activePostion, 'inactive'))" >
				<xsl:call-template name="CTAButton">
					<xsl:with-param name="Layout" select="Layout"></xsl:with-param>
					<xsl:with-param name="MasterPermissionID" select="$MasterPermissionID"></xsl:with-param>
					<xsl:with-param name="PermissionID" select="$PermissionID"></xsl:with-param>
					<xsl:with-param name="ScopePermissionId" select="$ScopePermissionId"></xsl:with-param>
					<xsl:with-param name="ScopeLevel" select="$ScopeLevel"></xsl:with-param>
					<xsl:with-param name="Settings" select="$Settings"></xsl:with-param>
					<xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
					<xsl:with-param name="CurrentModule" select="$CurrentModule"></xsl:with-param>
					<xsl:with-param name="MasterPortalItemID" select="$MasterPortalItemID"></xsl:with-param>
					<xsl:with-param name="CurrentUserID" select="$CurrentUserID"></xsl:with-param>
					<xsl:with-param name="Profiletabs" select="$Profiletabs"></xsl:with-param>
				</xsl:call-template>
			</xsl:if>
		</div>
	</xsl:template>
	<!--Menu DashBoard-->
	<xsl:template name="FilterDropdown">
		<xsl:param name="wconfig" select="'N/A'"></xsl:param>
		<div data-ng-controller="dynamicComponentController" class="PaddingBtm0" style="padding-right:2px;">
			<div filter-dropdown-directive="" ddlist="ddList" hideddl="hideddl" display="displayCol" valuecol="colvalue" defaultselect="defaultselect"  selected="selected" blank="blank" filter01="filter01" filter="filter" filter02="filter02"
												   filter03="filter03" filter04="filter04" filter05="filter05"
												   filter06="filter06" filter07="filter07" filter08="filter08" filter09="filter09" filter10="filter10"
							filter11="filter11" filter12="filter12" filter13="filter13" filter14="filter14" filter15="filter15" filter16="filter16"
							filter17="filter17"  filter18="filter18" filter19="filter19" filter20="filter20"
							pkid="pkid" mode="mode"  masterportalitemid="masterportalitemid" portalitemid="portalitemid"
				            dropdown="dropdown" set-filter-dropdown="setFilterDropdown(ddl)"
				            data-ng-init="getFiterDropdown({$wconfig})">


			</div>
		</div>
	</xsl:template>
	<xsl:template name="FilterStaticDropdown">
		<xsl:param name="wconfig" select="'N/A'"></xsl:param>
		<div data-ng-controller="dynamicComponentController" class="PaddingBtm0" style="padding-right:2px;">
			<div filter-static-dropdown-directive="" ddlist="ddList"  display="displayCol" valuecol="colvalue" defaultselect="defaultselect"  selected="selected" blank="blank" filter01="filter01" filter="filter" filter02="filter02"
												   filter03="filter03" filter04="filter04" filter05="filter05"
												   filter06="filter06" filter07="filter07" filter08="filter08" filter09="filter09" filter10="filter10"
							filter11="filter11" filter12="filter12" filter13="filter13" filter14="filter14" filter15="filter15" filter16="filter16"
							filter17="filter17"  filter18="filter18" filter19="filter19" filter20="filter20"
							pkid="pkid" mode="mode" masterportalitemid="masterportalitemid" portalitemid="portalitemid" data-ng-init="getFiterStaticDropdown({$wconfig})">


			</div>
		</div>
	</xsl:template>
	<xsl:template name="AutoCompleteDropDownRemote">
		<xsl:param name="wconfig" select="'N/A'"></xsl:param>
		<xsl:param name="form" select="'N/A'"></xsl:param>
		<div data-ng-controller="dynamicComponentController" class="PaddingBtm0 autoDropDown" style="padding-right:2px;">
			<div autocomplete-dropdown-directive=""  selected="selected" blank="blank" field="field"
				   data-ng-init="getAutoCompleteDropdown({$wconfig},$form)"
				  search-results="searchResults(field,search)" set-auto-complete-drop-down="setAutoCompleteDropDown(field,option)" >
			</div>
		</div>
	</xsl:template>
	<xsl:template name="FilterSource">
		<xsl:param name="wconfig" select="'N/A'"></xsl:param>
		<xsl:param name="form" select="'N/A'"></xsl:param>
		<div data-ng-controller="dynamicComponentController" class="PaddingBtm0 autoDropDown" style="padding-right:2px;">
			<div remotejson-dropdown-directive=""  selected="selected" active="active" field="field" paging="paging"
				   data-ng-init="getFilterLoadSource({$wconfig},$form)" set-page-nav="setPageNav(pagevalue,navtype)">
			</div>
		</div>
	</xsl:template>

</xsl:stylesheet>
