You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
382 lines
21 KiB
382 lines
21 KiB
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ChangeMode.aspx.cs" Inherits="Swift.web.Remit.ChangeCollMode.ChangeMode" %>
|
|
|
|
<!DOCTYPE html>
|
|
<%@ Register Src="/Component/AutoComplete/SwiftTextBox.ascx" TagName="SwiftTextBox" TagPrefix="uc1" %>
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head runat="server">
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="description" content="" />
|
|
<meta name="author" content="" />
|
|
<!-- Bootstrap Core CSS -->
|
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.3/css/intlTelInput.css" />
|
|
<link href="/ui/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="/ui/css/style.css" type="text/css" rel="stylesheet" />
|
|
<link href="/ui/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
|
|
<link href="/js/jQuery/jquery-ui.css" rel="stylesheet" type="text/css" />
|
|
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
|
|
<script src="/js/popper/popper.min.js"></script>
|
|
<script src="/js/bootstrap/js/bootstrap.min.js"></script>
|
|
<script src="/js/functions.js" type="text/javascript"></script>
|
|
<script src="/ui/js/jquery-ui.min.js"></script>
|
|
<script src="/js/swift_calendar.js" type="text/javascript"></script>
|
|
<script src="/js/swift_autocomplete.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js" type="text/javascript"></script>
|
|
|
|
<script type="text/javascript">
|
|
function CallBackAutocomplete(id) {
|
|
var d = [GetItem("txtSearchData")[0], GetItem("txtSearchData")[1].split('|')[0]];
|
|
SetItem("txtSearchData", d);
|
|
CheckAvailableBalance();
|
|
}
|
|
|
|
function GetCustomerSearchType() {
|
|
return $("#ddlCustomerType").val();
|
|
}
|
|
function ClearSearchField() {
|
|
var d = ["", ""];
|
|
SetItem("<% =txtSearchData.ClientID%>", d);
|
|
<% = txtSearchData.InitFunction() %>;
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
ShowCalDefault("#txnMapDate");
|
|
$('#txnMapDate').mask('0000-00-00');
|
|
GetDataInList();
|
|
});
|
|
|
|
$(document).on('click', '#clearBtn', function () {
|
|
$("#tranDate").val('');
|
|
$("#particulars").val('');
|
|
GetDataInList();
|
|
});
|
|
|
|
$(document).on('click', "#filterBtn", function () {
|
|
GetDataInList();
|
|
});
|
|
|
|
function GetDataInList() {
|
|
$("#UnmappedDepositMapping").html('');
|
|
$("#UnApprovedDepositMapping").html('');
|
|
var tranDate = $("#tranDate").val();
|
|
var particulars = $("#particulars").val();
|
|
var customerId = $("#txtSearchData_aValue").val();
|
|
var amount = $("#amount").val();
|
|
var dataToSend = { MethodName: 'getListData', customerId: customerId, particulars: particulars, tranDate: tranDate, amount: amount };
|
|
$.ajax({
|
|
type: "POST",
|
|
data: dataToSend,
|
|
async: true,
|
|
success: function (response) {
|
|
$("#myModal2").modal('show');
|
|
$("#UnmappedDepositMapping").html(response.split('[[<<>>]]')[0]);
|
|
$("#UnApprovedDepositMapping").html(response.split('[[<<>>]]')[1]);
|
|
ShowCalDefault("#tranDate");
|
|
},
|
|
fail: function () {
|
|
alert("Error from Deposit Mapping");
|
|
}
|
|
});
|
|
}
|
|
|
|
function ConfirmSave() {
|
|
var customerId = $("#txtSearchData_aValue").val();
|
|
var mapDate = $("#txnMapDate").val();
|
|
var tranIds = [];
|
|
$.each($("input[name='chkDepositMapping']:checked"), function () {
|
|
tranIds.push($(this).val());
|
|
});
|
|
if (tranIds === '') {
|
|
alert('No data to save');
|
|
return false;
|
|
}
|
|
if (mapDate === '') {
|
|
alert('Invalid date selected');
|
|
return false;
|
|
}
|
|
if (tranIds.length > 1) {
|
|
alert('You can not map more than one transaction at a time');
|
|
return false;
|
|
}
|
|
if (customerId === '') {
|
|
alert('Invallid customer');
|
|
return false;
|
|
}
|
|
dataToSend = { MethodName: 'MapData', tranIds: tranIds, customerId: customerId, mapDate: mapDate };
|
|
if (confirm('Do you want to continue with save?')) {
|
|
$.post("", dataToSend, function (response) {
|
|
var data = jQuery.parseJSON(response);
|
|
if (data.ErrorCode == 0) {
|
|
alert(data.Msg);
|
|
CheckAvailableBalance();
|
|
GetDataInList();
|
|
ClearSearchField();
|
|
} else {
|
|
alert(data.Msg);
|
|
}
|
|
});
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function UnmapTxn() {
|
|
var customerId = $("#txtSearchData_aValue").val();
|
|
var tranIds = [];
|
|
$.each($("input[name='chkDepositMappingUnmap']:checked"), function () {
|
|
tranIds.push($(this).val());
|
|
});
|
|
|
|
if (tranIds === '') {
|
|
alert('No data to save');
|
|
return false;
|
|
}
|
|
if (customerId === '') {
|
|
alert('Invallid customer');
|
|
return false;
|
|
}
|
|
dataToSend = { MethodName: 'UnMapData', tranIds: tranIds, customerId: customerId };
|
|
if (confirm('Do you want to continue with save?')) {
|
|
$.post("", dataToSend, function (response) {
|
|
var data = jQuery.parseJSON(response);
|
|
if (data.ErrorCode == 0) {
|
|
alert(data.Msg);
|
|
$('#txnMapDate').val('');
|
|
CheckAvailableBalance();
|
|
} else {
|
|
alert(data.Msg);
|
|
}
|
|
});
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function CheckAvailableBalance() {
|
|
var customerId = $("#txtSearchData_aValue").val();
|
|
|
|
var dataToSend = { MethodName: 'CheckAvialableBalance', customerId: customerId };
|
|
$.post('', dataToSend, function (response) {
|
|
$('#availableBalSpan').show();
|
|
$("#availableBalSpan").html(response);
|
|
}).fail(function () {
|
|
alert("Due to unexpected errors we were unable to load data");
|
|
});
|
|
}
|
|
|
|
function ClearAllCustomerInfo() {
|
|
ClearSearchField();
|
|
}
|
|
|
|
function ConfirmSaveControlno() {
|
|
var controlno = $("#txnControlno").val();
|
|
if (controlno == '') {
|
|
alert('Invallid control no');
|
|
return false;
|
|
}
|
|
|
|
var dataToSend = { MethodName: 'SaveCollMode', controlno: controlno };
|
|
$.post('', dataToSend, function (response) {
|
|
var data = jQuery.parseJSON(response);
|
|
alert(data.Msg);
|
|
$("#txnControlno").val('');
|
|
}).fail(function () {
|
|
alert("Due to unexpected errors we were unable to load data");
|
|
});
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<form id="form1" runat="server">
|
|
<input type="hidden" id="hddTranId" />
|
|
<input type="hidden" id="hddControlno" />
|
|
<div class="page-wrapper">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="page-title">
|
|
<h1></h1>
|
|
<ol class="breadcrumb">
|
|
<li><a href="../../Front.aspx" target="mainFrame"><i class="fa fa-home"></i></a></li>
|
|
<li><a href="#" onclick="return LoadModule('remit')">Administration</a></li>
|
|
<li><a href="#">Administration</a></li>
|
|
<li class="active"><a href="ChangeMode.aspx">Change Collection Mode</a></li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end .page title-->
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="panel panel-default recent-activites">
|
|
<!-- Start .panel -->
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">Change Collection Mode
|
|
</h4>
|
|
<div class="panel-actions">
|
|
<a href="#" class="panel-action panel-action-toggle" data-panel-toggle></a>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body" id="step1">
|
|
<div class="row">
|
|
<div class="col-sm-2">
|
|
<asp:DropDownList ID="ddlCustomerType" runat="server" CssClass="form-control" Style="margin-bottom: 5px;">
|
|
<asp:ListItem Value="accountNo" Text="Account No."></asp:ListItem>
|
|
<asp:ListItem Value="email" Text="Email ID" Selected="True"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
</div>
|
|
<div class="col-sm-6" style="margin-bottom: 5px;">
|
|
<uc1:SwiftTextBox ID="txtSearchData" runat="server" Category="remit-searchCustomerForCollModeChange" cssclass="form-control" Param1="@GetCustomerSearchType()" title="Blank for All" />
|
|
</div>
|
|
<%--<div class="col-sm-2 col-xs-6" style="display: none">
|
|
<input name="button3" type="button" id="btnAdvSearch" onclick="PickSenderData('a');" class="btn btn-primary" value="Advance Search" style="margin-bottom: 2px;" />
|
|
</div>--%>
|
|
<div class="col-sm-1 col-xs-6 notDisable">
|
|
<input name="button4" type="button" id="btnClear" value="Clear" class="btn btn-clear" onclick="ClearAllCustomerInfo();" style="margin-bottom: 2px; margin-left: 30px; cursor: pointer" />
|
|
</div>
|
|
<div class="col-sm-2 col-xs-3 notDisable">
|
|
<input name="button5" type="button" id="btnHistroy" value="History" class="btn btn-primary" onclick="ShowHistory();" style="margin-bottom: 2px; margin-left: 30px; cursor: pointer" />
|
|
</div>
|
|
<div class="col-sm-2" style="display: none;">
|
|
<span>Country: </span>
|
|
<asp:DropDownList ID="sCountry" runat="server" CssClass="form-control"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<span id="availableBalSpan"></span>
|
|
</div>
|
|
</div>
|
|
<div style="margin: 10px" role="tabpanel">
|
|
<!-- Nav tabs -->
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li role="presentation" class="active"><a href="#unMappedTab" aria-controls="uploadTab" role="tab" data-toggle="tab">Unmapped Deposit List</a>
|
|
|
|
</li>
|
|
<li role="presentation"><a href="#unApprovedTab" aria-controls="browseTab" role="tab" data-toggle="tab">Unapproved Deposit List</a>
|
|
|
|
</li>
|
|
</ul>
|
|
<!-- Tab panes -->
|
|
<div class="tab-content">
|
|
<div role="tabpanel" class="tab-pane active" id="unMappedTab">
|
|
<div class="row">
|
|
<div class="form-group col-md-4">
|
|
<label class="">Tran Date:</label>
|
|
<div class="form-inline">
|
|
<div class="input-group input-append date">
|
|
<asp:TextBox runat="server" ID="tranDate" onchange="return DateValidation('tranDate','i')" MaxLength="10" AutoComplete="off" placeholder="YYYY/MM/DD" CssClass="form-control datepicker date-field required"></asp:TextBox>
|
|
<div class="input-group-addon "><i class="fa fa-calendar"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-md-4">
|
|
<label>Particulars</label>
|
|
<asp:TextBox ID="particulars" runat="server" CssClass="form-control"></asp:TextBox>
|
|
</div>
|
|
<div class="form-group col-md-4">
|
|
<label>Amount</label>
|
|
<asp:TextBox ID="amount" runat="server" CssClass="form-control"></asp:TextBox>
|
|
</div>
|
|
<div class="form-group col-md-12">
|
|
<input type="button" id="filterBtn" value="Filter" class="btn btn-primary" />
|
|
<input type="button" id="clearBtn" value="Clear" class="btn btn-primary" />
|
|
</div>
|
|
</div>
|
|
<div class="row form-group" style="max-height: 350px; overflow-y: scroll;">
|
|
<div class="col-md-12 table-responsive">
|
|
<table class="table table-responsive table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th width="5%"><i class="fa fa-check check"></i><i class="fa fa-times uncheck" style="display: none;"></i></th>
|
|
<th width="50%">Particulars</th>
|
|
<th width="15%">Deposit Date</th>
|
|
<th width="15%">Deposit Amount</th>
|
|
<th width="15%">Withdraw Amount</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="UnmappedDepositMapping" runat="server">
|
|
<tr>
|
|
<td colspan="5" align="center">No Data To Display </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-md-4">
|
|
<label class="">Tran Date:</label>
|
|
<div class="form-inline">
|
|
<div class="input-group input-append date">
|
|
<asp:TextBox runat="server" ID="txnMapDate" onchange="return DateValidation('txnMapDate','i')" MaxLength="10" AutoComplete="off" placeholder="YYYY/MM/DD" CssClass="form-control datepicker date-field required"></asp:TextBox>
|
|
<div class="input-group-addon "><i class="fa fa-calendar"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-md-4">
|
|
<asp:Button ID="btnConfirmSave" runat="server" OnClientClick="return ConfirmSave();" CssClass="btn btn-primary" Text="Confirm Save" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane" id="unApprovedTab">
|
|
<div class="row form-group">
|
|
<div class="col-md-12 table-responsive">
|
|
<table class="table table-responsive table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th width="5%"><i class="fa fa-check check"></i><i class="fa fa-times uncheck" style="display: none;"></i></th>
|
|
<th width="50%">Particulars</th>
|
|
<th width="15%">Deposit Date</th>
|
|
<th width="15%">Deposit Amount</th>
|
|
<th width="15%">Withdraw Amount</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="UnApprovedDepositMapping" runat="server">
|
|
<tr>
|
|
<td colspan="5" align="center">No Data To Display </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="row form-group">
|
|
<div class="form-group col-md-12">
|
|
<input type="button" id="btnRelease" onclick="return UnmapTxn();" class="btn btn-primary" value="Unmap Data" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="panel panel-default recent-activites">
|
|
<!-- Start .panel -->
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">Change Collection Mode
|
|
</h4>
|
|
<div class="panel-actions">
|
|
<a href="#" class="panel-action panel-action-toggle" data-panel-toggle></a>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="form-group col-md-4">
|
|
<label>Control No</label>
|
|
<asp:TextBox ID="txnControlno" runat="server" CssClass="form-control"></asp:TextBox>
|
|
</div>
|
|
|
|
<div class="form-group col-md-4">
|
|
<asp:Button ID="btnChange" runat="server" OnClientClick="return ConfirmSaveControlno();" CssClass="btn btn-primary" Text="Change Coll Mode" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</body>
|
|
</html>
|