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.
567 lines
21 KiB
567 lines
21 KiB
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Front.aspx.cs" Inherits="Swift.web.Font" %>
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head id="Head1" 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" />
|
|
<title>JME Remit-Admin</title>
|
|
<link href="ui/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="ui/css/menu.css" type="text/css" rel="stylesheet" />
|
|
<link href="ui/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
|
|
<link href="ui/css/style.css" rel="stylesheet" />
|
|
<script src="ui/js/jquery.min.js"></script>
|
|
<script src="ui/bootstrap/js/bootstrap.min.js"></script>
|
|
<script src="js/functions.js"></script>
|
|
|
|
<!-- for PI chart -->
|
|
<%--<script src="js/highcharts/picharts.js"></script>--%>
|
|
<script src="https://code.highcharts.com/highcharts.js"></script>
|
|
<script src="https://code.highcharts.com/modules/series-label.js"></script>
|
|
<script src="https://code.highcharts.com/modules/exporting.js"></script>
|
|
<script src="js/DashBoardchart.js"></script>
|
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
<style type="text/css">
|
|
.holder {
|
|
/*background-color: #ccc;*/
|
|
/*width: 300px;*/
|
|
height: 250px;
|
|
overflow: hidden;
|
|
padding: 10px;
|
|
/*font-family: Helvetica;*/
|
|
}
|
|
|
|
.holder .mask {
|
|
position: relative;
|
|
left: 0px;
|
|
/*top: 10px;*/
|
|
/*width: 300px;*/
|
|
height: 240px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.holder ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.holder ul li {
|
|
padding: 10px 0px;
|
|
}
|
|
|
|
.holder ul li a {
|
|
/*color: darkred;*/
|
|
text-decoration: none;
|
|
}
|
|
</style>
|
|
<style>
|
|
#container1 {
|
|
min-width: 310px;
|
|
max-width: 1200px;
|
|
height: 270px;
|
|
margin-left: -50px !important;
|
|
}
|
|
|
|
#container2 {
|
|
min-width: 310px;
|
|
max-width: 1200px;
|
|
height: 270px;
|
|
margin-left: -50px !important;
|
|
}
|
|
|
|
#container3 {
|
|
min-width: 310px;
|
|
max-width: 1200px;
|
|
height: 270px;
|
|
margin-left: -50px !important;
|
|
}
|
|
|
|
#container4 {
|
|
min-width: 310px;
|
|
max-width: 1200px;
|
|
height: 270px;
|
|
margin-left: -50px !important;
|
|
}
|
|
|
|
#container5 {
|
|
min-width: 310px;
|
|
max-width: 1200px;
|
|
height: 270px;
|
|
margin-left: -50px !important;
|
|
}
|
|
|
|
.highcharts-menu-item {
|
|
font-family: sans-serif !important;
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
hr {
|
|
margin-bottom: 10px !important;
|
|
margin-top: 10px !important;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
function OpenInNewWin(urlType) {
|
|
var url;
|
|
if (urlType == 'iSend') {
|
|
url = '../RemittanceSystem/RemittanceReports/AnalysisReport/TranAnalysisReport.aspx?reportName=trananalysisintl&fromDate=<%= GetDate() %>&toDate=<%= GetDate() %>&fromTime=00:00:00&toTime=23:59:59&dateType=S&sCountry=&rCountry=&groupBy=detail&searchBy=sender';
|
|
}
|
|
else if (urlType == 'iPaid') {
|
|
url = '../Remit/Transaction/Reports/IntlReports/PayTrnRpt/ShowReport.aspx?reportName=paidtranint&fromDate=<%= GetDate() %>&toDate=<%= GetDate() %>&sCountry=&sZone=All&sDistrict=All&rCountry=&rZone=All&rDistrict=All';
|
|
}
|
|
else if (urlType == 'iCancel') {
|
|
//reportName=40111600&sBranch=393879&orderBy=dot&fromDate=1/20/2019&toDate=1/20/2019&dateField=paidDate&from=2019/01/20&to=2019/01/20&transType=Cancel&rptType=s&displayTranNo=N
|
|
url = '../RemittanceSystem/RemittanceReports/Reports.aspx?reportName=20163300&fromDate=<%= GetDate() %>&toDate=<%= GetDate() %>&rCountry=Nepal&ctype=Approved&transType=Cancel&rptType=s&displayTranNo=N';
|
|
}
|
|
else if (urlType == 'isend') {
|
|
url = "";
|
|
}
|
|
OpenInNewWindow(url);
|
|
return false;
|
|
}
|
|
function ShowReport(reportType) {
|
|
var url;
|
|
if (reportType == 'Total Unpaid Transactions') {
|
|
var TranType = 'i';
|
|
var Country = '';
|
|
var url = "RemittanceSystem/RemittanceReports/Reports.aspx?reportName=20167500&flag=detail1&TranType=" + TranType + "&country=" + Country;
|
|
} else if (reportType == 'Unpaid between 5 to 15 days') {
|
|
var TranType = 'i';
|
|
var Country = '';
|
|
var url = "RemittanceSystem/RemittanceReports/Reports.aspx?reportName=20167500&flag=between5to15&TranType=" + TranType + "&country=" + Country;
|
|
} else if (reportType == 'Unpaid from more than 15 days') {
|
|
var TranType = 'i';
|
|
var Country = '';
|
|
var url = "RemittanceSystem/RemittanceReports/Reports.aspx?reportName=20167500&flag=greaterthan15&TranType=" + TranType + "&country=" + Country;
|
|
}
|
|
else if (reportType == 'Todays Customer Registration') {
|
|
var TranType = 'i';
|
|
var Country = '';
|
|
var url = "RemittanceSystem/RemittanceReports/Reports.aspx?reportName=20167500&flag=customerregistration&TranType=" + TranType + "&country=" + Country;
|
|
}
|
|
OpenInNewWindow(url);
|
|
return false;
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<form id="form1" runat="server">
|
|
<div class="page-wrapper">
|
|
<div class="row" id="divPopulateTxnCount" runat="server">
|
|
<div class="col-sm-6 col-md-3 margin-b-30">
|
|
<div class="tile green">
|
|
<div class="tile-title clearfix">
|
|
Today's Send
|
|
</div>
|
|
<div class="tile-body clearfix">
|
|
<i class="fa fa-credit-card"></i>
|
|
<h4 class="pull-right">
|
|
<a onclick=" OpenInNewWin('iSend')" href="#" style="color: white;">
|
|
<asp:Label runat="server" ID="iSend"></asp:Label></a>
|
|
</h4>
|
|
</div>
|
|
<div class="tile-footer">
|
|
<a onclick=" OpenInNewWin('iSend')" href="#">View Details...</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-3 margin-b-30">
|
|
<div class="tile blue">
|
|
<div class="tile-title clearfix">
|
|
Today's Pay
|
|
</div>
|
|
<div class="tile-body clearfix">
|
|
<i class="fa fa-credit-card"></i>
|
|
<h4 class="pull-right">
|
|
<a style="color: white;" onclick=" return OpenInNewWin('iPaid');" href="#">
|
|
<asp:Label runat="server" ID="iPaid"></asp:Label>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div class="tile-footer">
|
|
<a onclick="return OpenInNewWin('iPaid');" href="#">View Details...</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-3 margin-b-30">
|
|
<div class="tile red">
|
|
<div class="tile-title clearfix">
|
|
Today's Cancel
|
|
</div>
|
|
<div class="tile-body clearfix">
|
|
<i class="fa fa-credit-card"></i>
|
|
<h4 class="pull-right">
|
|
<a onclick=" OpenInNewWin('iCancel')" style="color: white;" href="#">
|
|
<asp:Label runat="server" ID="iCancel"></asp:Label></a>
|
|
</h4>
|
|
</div>
|
|
<div class="tile-footer">
|
|
<a onclick=" OpenInNewWin('iCancel')" href="#">View Details...
|
|
</a>
|
|
</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">Status Wise number of Transaction</h4>
|
|
<div class="panel-actions">
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="col-md-12" id="TxnWiseStatus" runat="server"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="panel panel-default recent-activites">
|
|
<!-- Start .panel -->
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">Partner Wise Settlement Rate</h4>
|
|
<div class="panel-actions">
|
|
</div>
|
|
</div>
|
|
<div class="panel-body pad-0 holder" style="height: 200px !important; font-size: 11px;" id="tblExRate" runat="server">
|
|
<table class="table table-responsive table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>S.No.</th>
|
|
<th>Partner</th>
|
|
<th>Ex Rate</th>
|
|
<th>Payer</th>
|
|
<th>Payment Modes</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="5">No data to display</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" id="barDiv" runat="server" visible="false">
|
|
<div class="col-md-12">
|
|
<%--<div id="barGraph"></div>--%>
|
|
<div id="container1" align="center"></div>
|
|
<div id="container2" align="center"></div>
|
|
<div id="container3" align="center"></div>
|
|
<div id="container4" align="center"></div>
|
|
<div id="container5" align="center"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<%-- <div class="col-md-6">
|
|
<div class="panel panel-default recent-activites">
|
|
<!-- Start .panel -->
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">Pie-Chart Data</h4>
|
|
<div class="panel-actions">
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div id="piechart1"></div>
|
|
</div>
|
|
</div>
|
|
</div>--%>
|
|
<%-- <div class="modal fade " id="myModal" role="dialog" style="top: 150px;">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
<h4 class="modal-title">
|
|
<label id="createdBy" style="text-transform: uppercase;"></label>
|
|
<small style="font-size: 10px;"><i class="fa fa-clock-o"></i> <label id="createdDate"></small></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<label id="message"></label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>--%>
|
|
</div>
|
|
</form>
|
|
<script type="text/javascript">
|
|
|
|
Highcharts.chart('container1', {
|
|
chart: {
|
|
width: 1100,
|
|
height: 250
|
|
},
|
|
title: {
|
|
text: 'JME Company Ltd.'
|
|
},
|
|
subtitle: {
|
|
text: '<%=countryName%> monthly transaction trend'
|
|
},
|
|
yAxis: {
|
|
title: {
|
|
text: 'Number of Transactitons'
|
|
}
|
|
},
|
|
legend: {
|
|
layout: 'vertical',
|
|
align: 'right',
|
|
verticalAlign: 'middle'
|
|
},
|
|
plotOptions: {
|
|
series: {
|
|
label: {
|
|
connectorAllowed: false
|
|
},
|
|
pointStart: 1
|
|
}
|
|
},
|
|
series: [<%=HighChart%>],
|
|
responsive: {
|
|
rules: [{
|
|
condition: {
|
|
maxWidth: 1000
|
|
},
|
|
chartOptions: {
|
|
legend: {
|
|
layout: 'horizontal',
|
|
align: 'center',
|
|
verticalAlign: 'bottom'
|
|
}
|
|
}
|
|
}]
|
|
}
|
|
});
|
|
|
|
Highcharts.chart('container2', {
|
|
chart: {
|
|
width: 1100,
|
|
height: 250
|
|
},
|
|
title: {
|
|
text: 'JME Company Ltd.'
|
|
},
|
|
subtitle: {
|
|
text: '<%=countryName2%> monthly transaction trend'
|
|
},
|
|
yAxis: {
|
|
title: {
|
|
text: 'Number of Transactitons'
|
|
}
|
|
},
|
|
legend: {
|
|
layout: 'vertical',
|
|
align: 'right',
|
|
verticalAlign: 'middle'
|
|
},
|
|
plotOptions: {
|
|
series: {
|
|
label: {
|
|
connectorAllowed: false
|
|
},
|
|
pointStart: 1
|
|
}
|
|
},
|
|
series: [<%=HighChart2%>],
|
|
responsive: {
|
|
rules: [{
|
|
condition: {
|
|
maxWidth: 1000
|
|
},
|
|
chartOptions: {
|
|
legend: {
|
|
layout: 'horizontal',
|
|
align: 'center',
|
|
verticalAlign: 'bottom'
|
|
}
|
|
}
|
|
}]
|
|
}
|
|
});
|
|
|
|
Highcharts.chart('container3', {
|
|
chart: {
|
|
width: 1100,
|
|
height: 250
|
|
},
|
|
title: {
|
|
text: 'JME Company Ltd.'
|
|
},
|
|
subtitle: {
|
|
text: '<%=countryName3%> monthly transaction trend'
|
|
},
|
|
yAxis: {
|
|
title: {
|
|
text: 'Number of Transactitons'
|
|
}
|
|
},
|
|
legend: {
|
|
layout: 'vertical',
|
|
align: 'right',
|
|
verticalAlign: 'middle'
|
|
},
|
|
plotOptions: {
|
|
series: {
|
|
label: {
|
|
connectorAllowed: false
|
|
},
|
|
pointStart: 1
|
|
}
|
|
},
|
|
series: [<%=HighChart3%>],
|
|
responsive: {
|
|
rules: [{
|
|
condition: {
|
|
maxWidth: 1000
|
|
},
|
|
chartOptions: {
|
|
legend: {
|
|
layout: 'horizontal',
|
|
align: 'center',
|
|
verticalAlign: 'bottom'
|
|
}
|
|
}
|
|
}]
|
|
}
|
|
});
|
|
|
|
Highcharts.chart('container4', {
|
|
chart: {
|
|
width: 1100,
|
|
height: 250
|
|
},
|
|
title: {
|
|
text: 'JME Company Ltd.'
|
|
},
|
|
subtitle: {
|
|
text: '<%=countryName4%> monthly transaction trend'
|
|
},
|
|
yAxis: {
|
|
title: {
|
|
text: 'Number of Transactitons'
|
|
}
|
|
},
|
|
legend: {
|
|
layout: 'vertical',
|
|
align: 'right',
|
|
verticalAlign: 'middle'
|
|
},
|
|
plotOptions: {
|
|
series: {
|
|
label: {
|
|
connectorAllowed: false
|
|
},
|
|
pointStart: 1
|
|
}
|
|
},
|
|
series: [<%=HighChart4%>],
|
|
responsive: {
|
|
rules: [{
|
|
condition: {
|
|
maxWidth: 1000
|
|
},
|
|
chartOptions: {
|
|
legend: {
|
|
layout: 'horizontal',
|
|
align: 'center',
|
|
verticalAlign: 'bottom'
|
|
}
|
|
}
|
|
}]
|
|
}
|
|
});
|
|
|
|
Highcharts.chart('container5', {
|
|
chart: {
|
|
width: 1100,
|
|
height: 250
|
|
},
|
|
title: {
|
|
text: 'JME Company Ltd.'
|
|
},
|
|
subtitle: {
|
|
text: '<%=countryName5%> monthly transaction trend'
|
|
},
|
|
yAxis: {
|
|
title: {
|
|
text: 'Number of Transactitons'
|
|
}
|
|
},
|
|
legend: {
|
|
layout: 'vertical',
|
|
align: 'right',
|
|
verticalAlign: 'middle'
|
|
},
|
|
plotOptions: {
|
|
series: {
|
|
label: {
|
|
connectorAllowed: false
|
|
},
|
|
pointStart: 1
|
|
}
|
|
},
|
|
series: [<%=HighChart5%>],
|
|
responsive: {
|
|
rules: [{
|
|
condition: {
|
|
maxWidth: 1000
|
|
},
|
|
chartOptions: {
|
|
legend: {
|
|
layout: 'horizontal',
|
|
align: 'center',
|
|
verticalAlign: 'bottom'
|
|
}
|
|
}
|
|
}]
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<script>
|
|
function ExportToExcel(type) {
|
|
if (type == 'AccountList') {
|
|
$("#btnExcelAccount").click();
|
|
}
|
|
else {
|
|
$("#type").val(type);
|
|
$("#btnExcel").click();
|
|
}
|
|
|
|
};
|
|
function ShowMessage(msgId) {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/Front.aspx",
|
|
data: { MethodName: "Messages", MessageId: msgId },
|
|
success: function (result) {
|
|
PopulateData(result);
|
|
}
|
|
});
|
|
};
|
|
function PopulateData(data) {
|
|
$('#myModal').modal('show');
|
|
|
|
var obj = jQuery.parseJSON(data);
|
|
$('#message').html(obj.Message);
|
|
$('#createdBy').html(obj.CreatedBy);
|
|
$('#createdDate').html(obj.CreatedDate);
|
|
//$('#questionDesc').html(obj.Description);
|
|
//$('#forumTitle').html(obj.ForumTitle);
|
|
};
|
|
</script>
|
|
</body>
|
|
</html>
|