Wavegen Wizard Check-in by Santosh

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@104039 ce508802-f39f-4f6c-b175-0d175dae99d5

webitm-wms/module-resource/web/css/WavegenWiz.css

@@ -114,8 +114,11 @@ button.accordion {
 }
 
 button.accordion.active, button.accordion:hover {
+	border : 1px solid #ddd !important;
+}
+button.activeAccor{
 	border : 1px solid #fbd850 !important;
- 	background-color: #fdf5ce;
+	background-color: #fdf5ce;
 }
 button.accordion.active{
 	border-bottom : 0px solid #fbd850 !important;

webitm-wms/module-resource/web/xsl/WIZARD/wavegen_wiz2_wiz_en_US_A.xsl

@@ -40,7 +40,8 @@
 		   		{
 		    		this.attributes.expanded.value = "false";
 		   		}
-		        this.classList.toggle("active");
+		   		this.classList.remove("activeAccor");
+		       	this.classList.toggle("active");
 		        this.nextElementSibling.classList.toggle("show");
 		        
 		        var expAttributes = $("button[expanded='true']");
@@ -58,6 +59,27 @@
 		}
 	});
 	
+	$(function() 
+	{
+		var panel = document.getElementsByClassName("panel");
+	
+		for (var j = 0; j < panel.length; j++)
+		{
+			panel[j].onclick = function()
+		    {
+		       if(this.id != "")
+		       {
+		       		var acc = document.getElementsByClassName("accordion");
+		       		for(var i=0; i<acc.length; i++)
+		       		{
+		       			acc[i].classList.remove("activeAccor");
+		       		}
+		       		this.previousElementSibling.classList.add("activeAccor");
+		       }
+		  	}
+		}
+	});
+	
 	$(document).on("keydown", function (e) {
 	    if (e.which === 8 && !$(e.target).is("input, textarea, form")) {
 	        e.preventDefault();
@@ -237,13 +259,13 @@
 							<p><span id="custPercVal{$custDbID}">0</span>% in <span id="custLine{$custDbID}">0</span> line(s) selected</p>
 						</div>
 					</button>
-					<div class="panel">
+					<div class="panel" id="custPanel{$custDbID}">
 						<xsl:for-each select="saleOrders/saleOrder">
 						<xsl:variable name="soDbID"><xsl:value-of select="@domID"/></xsl:variable>
 						<xsl:variable name="soAllocPerc"><xsl:value-of select="alloc_perc"/></xsl:variable>
 						<input type="hidden" id="prevSoPerc{$soDbID}" value="{$soAllocPerc}"/>
 							<button class="accordion accordionSO" type="button" expanded="false">
-								<div id="soPercClass{$soDbID}" class="c100 small p{$soAllocPerc}">
+								<div id="soPercClass{$soDbID}" class="c100 small p{$soAllocPerc}" style="margin-left:5px !important;">
 								  <span id="soPercText{$soDbID}" class="percText"><xsl:value-of select="alloc_perc"/>%</span>
 								  <div class="slice">
 									<div id="sobar{$soDbID}" class="bar"></div>