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.
716 lines
47 KiB
716 lines
47 KiB
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Dashboard2.aspx.cs" Inherits="Swift.web.DashboardV2.Dashboard2" Async="true" %>
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head runat="server">
|
|
<title>Dashboard V2</title>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="assets/Vendor/flatpickr/flatpickr.min.css" rel="stylesheet" />
|
|
<link href="assets/css/app.min.css" rel="stylesheet" />
|
|
<link href="assets/css/icons.min.css" rel="stylesheet" />
|
|
<link href="assets/css/style.css" rel="stylesheet" />
|
|
<style type="text/css">
|
|
.modal-dialog,
|
|
.modal-content {
|
|
/* 80% of window height */
|
|
height: 80%;
|
|
z-index: 900;
|
|
}
|
|
|
|
.modal-body {
|
|
/* 100% = dialog height, 120px = header + footer */
|
|
max-height: calc(100% - 120px);
|
|
overflow-y: scroll;
|
|
z-index: 900;
|
|
}
|
|
</style>
|
|
|
|
<%--Loading icon--%>
|
|
<style>
|
|
.no-js #loader {
|
|
display: none;
|
|
}
|
|
|
|
.js #loader {
|
|
display: block;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
|
|
.show {
|
|
display: block;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
|
|
.no-show {
|
|
display: none;
|
|
}
|
|
|
|
.se-pre-con {
|
|
display: block;
|
|
position: fixed;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 9999;
|
|
background: url("../Images/loading_icon.gif") center no-repeat #fff;
|
|
}
|
|
|
|
.footer-text {
|
|
color: white;
|
|
}
|
|
|
|
.auto-style1 {
|
|
flex: 0 0 auto;
|
|
width: 100%;
|
|
left: 0px;
|
|
top: 25px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="loading-div" class="se-pre-con"></div>
|
|
<%--<body class="loading" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": false}, "topbar": {"color": "light"}, "showRightSidebarOnPageLoad": true}'>--%>
|
|
<form id="form1" runat="server">
|
|
<%--<div class="overlay"></div>--%>
|
|
<!-- Begin page -->
|
|
<div id="wrapper">
|
|
<div class="content-page" style="margin-left: 0px !important;">
|
|
<div class="content">
|
|
<!-- Start Content-->
|
|
<div class="container-fluid">
|
|
|
|
<!-- start page title -->
|
|
<div class="row">
|
|
<div class="auto-style1">
|
|
<div class="page-title-box">
|
|
<h4 class="page-title"></h4>
|
|
<div class="page-title-right">
|
|
<div class="float-sm-end mt-3 mt-sm-0">
|
|
<div class="row g-2">
|
|
<div class="col-md-auto">
|
|
<div class="mb-1 mb-sm-0">
|
|
<input type="text" class="form-control" id="dash-daterange" style="min-width: 210px; display: none;" />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-auto">
|
|
<div class="btn-group">
|
|
<button type="button" id="btnReloadData" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="display: none;">
|
|
<i class='uil uil-refresh me-1'></i>Refresh</button>
|
|
<%--<i class="icon"><span data-feather="chevron-down"></span></i>
|
|
<div class="dropdown-menu dropdown-menu-end">
|
|
<a href="#" class="dropdown-item notify-item">
|
|
<i data-feather="mail" class="icon-dual icon-xs me-2"></i>
|
|
<span>Email</span>
|
|
</a>
|
|
<a href="#" class="dropdown-item notify-item">
|
|
<i data-feather="printer" class="icon-dual icon-xs me-2"></i>
|
|
<span>Print</span>
|
|
</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a href="#" class="dropdown-item notify-item">
|
|
<i data-feather="file" class="icon-dual icon-xs me-2"></i>
|
|
<span>Re-Generate</span>
|
|
</a>
|
|
</div>--%>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end page title -->
|
|
<div class="row" id="todaysSentPaidRoleDiv" runat="server">
|
|
<div class="col-lg-2 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex">
|
|
<div class="flex-grow-1">
|
|
<span class="text-muted text-uppercase fs-12 fw-bold">Today's Sent</span>
|
|
<h3 class="mb-0">
|
|
<label id="todaysSent"></label>
|
|
</h3>
|
|
</div>
|
|
<div class="align-self-center flex-shrink-0">
|
|
<div id="today-sent" class="apex-charts"></div>
|
|
<span class="text-success fw-bold fs-13" style="display: none;">
|
|
<i class='uil uil-arrow-up'></i>10.21%
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex">
|
|
<div class="flex-grow-1">
|
|
<span class="text-muted text-uppercase fs-12 fw-bold">TODAY'S Paid</span>
|
|
<h3 class="mb-0">
|
|
<label id="todaysPaid"></label>
|
|
</h3>
|
|
</div>
|
|
<div class="align-self-center flex-shrink-0">
|
|
<div id="today-paid" class="apex-charts"></div>
|
|
<span class="text-danger fw-bold fs-13" style="display: none;">
|
|
<i class='uil uil-arrow-down'></i>5.05%
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex">
|
|
<div class="flex-grow-1">
|
|
<span class="text-muted text-uppercase fs-12 fw-bold">TODAY'S Mobile Txn</span>
|
|
<h3 class="mb-0">
|
|
<label id="mobileSent"></label>
|
|
</h3>
|
|
</div>
|
|
<div class="align-self-center flex-shrink-0">
|
|
<div id="today-mobile-sent" class="apex-charts"></div>
|
|
<span class="text-danger fw-bold fs-13" style="display: none;">
|
|
<i class='uil uil-arrow-down'></i>5.05%
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex">
|
|
<div class="flex-grow-1">
|
|
<span class="text-muted text-uppercase fs-12 fw-bold">TODAY'S REG</span>
|
|
<h3 class="mb-0">
|
|
<label id="todaysRegistration"></label>
|
|
</h3>
|
|
</div>
|
|
<div class="align-self-center flex-shrink-0">
|
|
<div id="today-registration" class="apex-charts"></div>
|
|
<span class="text-success fw-bold fs-13" style="display: none;">
|
|
<i class='uil uil-arrow-up'></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex">
|
|
<div class="flex-grow-1">
|
|
<span class="text-muted text-uppercase fs-12 fw-bold">TODAY'S MOB REG</span>
|
|
<h3 class="mb-0">
|
|
<label id="todaysMobileRegistration"></label>
|
|
</h3>
|
|
</div>
|
|
<div class="align-self-center flex-shrink-0">
|
|
<div id="today-mobile-registration" class="apex-charts"></div>
|
|
<span class="text-success fw-bold fs-13" style="display: none;">
|
|
<i class='uil uil-arrow-up'></i>25.16%
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex">
|
|
<div class="flex-grow-1">
|
|
<span class="text-muted text-uppercase fs-11 fw-bold">TODAY'S MOB Activated</span>
|
|
<h3 class="mb-0">
|
|
<label id="todaysMobileActivation"></label>
|
|
</h3>
|
|
</div>
|
|
<div class="align-self-center flex-shrink-0">
|
|
<div id="today-mobile-activation" class="apex-charts"></div>
|
|
<span class="text-success fw-bold fs-13" style="display: none;">
|
|
<i class='uil uil-arrow-up'></i>25.16%
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- stats + charts -->
|
|
<div class="row">
|
|
<div class="col-xl-6" id="transactionStaticsRoleDiv" runat="server">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="dropdown float-end " style="display: none;">
|
|
<a href="#" class="dropdown-toggle arrow-none text-muted" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<i class="uil uil-ellipsis-v"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-end">
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Today
|
|
</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">7 Days
|
|
</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">15 Days
|
|
</a>
|
|
<div class="dropdown-divider"></div>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">1 Months
|
|
</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">6 Months
|
|
</a>
|
|
<div class="dropdown-divider"></div>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">1 Year
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<h5 class="card-title mb-0 header-title">Transaction Statics</h5>
|
|
|
|
<div id="revenue-chart" class="apex-charts mt-3" dir="ltr"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6" id="branchTransactionRoleDiv" runat="server">
|
|
<div class="card">
|
|
<div class="card-body pb-0" style="min-height: 408px;">
|
|
<div class="dropdown float-end">
|
|
<a href="#" class="dropdown-toggle arrow-none text-muted" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<i class="uil uil-ellipsis-v"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-end">
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<i class="uil uil-refresh me-2"></i>Refresh
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<h5 class="card-title header-title">Branch Transaction</h5>
|
|
<div id="counter-mobile-transaction" class="apex-charts mt-3" dir="ltr"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- row -->
|
|
|
|
<!-- products -->
|
|
<%--<div class="col-xl-6" id="lawsonCardSummaryRoleDiv" runat="server">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<button type="button" onclick="ShowLawsonCardSummaryModal()" class="btn btn-primary btn-sm float-end" data-toggle="modal" style="display: none;">
|
|
View All
|
|
</button>
|
|
<h5 class="mb-4 header-title">Lawson Card Summary</h5>
|
|
<div class="px-1" style="max-height: 352px;">
|
|
<table class="table table-responsive table-bordered" id="tableLawsonSummary">
|
|
<thead>
|
|
<tr>
|
|
<th>S. No.</th>
|
|
<th>Description</th>
|
|
<th>Count</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="3" align="center">No data to display!</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>--%>
|
|
<%--<div class="col-xl-6" id="agentWiseTxnRoleDiv" runat="server">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<button type="button" onclick="ShowAgentModal()" class="btn btn-primary btn-sm float-end" data-toggle="modal" data-target="#gridAgentWiseModal">
|
|
View All
|
|
</button>
|
|
<h5 class="mb-4 header-title">AGENT WISE NUMBER OF TRANSACTIONS FOR CURRENT MONTH</h5>
|
|
<div class="px-1" style="max-height: 352px;">
|
|
<table class="table table-responsive table-bordered" id="tableAgentWise">
|
|
<thead>
|
|
<tr>
|
|
<th>S. No.</th>
|
|
<th>Agent Name</th>
|
|
<th>Current Month</th>
|
|
<th>Previous Month</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="3" align="center">No data to display!</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>--%>
|
|
|
|
<div class="col-xl-3" id="customerOverviewRoleDiv" runat="server">
|
|
<div class="card">
|
|
<div class="card-body p-0">
|
|
<div class="p-3">
|
|
<div class="dropdown float-end">
|
|
<a href="#" class="dropdown-toggle arrow-none text-muted" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<i class="uil uil-ellipsis-v"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-end">
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<i class="uil uil-refresh me-2"></i>Refresh
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<h5 class="card-title header-title mb-0">Customers Overview</h5>
|
|
</div>
|
|
|
|
<!-- stat 1 -->
|
|
<div class="d-flex p-3 border-bottom">
|
|
<div class="flex-grow-1">
|
|
<h4 class="mt-0 mb-1 fs-22" id="totalCustomerCount">0</h4>
|
|
<span class="text-muted">Total Customers</span>
|
|
</div>
|
|
<i data-feather="users" class="align-self-center icon-dual icon-md"></i>
|
|
</div>
|
|
|
|
<!-- stat 2 -->
|
|
<div class="d-flex p-3 border-bottom">
|
|
<div class="flex-grow-1">
|
|
<h4 class="mt-0 mb-1 fs-22" id="mobileCustomerCount">0</h4>
|
|
<span class="text-muted">Total Mobile Customers</span>
|
|
</div>
|
|
<i data-feather="image" class="align-self-center icon-dual icon-md"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3" id="complianceOfacRoleDiv" runat="server">
|
|
<div class="card">
|
|
<div class="card-body p-0" style="min-height: 267px !important;">
|
|
<div class="p-3">
|
|
<div class="dropdown float-end">
|
|
<a href="#" class="dropdown-toggle arrow-none text-muted" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<i class="uil uil-ellipsis-v"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-end">
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<i class="uil uil-refresh me-2"></i>Refresh
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<h5 class="card-title header-title mb-0">COMPLIANCE/OFAC HOLD TRANSACTIONS</h5>
|
|
</div>
|
|
<!-- stat 1 -->
|
|
<div class="form-content p-0">
|
|
<div class="list-group drop-reveal-list">
|
|
<a href="../Remit/Compliance/ApproveOFACandComplaince/List.aspx?tranType=I" target="_blank" class="list-group-item list-group-item-action border-top-0">
|
|
<div class="msg-body d-flex align-items-center">
|
|
<div class="icon-element flex-shrink-0 mr-3 ml-0">
|
|
<i class='uil uil-bell'></i>
|
|
</div>
|
|
<div class="msg-content w-100" style="margin-left: 10px;">
|
|
<h3 class="title pb-1" style="font-size: 14px !important;">Compliance/OFAC Hold</h3>
|
|
<p class="msg-text" style="color: red;" id="complianceHoldCount">0</p>
|
|
</div>
|
|
<span class="icon-element mark-as-read-btn flex-shrink-0 ml-auto mr-0"
|
|
data-toggle="tooltip" data-placement="left" title="View Topup Request" style="display: none;">
|
|
<i class="las la-money-bill-wave-alt"></i>
|
|
</span>
|
|
</div>
|
|
<!-- end msg-body -->
|
|
</a>
|
|
<a href="../Remit/Compliance/ApproveOFACandComplaince/List.aspx?tranType=M" target="_blank" class="list-group-item list-group-item-action">
|
|
<div class="msg-body d-flex align-items-center">
|
|
<div class="icon-element bg-3 flex-shrink-0 mr-3 ml-0">
|
|
<i class='uil uil-bell'></i>
|
|
</div>
|
|
<div class="msg-content w-100" style="margin-left: 10px;">
|
|
<h3 class="title pb-1" style="font-size: 14px !important;">Compliance Hold: Mobile /Web Online</h3>
|
|
<p class="msg-text" style="color: red;" id="complianceHoldCountMobileKycLater">0</p>
|
|
</div>
|
|
<span class="icon-element mark-as-read-btn flex-shrink-0 ml-auto mr-0"
|
|
data-toggle="tooltip" data-placement="left" title="View Reschedule Request" style="display: none;">
|
|
<i class='uil uil-refresh'></i>
|
|
</span>
|
|
</div>
|
|
<!-- end msg-body -->
|
|
</a>
|
|
<%-- <a href="../Remit/Compliance/ApproveOFACandComplaince/List.aspx?tranType=M&kycStatus=KYC_NOW" target="_blank" class="list-group-item list-group-item-action">
|
|
<div class="msg-body d-flex align-items-center">
|
|
<div class="icon-element bg-3 flex-shrink-0 mr-3 ml-0">
|
|
<i class='uil uil-bell'></i>
|
|
</div>
|
|
<div class="msg-content w-100" style="margin-left: 10px;">
|
|
<h3 class="title pb-1" style="font-size: 14px !important;">ComplianceHold: Mobile (KYC Now)</h3>
|
|
<p class="msg-text" style="color: red;" id="complianceHoldCountMobileKycNow">0</p>
|
|
</div>
|
|
<span class="icon-element mark-as-read-btn flex-shrink-0 ml-auto mr-0"
|
|
data-toggle="tooltip" data-placement="left" title="View Reschedule Request" style="display: none;">
|
|
<i class='uil uil-refresh'></i>
|
|
</span>
|
|
</div>
|
|
<!-- end msg-body -->
|
|
</a>--%>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-xl-6" id="customerKycStatusList" runat="server">
|
|
<div class="card">
|
|
<div class="card-body p-0" style="min-height: 267px !important;">
|
|
<div class="p-3">
|
|
<div class="dropdown float-end">
|
|
<a href="#" class="dropdown-toggle arrow-none text-muted" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<i class="uil uil-ellipsis-v"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-end">
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<i class="uil uil-refresh me-2"></i>Refresh
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<h5 class="card-title header-title mb-0">Customer KYC Status</h5>
|
|
</div>
|
|
<div class="form-content p-0">
|
|
<div class="list-group drop-reveal-list">
|
|
<a href="../MobileRemit/Admin/Operation/VerifyMobileCustomer.aspx?kycStatus=PROCESSING" target="_blank" class="list-group-item list-group-item-action border-top-0">
|
|
<div class="msg-body d-flex align-items-center">
|
|
<div class="icon-element bg-8 flex-shrink-0 mr-3 ml-0">
|
|
<i class='uil uil-bell'></i>
|
|
</div>
|
|
<div class="msg-content w-100" style="margin-left: 10px;">
|
|
<h3 class="title pb-1" style="font-size: 14px !important;">KYC Processing</h3>
|
|
<p class="msg-text" style="color: red;" id="kycProcessingCust">0</p>
|
|
</div>
|
|
<span class="icon-element mark-as-read-btn flex-shrink-0 ml-auto mr-0"
|
|
data-toggle="tooltip" data-placement="left" title="View Topup Request" style="display: none;">
|
|
<i class="las la-money-bill-wave-alt"></i>
|
|
</span>
|
|
</div>
|
|
</a>
|
|
<a href="../MobileRemit/Admin/Operation/VerifyMobileCustomer.aspx?kycStatus=NOT_COMPLETED" target="_blank" class="list-group-item list-group-item-action">
|
|
<div class="msg-body d-flex align-items-center">
|
|
<div class="icon-element bg-9 flex-shrink-0 mr-3 ml-0">
|
|
<i class='uil uil-bell'></i>
|
|
</div>
|
|
<div class="msg-content w-100" style="margin-left: 10px;">
|
|
<h3 class="title pb-1" style="font-size: 14px !important;">KYC Not Completed</h3>
|
|
<p class="msg-text" style="color: red;" id="kycNotCompletedCust">0</p>
|
|
</div>
|
|
<span class="icon-element mark-as-read-btn flex-shrink-0 ml-auto mr-0"
|
|
data-toggle="tooltip" data-placement="left" title="View Reschedule Request" style="display: none;">
|
|
<i class='uil uil-refresh'></i>
|
|
</span>
|
|
</div>
|
|
</a>
|
|
<a href="../MobileRemit/Admin/Operation/VerifyMobileCustomer.aspx?kycStatus=COMPLETED" target="_blank" class="list-group-item list-group-item-action">
|
|
<div class="msg-body d-flex align-items-center">
|
|
<div class="icon-element bg-10 flex-shrink-0 mr-3 ml-0">
|
|
<i class='uil uil-bell'></i>
|
|
</div>
|
|
<div class="msg-content w-100" style="margin-left: 10px;">
|
|
<h3 class="title pb-1" style="font-size: 14px !important;">KYC Completed</h3>
|
|
<p class="msg-text" style="color: red;" id="kycCompletedCust">0</p>
|
|
</div>
|
|
<span class="icon-element mark-as-read-btn flex-shrink-0 ml-auto mr-0"
|
|
data-toggle="tooltip" data-placement="left" title="View Reschedule Request" style="display: none;">
|
|
<i class='uil uil-refresh'></i>
|
|
</span>
|
|
</div>
|
|
<!-- end msg-body -->
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<%--<div class="col-xl-6" id="userwiseDailyTxnRoleDiv" runat="server">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<%--<div class="col-xl-6" id="userwiseDailyTxnRoleDiv" runat="server">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<button type="button" onclick="ShowUserWiseTxnModal()" class="btn btn-primary btn-sm float-end" data-toggle="modal">
|
|
View All
|
|
</button>
|
|
<h5 class="mb-4 header-title">USERWISE DAILY TRANSACTIONS</h5>
|
|
<div class="px-1" style="max-height: 352px;">
|
|
<table class="table table-responsive table-bordered" id="tableUserWise">
|
|
<thead>
|
|
<tr>
|
|
<th>S. No.</th>
|
|
<th>User Name</th>
|
|
<th>Transaction Count</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="3" align="center">No data to display!</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>--%>
|
|
</div>
|
|
<!-- end row -->
|
|
</div>
|
|
<!-- container -->
|
|
</div>
|
|
<!-- content -->
|
|
|
|
<!-- Footer Start -->
|
|
<footer class="footer" style="left: 0 !important; background-color: #262262; color: #fff;">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-12 text-center">
|
|
<a class="footer-text" href="">IME London is a trading name of Subhida UK Ltd, Pentax House, South Hill Avenue, South Harrow, London, HA2 0DU, Company Registration No: 06432399<br />
|
|
Subhida UK Ltd is authorized and regulated by the Financial Conduct Authority (FCA) under the Payment Service Regulations 2017, FCA Registration No: 576127, HMRC Registration No: XYML000000119350<br />
|
|
© IME London, 2023</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- end Footer -->
|
|
</div>
|
|
<!-- ============================================================== -->
|
|
<!-- End Page content -->
|
|
<!-- ============================================================== -->
|
|
</div>
|
|
<!-- END wrapper -->
|
|
|
|
<%--Modal for Agentwise txn--%>
|
|
<div class="modal fade bd-example-modal-lg" id="gridAgentWiseModal" tabindex="-1" role="dialog" aria-labelledby="gridAgentWiseModalLabel" aria-hidden="true" style="max-height: 900px;">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="gridAgentWiseModalLabel">Agent wise number of transactions</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="ClosePopup()" style="border: 0px; background: transparent; font-size: 25px; font-weight: 800;">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body" style="max-height: 500px;">
|
|
<table class="table table-responsive table-bordered" id="tableAgentWisePopup" style="max-height: 500px;">
|
|
<thead>
|
|
<tr>
|
|
<th>S. No.</th>
|
|
<th>Agent Name</th>
|
|
<th>Current Month</th>
|
|
<th>Previous Month</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="3" align="center">No data to display!</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="ClosePopup()">Close</button>
|
|
<%--<button type="button" class="btn btn-primary">Save changes</button>--%>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade bd-example-modal-lg" id="gridUserWiseModal" tabindex="-1" role="dialog" aria-labelledby="gridAgentWiseModalLabel" aria-hidden="true" style="max-height: 900px;">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="gridUserWiseModalLabel">Userwise Daily Transactions</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="ClosePopup()" style="border: 0px; background: transparent; font-size: 25px; font-weight: 800;">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body" style="max-height: 500px;">
|
|
<table class="table table-responsive table-bordered" id="tableUserWisePopup" style="max-height: 500px;">
|
|
<thead>
|
|
<tr>
|
|
<th>S. No.</th>
|
|
<th>Teller Name</th>
|
|
<th>Transaction Count</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="3" align="center">No data to display!</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="ClosePopup()">Close</button>
|
|
<%--<button type="button" class="btn btn-primary">Save changes</button>--%>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<script src="assets/js/vendor.min.js"></script>
|
|
<script src="assets/Vendor/moment/min/moment.min.js"></script>
|
|
<script src="assets/Vendor/apexcharts/apexcharts.min.js"></script>
|
|
<script src="assets/Vendor/flatpickr/flatpickr.min.js"></script>
|
|
<script src="assets/js/dashboardv2.js"></script>
|
|
<%--<script src="assets/js/app.js"></script>--%>
|
|
<script type="text/javascript">
|
|
//$(window).load(function () {
|
|
// // Animate loader off screen
|
|
// $(".se-pre-con").hide();
|
|
//});
|
|
function ShowAgentModal() {
|
|
$('#gridAgentWiseModal').modal('show');
|
|
}
|
|
function ShowUserWiseTxnModal() {
|
|
$('#gridUserWiseModal').modal('show');
|
|
}
|
|
function ClosePopup() {
|
|
$('#gridAgentWiseModal').modal('hide');
|
|
$('#gridUserWiseModal').modal('hide');
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
$('#btnReloadData').click(function () {
|
|
$("#loading-div").removeAttr('style');
|
|
setTimeout(function () {
|
|
LoadChartData();
|
|
}, 10);
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|