F17ABAS001 commited for new js for gstRegForm 2

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

webitm-gst/module-resource/web/js/gstRegNoWiz1.js

+var userTheme='galaxy-theme';
+var popHelpId = '',curFieldVal='';
+var isServerBusy = false;
+var httpRequest; 
+var xmlHTTPResponse; 
+var isContextChanged = "";
+var global_date_type = "date";
+var global_date_format = "";
+var preErrData = "";
+var sorttable = "";
+var divArray = new Array();
+var lastSerachSuggestionMap = {};
+var prevRemoveEnable = "";
+
+
+if (window.ActiveXObject) /*code for IE6, IE5*/
+{
+	httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
+}
+else if (window.XMLHttpRequest) /*code for IE7+, Firefox, Chrome, Opera, Safari*/
+{ 
+	httpRequest = new XMLHttpRequest(); 
+}
+
+
+function makeRequest(url,callBackFunction)
+{
+	var sURL = unescape(window.location);
+
+	if( ! isServerBusy )
+	{
+		isServerBusy = true;
+		httpRequest.open("POST", url, false);
+		httpRequest.onreadystatechange = function()
+		{
+			receiveResponse(callBackFunction);
+		};
+	
+		httpRequest.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded; charset=UTF-8" );
+		httpRequest.send( null );
+	}
+}
+function receiveResponse(callBackFunction)
+{
+	if (httpRequest.readyState == 4)
+	{
+		if(httpRequest.status == 200) 
+		{
+			processResponse(callBackFunction);
+		}
+		else 
+		{
+			alert("Error loading page\n"+ httpRequest.status +":"+ httpRequest.statusText);
+		}
+	}
+}
+function processResponse(callBackFunction)
+{
+	var returnStr = null;
+	isProcessOn = false;
+	
+	if ( window.ActiveXObject )
+	{   
+		xmldoc = httpRequest.responseText;
+		xmlHTTPResponse = xmldoc;
+	}
+	else
+	{   
+		try
+		{
+			var parser = new DOMParser();
+			xmldoc = httpRequest.responseText;
+		}
+		catch(e)
+		{
+			alert("inside catch:"+e.message);
+		}
+	}
+
+	callBackFunction(xmldoc);
+	isServerBusy = false;
+}
+function loadXMLString(txt)
+{
+	if (window.DOMParser)
+  	{
+  		parser=new DOMParser();
+  		xmlDoc=parser.parseFromString(txt,"text/xml");
+  	}
+	else /* code for IE*/
+	{
+  		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
+  		xmlDoc.async=false;
+  		xmlDoc.loadXML(txt);
+  	}
+	
+	return xmlDoc;
+}
+
+/*
+function addDelButton()
+{
+	
+	
+	var divdelte = document.createElement("div");
+	divdelte.innerHTML ="<span title='Delete' style='display: block;' currdomid='1' class='deleteDetailBtn'  >"
+                         +"<p class='remove' title='Delete'>"
+                           +"<img src='/ibase/webitm/images/remove.png' height = '16' width = '16' class='removeImg'></img>"
+                         +"</p>"
+                      "</span>"
+    document.body.appendChild(divdelte);
+	divdelte.style.float="left";
+}*/
+
+
+
+function addRow(tableid) 
+{
+		
+		var table = document.getElementById(tableid);
+	    var rowCount = table.rows.length;
+		
+		var rowID = rowCount;
+		
+		var row = table.insertRow(rowCount);
+		row.id = "userRow"+rowID;
+		
+		var rows = table.rows; 
+		for(var i = 0, l = rows.length;i < l; i++) 
+		{ 
+			
+			rows[i].className = 'trClass';
+		}
+	
+		/**********Check Box************/
+		var cell1 = row.insertCell(0);
+		var element1 = document.createElement("input");
+		element1.type = "checkbox";
+		element1.name="Detail2."+rowID+".selectbox";
+		element1.id="Detail2."+rowID+".selectbox";
+		element1.setAttribute("checked", "checked");
+		element1.value="true";
+		element1.setAttribute("onclick", "setChecked("+rowID+")");
+		cell1.style.display = "none"
+		cell1.appendChild(element1);
+		
+		
+		/**********User ID************/
+		var cell2 = row.insertCell(1);
+		var userDiv = document.createElement("div");
+		var inputDiv = document.createElement("div");
+		inputDiv.style.width = "70%";
+		inputDiv.style.float = "left";
+		
+		var element2 = document.createElement("input");
+		element2.type = "text";
+		element2.name = "Detail2."+rowID+".user_id";
+		element2.id = "Detail2."+rowID+".user_id";
+		element2.style.border = "none";
+		element2.style.outline = "none";
+		element2.style.width = "100%"
+		element2.setAttribute("onkeyup", "getAutoPopupData(Detail2."+rowID+".user_id)");
+		inputDiv.appendChild(element2);
+		userDiv.appendChild(inputDiv);
+		
+		var divPop = document.createElement("div");
+		divPop.innerHTML =  "<a href=\"javascript:getListOfValues('user_id','Detail2."+rowID+".user_id');\" id='popUpIcon2'  tabIndex='-1'>"
+									+"<img src='/ibase/webitm/images/pophelp.png'></img>"
+							+"</a>";
+		userDiv.appendChild(divPop);
+		cell2.appendChild(userDiv);
+			
+		
+		/**********Sign Method************/
+		var cell3 = row.insertCell(2);
+		var element2 = document.createElement("select");
+		element2.name = "Detail2."+rowID+".sign_method";
+		element2.id = "Detail2."+rowID+".sign_method";
+		element2.style.border = "none";
+		element2.style.outline = "none";
+		element2.style.width = "100%";
+		
+		var array = ["D-SC","E-SIGN"];
+		var arrayVal = ["D","E"];
+	
+	    for (var i = 0; i < array.length; i++) 
+		{
+	      var option = document.createElement("option");
+	      option.value = arrayVal[i];
+	      option.text = array[i];
+	      element2.appendChild(option);
+		}
+	    element2.className = "input_editable";
+	    
+		cell3.appendChild(element2);
+		
+		
+		/**********doc type************/
+		var cell8 = row.insertCell(3);
+		var element2 = document.createElement("select");
+		element2.type = "text";
+		element2.name = "Detail2."+rowID+".doc_type";
+		element2.id = "Detail2."+rowID+".doc_type";
+		element2.style.border = "none";
+		element2.style.outline = "none";
+		element2.style.width = "100%";
+		cell8.style.width= "100%";
+
+		var array = ["GSTR1","GSTR2","GSTR3","FORM16"];
+		var arrayVal = ["GSTR1","GSTR2","GSTR3","FORM16"];
+	
+	    for (var i = 0; i < array.length; i++) 
+		{
+	      var option = document.createElement("option");
+	      option.value = arrayVal[i];
+	      option.text = array[i];
+	      element2.appendChild(option);
+		}
+	    element2.className = "input_editable";
+		
+		cell8.appendChild(element2);
+	
+		/**********Service provider************/
+	    var cell4 = row.insertCell(4);
+		var element2 = document.createElement("input");
+		element2.type = "text";
+		element2.name = "Detail2."+rowID+".service_provider";
+		element2.id = "Detail2."+rowID+".service_provider";
+		element2.style.border = "none";
+		element2.style.outline = "none";
+		element2.style.width = "100%";
+		cell4.style.width = "100%";
+		cell4.appendChild(element2);
+		
+		
+		/**********Service URI************/
+		var cell5 = row.insertCell(5);
+		var element2 = document.createElement("input");
+		element2.type = "text";
+		element2.name = "Detail2."+rowID+".service_uri";
+		element2.id = "Detail2."+rowID+".service_uri";
+		element2.style.border = "none";
+		element2.style.outline = "none";
+		element2.style.width = "100%";
+		cell5.appendChild(element2);
+		
+		
+		/*************Client ID************/
+		var cell6 = row.insertCell(6);
+		var element2 = document.createElement("input");
+		element2.type = "text";
+	
+		element2.name = "Detail2."+rowID+".client_id";
+		element2.id = "Detail2."+rowID+".client_id";
+		element2.style.border = "none";
+		element2.style.outline = "none";
+		element2.style.width = "100%";
+		cell6.appendChild(element2);
+		
+		
+		/**********client secrete************/
+		var cell7 = row.insertCell(7);
+		var element2 = document.createElement("input");
+		element2.type = "text";
+		element2.name = "Detail2."+rowID+".client_secret";
+		element2.id = "Detail2."+rowID+".client_secret";
+		element2.style.border = "none";
+		element2.style.outline = "none";
+		element2.style.width = "100%";
+		cell7.appendChild(element2);
+		
+		
+		/**************Delete Button*********/
+		var cell8 = row.insertCell(8);
+		var divdelte = document.createElement("div");
+		divdelte.innerHTML ="<span title='Delete' style='display: block;' currdomid='1' class='deleteDetailBtn' onclick='javascript:deleteRow("+rowID+")' >"
+                             +"<p class='remove' title='Delete'>"
+                               +"<img src='/ibase/webitm/images/remove.png' height = '16' width = '16' class='removeImg'></img>"
+                             +"</p>"
+                          "</span>"
+		
+		cell8.appendChild(divdelte);
+		var element2 = document.createElement("input");
+		element2.type = "hidden";
+		element2.name = "Detail2."+rowID+".edit_flag";
+		element2.id = "Detail2."+rowID+".edit_flag";
+		element2.value = "A";
+		row.appendChild(element2);
+		 
+}
+
+
+
+function getListOfValues(fieldName,fieldId)
+{
+	var url = "";
+	var keyStr="";
+	var paramStr = "";
+	var siteCodeStr = "";
+	popHelpId = fieldId;
+	
+	
+	if(document.getElementById(popHelpId).value.trim() != "" || document.getElementById(popHelpId).value != null)
+	{
+		curFieldVal = document.getElementById(popHelpId).value;
+	}
+	
+	var addObjName = "&OBJ_NAME=gst_regno";
+	
+	if(fieldName == "user_id")
+	{
+		keyStr = "site_code";
+	    siteCodeStr = document.getElementById("login_site_code").value;
+		paramStr = "site_code="+siteCodeStr;
+	}	
+	
+	//url  = "/ibase/webitm/jsp/PopUp.jsp?FIELDNAME="+escape(fieldName)+"&KEYSTRING=NULL"+addObjName;
+	  url  = "/ibase/webitm/jsp/PopUp.jsp?FIELDNAME="+escape(fieldName)+"&KEYSTRING="+escape(keyStr)+"&"+escape(paramStr)+addObjName; 
+	  
+
+	var fullwidth = eval(screen.width)/2-130;
+	var iFrame = '<iframe id="popHelpIframe" name ="popHelpIframe" src="'+url+'" style = "width:'+fullwidth+'; height: 100%; border: 0px; bottom:0%;"></iframe>';
+	var popHlpCntnr = document.getElementById( "popHelpContainer" );
+				
+	popHlpCntnr.innerHTML = iFrame;
+	popHlpCntnr.setAttribute( "style", "position: absolute; z-index: 1004; visibility:visible;width:"+fullwidth+";height: 96%; float: right; right: 0%; bottom:2%");
+	var overlay = document.getElementById( "overlay" );
+	overlay.setAttribute( "style", "position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color:#000; opacity: .45; z-index:1003; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;");
+	
+	if(prevRemoveEnable!= "")
+	{
+		prevRemoveEnable.style.visibility = "hidden";
+	}
+}
+
+function assignValue(value)
+{
+	document.getElementById(popHelpId).value = value;
+}
+
+function closeMe()
+{
+	document.getElementById("popHelpContainer").style.display='none';
+	document.getElementById("popHelpContainer").innerHTML = '';
+	var overlay = document.getElementById( "overlay" );
+	overlay.removeAttribute('style');
+}
+
+function getAutoPopupData(curObj)
+{
+	var keyStr = "";
+	var paramStr = "";
+	
+	
+	if(curObj != undefined)
+	{
+		if(curObj.value.length == 4 )
+		{
+			var curFieldName = curObj.attributes.popupFldName.value;
+			var addObjName = "&OBJ_NAME=gst_regno";
+			var urlParamString = "";
+			
+			if(curFieldName == "user_id")
+			{
+				keyStr = "site_code";
+				paramStr = "site_code=TA821";
+			}
+			
+			//var searchListURL = "/ibase/PopupDataServlet?FIELDNAME="+escape(curFieldName)+"&KEYSTRING=NULL"+addObjName;
+			var searchListURL = "/ibase/PopupDataServlet?FIELDNAME="+escape(curFieldName)+"&KEYSTRING="+escape(keyStr)+"&"+escape(paramStr)+addObjName; 
+			
+			var searchKey = curFieldName+"~~SEP~~"+urlParamString;
+			
+			if ( searchKey in lastSerachSuggestionMap )
+			{
+				console.log("From lastSerachSuggestionMap");
+				console.log("searchKey - ["+ searchKey +"], lastSerachSuggestionMap - ["+ lastSerachSuggestionMap[searchKey] +"]");
+				parseJsonData(lastSerachSuggestionMap[searchKey]);
+				showAutoSerach(curObj);
+			}
+			else
+			{
+				console.log("From server");
+				$.ajax({
+					async : false,
+					url : searchListURL,
+					dataType : 'xml',
+					type : 'POST',
+					success : function(result) {
+						
+						lastSerachSuggestionMap[searchKey] = result;
+						parseJsonData( result );
+						
+						showAutoSerach( curObj);
+						console.log("searchKey in else - ["+ searchKey +"], lastSerachSuggestionMap - ["+ lastSerachSuggestionMap[searchKey] +"]");
+					},
+					error : function(result) {
+						
+					}
+				});
+			}
+		}
+	}
+}
+function parseJsonData(result)
+{
+	searchList = [];
+	var default_col = 0;
+	if ( result.getElementsByTagName('DEFAULT_COL')[0].childNodes != undefined )
+	{
+		default_col = (result.getElementsByTagName('DEFAULT_COL')[0].childNodes[0].nodeValue) - 1;
+	}
+	
+	var detail = result.getElementsByTagName('DETAIL');
+	if (detail != undefined) 
+	{
+		for ( var i = 0; i < detail.length; i++) 
+		{
+			var nodes = detail[i].childNodes;
+			var id = "", value = "";
+			var searchData = {};
+			var detailData = "";
+			
+			if (nodes != undefined) 
+			{
+				for ( var j = 0; j < nodes.length; j++ )
+				{
+					id 	= nodes[default_col].childNodes[0].nodeValue;
+					
+					if ( nodes[j].childNodes[0].nodeValue != "" )
+					{
+						value = value + nodes[j].childNodes[0].nodeValue + " | ";
+					}
+					if ( nodes[j].childNodes[0].nodeValue != "" )
+					{
+						detailData = nodes[j].childNodes[0].nodeValue;
+					}
+					else
+					{
+						detailData = "-";
+					}
+					searchData['imgPth'] = detail[i].attributes.imagePath.value.trim();
+					searchData['id'] 	= id.trim();
+					searchData['label'] = value.trim();
+					searchData['value'] = id.trim();
+					searchData[nodes[j].nodeName] = detailData;
+				}
+				searchList.push(searchData);
+			}
+		}
+	}
+}
+
+function showAutoSerach(element)
+{
+	try
+	{
+		$.widget('custom.mcautocomplete', $.ui.autocomplete, {
+		    _create: function() {
+		      this._super();
+		      this.widget().menu( "option", "items", "> :not(.ui-widget-header)" );
+		    },
+		    
+		    _renderMenu: function(ul, items) {
+		        var self = this, thead;
+		    
+		        if (this.options.showHeader) {
+		            table=$('<div class="ui-widget-header" style="width:100%"></div>');
+		            $.each(this.options.columns, function(index, item) {
+		                table.append('<span style="padding:0 4px;float:left;width:' + item.width + ';">' + item.name + '</span>');
+		            });
+					table.append('<div style="clear: both;"></div>');
+		            ul.append(table);
+		        }
+		        
+		        $.each(items, function(index, item) {
+		            self._renderItem(ul, item);
+		            self._renderItem1(ul, item);
+		        });
+		    },
+
+		    _renderItem: function(ul, item) {
+				var data = '',
+				result = '';
+				var iconData = '';
+				
+				for ( var i in item) 
+	            {
+					if( i == 'imgPth')
+					{
+						if(item[i].trim() != '')
+						{
+							iconData += '<span><img class="feedImgPnl" src='+item[i].trim()+'></img></span>';
+						}
+					}
+					
+					if (item[i] != undefined && i != 'value' && i != 'label' && i != 'id' && i != 'imgPth') 
+					{
+						if(divArray[i] != null && divArray[i]!= undefined && divArray[i] < item[i].length)
+						{	
+							divArray[i] = item[i].length;
+						}
+						else
+						{
+							if(divArray[i] == null)
+							{	
+								divArray[i] = item[i].length;
+							}	
+						}
+						var divLen = 0;
+						divLen = divArray[i];
+						divLen = divLen * 10; 
+
+						data += '<span class="myClass'+i+'">' + item[i] + '</span>';
+						$('.myClass'+i).css('padding', '0 4px');
+						$('.myClass'+i).css('float', 'left');
+						$('.myClass'+i).css('width', divLen+"px");
+						$('.myClass'+i).css('position', 'relative');
+						$('.myClass'+i).css('display', 'inline-block');
+					}
+	            }
+				
+				result = $('<li></li>')
+					.data('ui-autocomplete-item', item)
+					.append('<a class="mcacAnchor" style="width:700px;"><div style="float:left;padding-right:4px;">'+iconData+'</div><div style="width:700px;height:32px;line-height:32px">' + data + '<div style="clear: both;"></div></div></a>')
+					.appendTo(ul);
+				return result;
+		    },
+		
+			_renderItem1: function(ul, item) {
+				var data = '',
+				result = '';
+			
+			 for ( var i in item) 
+		     { 
+				if (item[i] != undefined && i != 'value' && i != 'label' && i != 'id') 
+				{
+					if(divArray[i] != null && divArray[i]!= undefined && divArray[i] < item[i].length)
+					{	
+						divArray[i] = item[i].length;
+					}
+					else
+					{
+						if(divArray[i] == null)
+						{	
+							divArray[i] = item[i].length;
+						}	
+					}
+					var divLen = 0;
+					divLen = divArray[i];
+					divLen = divLen * 10; 
+		
+					data += '<span class="myClass'+i+'">' + item[i] + '</span>';
+					$('.myClass'+i).css('padding', '0 4px');
+					$('.myClass'+i).css('float', 'left');
+					$('.myClass'+i).css('width', divLen+"px");
+					$('.myClass'+i).css('position', 'relative');
+					$('.myClass'+i).css('display', 'inline-block');
+				}
+		      }
+			}
+		});
+				
+		$( element )
+		.mcautocomplete({
+			autoFocus: true,
+			showHeader: false,
+			source : searchList,
+			minLength :3,
+
+			select : function(event, ui) {
+				document.getElementById(element.id).value = ui.item.id;
+			},
+		});
+		
+		if(!$( element ).mcautocomplete( "widget" ).is( ":visible" ))
+		{
+			$( element ).mcautocomplete("search", "");
+		}
+	}
+	catch (e) 
+	{
+		console.log("ERROR\n: " + e); 
+	}
+}
+
+function setChecked(rowID)
+{
+	var obj = document.getElementById("Detail2."+rowID+".selectbox");
+	console.log(obj);
+	if(obj.checked)
+	{
+		//obj.value ='true';
+		//document.getElementById(lineId).classList.add("selectedTrClass");
+		obj.setAttribute('checked','checked');
+	}
+	else 
+	{
+		//obj.value = 'false';
+		//document.getElementById(lineId).classList.remove("selectedTrClass");
+		obj.removeAttribute('checked');
+	}
+}
+
+function doHideMsg(erroTable)
+{
+	document.getElementById(erroTable).style.display = "none";
+}
+		
+	
+function deleteRow(id)
+{
+	var editFlag=document.getElementById("Detail2."+id+".edit_flag").value;
+	var rowId="userRow"+id; 
+	
+	//var check=document.getElementById("Detail2."+id+".user_id").value;
+	
+	if(editFlag=="E")
+	{
+		document.getElementById("userRow"+id).style.display = 'none';
+		document.getElementById("Detail2."+id+".selectbox").checked=false;
+		//document.getElementById("details").deleteRow(rowId);
+		
+		var userId=document.getElementById("Detail2."+id+".user_id").value;
+		var signMethod=document.getElementById("Detail2."+id+".sign_method").value;
+		var docType=document.getElementById("Detail2."+id+".doc_type").value;
+		
+		var url="/ibase/GSTRegNoServlet?action=deleteRow&userid="+escape(userId)+"&signmethod="+escape(signMethod)+"&doctype="+escape(docType)+"";
+		makeRequest(url, rowDelete);
+		
+	}
+    else if (editFlag=="A")
+    {
+	   document.getElementById("Detail2."+id+".selectbox").checked=false;
+	   document.getElementById("userRow"+id).style.display = 'none';
+    }
+	
+}
+
+
+function rowDelete(retXML)
+{
+	console.log(retXML);
+}
+
+
+function validateSubmitdata()
+{	  
+	
+	var userKey= new Array();
+    var maxId = parseInt($('#details tbody tr').length);
+    var userIds = [];	
+    var signMethods = [];
+    var documentTypes =[];
+  
+    for(id = 1; id <= maxId; id++)
+	{
+		if(document.getElementById("Detail2."+id+".selectbox").checked)
+		{
+			if (document.getElementById("Detail2."+id+".user_id").value != null && document.getElementById("Detail2."+id+".user_id").value == "")
+		    {			
+			    alert("Please Enter the User id" );
+			    document.getElementById("Detail2."+id+".user_id").focus();
+			    hideWaitImage();
+			    return false;	
+		    }
+			
+	
+			else if (document.getElementById("Detail2."+id+".sign_method").value != null && document.getElementById("Detail2."+id+".sign_method").value == "")
+			{			
+				 alert("Please Enter the sign method" );
+				 document.getElementById("Detail2."+id+".sign_method").focus();
+			  	 hideWaitImage();
+				 return false;
+			}
+			
+			else if (document.getElementById("Detail2."+id+".doc_type").value != null && document.getElementById("Detail2."+id+".doc_type").value == "")
+		    {			
+			    alert("Please Enter the sign method" );
+			    document.getElementById("Detail2."+id+".doc_type").focus();
+			    hideWaitImage();
+			    return false;
+		    }
+		}
+	}
+    
+    for(id = 1; id <= maxId; id++)
+	{
+    	if(document.getElementById("Detail2."+id+".selectbox").checked)
+		{
+    		var userid=document.getElementById("Detail2."+id+".user_id").value.trim();
+    		var signMethod=document.getElementById("Detail2."+id+".sign_method").value.trim();
+    		var docType=document.getElementById("Detail2."+id+".doc_type").value.trim();
+        
+    		for (var j=id+1;j<=maxId;j++)
+    		{
+    			if(document.getElementById("Detail2."+j+".selectbox").checked)
+    			{
+    				var userid1=document.getElementById("Detail2."+j+".user_id").value.trim();
+	       		     var signMethod1=document.getElementById("Detail2."+j+".sign_method").value.trim();
+	       		     var docType1=document.getElementById("Detail2."+j+".doc_type").value.trim();
+	       		     
+	       		     
+	       		     if(userid1==userid && signMethod1==signMethod && docType1==docType)
+	       	    	 {
+	       		    	 alert("Duplicate User ID, Sign Method and Document no. found, Please Enter Different Values");
+	       		    	 hideWaitImage();
+	       		    	 return false;
+	       	    	 }
+    			}
+    		     	
+    		}
+		}
+	}
+			
+		
+    
+}	
+
+
+
+function displayWaitImg()
+{
+	
+	document.getElementById("buttonreplacement").style.display = "block";
+	var overlay = document.getElementById( "overlay" );
+	overlay.setAttribute( "style", "position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color:#000; opacity: .45; z-index:1003; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;");
+	
+	return true;
+}
+
+function hideWaitImage()
+{
+	document.getElementById("buttonreplacement").style.display = "none";
+	var overlay = document.getElementById( "overlay" );
+	overlay.removeAttribute( "style");
+	
+}
+
+		
\ No newline at end of file