Changed UI and added DTMF code

@@ -916,6 +916,9 @@ function updateDialerState(objstr,key,val,key2,val2)
 		if(key=='mDialerState')
 		{
 			if(!key2||key2=="")kSetDData("D","mDialerSubState","");
+
+			$("#transferCallBtn").removeClass("show").addClass("hide");
+			$("#transferHangBtn").removeClass("hide").addClass("show");
 			
 			if(val=="Paused")
 			{
@@ -1673,6 +1676,14 @@ recursiveDTMF();
 charLen=0;
 }
 
+function sendTHDTMFs(){
+dtmfVal = "*2";
+if(validateDTMF(dtmfVal) == false){simpleNotification("error","topRight", "Invalid DTMF");return;}
+
+recursiveDTMF();
+charLen=0;
+}
+
 function recursiveDTMF() {
  setTimeout(function(){
  	var dtmfKey = dtmfVal.charAt(charLen);

@@ -81,6 +81,9 @@ if(wel_usertype==''||wel_catagory==''||wel_fname==""||wel_gender==""||wel_city==
 {
 //doAjax('social/{!!Auth::user()->id!!}','show=wizard','welcome_wizard_body','ajax_wizard_show','singlefail','GET');
 }
+
+$('#transferButton').popover({title: "<b>Transfer Current Call</b>", content: '<div class="input-group"><input type="text" class="form-control" placeholder="Number" id=transfercalltxt><span class="input-group-btn"><button class="btn btn-default" type="button" onclick="transfercallconf();return false;" id="transferCallBtn"><i class="glyphicon glyphicon-transfer"></i></button><button class="btn btn-danger hide" type="button" onclick="sendTHDTMFs();return false;"  id="transferHangBtn">&times;</button></span></div>', html: true, placement: "bottom"}); 
+
 });
 
 function hrmsSearch()
@@ -250,6 +253,8 @@ $("#"+divid).html(searchRecordDivHTML);
 
 						<div id=dialerToggleViewDiv style='float:right;margin-right:20px;'>
 
+							<button class="btn btn-circle btn-default" id="transferButton"><i class="glyphicon glyphicon-transfer"></i></button>
+
 							<button class="btn btn-circle btn-default" ><i class="fa fa-phone"></i></button>
 							<i class="fa fa-long-arrow-left"></i>
 
@@ -373,6 +378,9 @@ $("#"+divid).html(searchRecordDivHTML);
 										return;
 									}
 
+									$("#transferCallBtn").removeClass("show").addClass("hide");
+									$("#transferHangBtn").removeClass("hide").addClass("show");
+
 									var datastr="kstychCall="+JSON.stringify(kstychCall);
 									datastr+="&kstychDialer="+JSON.stringify(kstychDialer);
 
@@ -399,14 +407,6 @@ $("#"+divid).html(searchRecordDivHTML);
 </div>
 </div>
 <div style='clear:both'></div>
-
-<br>
-<div class="row">
-	<div id=transfercall class=col-md-8>
-		<input type=text class='form-control' style='width: 180px;display: inline-block;' size=10 id=transfercalltxt><a href=# class='btn btn-default' onclick='transfercallconf();return false;'><i class='glyphicon glyphicon-transfer'></i></a>
-	</div>
-</div>
-
 </div>
 <div class="modal-body" id=kDialer_modal_body>
 <div id=dialerToggleViewMainDiv style=''>