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.
|
|
<%@ 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; } </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="col-12"> <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">121,000</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">21,000</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">CCOMPLIANCE/OFAC HELD 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">10</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/OFAC Hold : Mobile</h3> <p class="msg-text" style="color: red;" id="complianceHoldCountMobile">4</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 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;"> <div class="container-fluid"> <div class="row"> <div class="col-md-12 text-center"> <script>document.write(new Date().getFullYear())</script> © <a href="">Japan Remit</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>
|
