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.
132 lines
8.7 KiB
132 lines
8.7 KiB
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JMEAgentSystem._Default" %>
|
|
|
|
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
|
|
<div class="content">
|
|
<div class="">
|
|
<div class="page-header-title">
|
|
<h4 class="page-title">Dashboard</h4>
|
|
</div>
|
|
</div>
|
|
<div class="page-content-wrapper ">
|
|
<div class="container">
|
|
<div class="row" style="display: none;">
|
|
<div class="col-sm-6 col-lg-3">
|
|
<div class="panel text-center">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title text-muted font-light">Total Subscription</h4>
|
|
</div>
|
|
<div class="panel-body p-t-10">
|
|
<h2 class="m-t-0 m-b-15"><i class="mdi mdi-arrow-down-bold-circle-outline text-danger m-r-10"></i><b>8952</b></h2>
|
|
<p class="text-muted m-b-0 m-t-20"><b>48%</b> From Last 24 Hours</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
<div class="panel text-center">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title text-muted font-light">Order Status</h4>
|
|
</div>
|
|
<div class="panel-body p-t-10">
|
|
<h2 class="m-t-0 m-b-15"><i class="mdi mdi-arrow-up-bold-circle-outline text-primary m-r-10"></i><b>6521</b></h2>
|
|
<p class="text-muted m-b-0 m-t-20"><b>42%</b> Orders in Last 10 months</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
<div class="panel text-center">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title text-muted font-light">Unique Visitors</h4>
|
|
</div>
|
|
<div class="panel-body p-t-10">
|
|
<h2 class="m-t-0 m-b-15"><i class="mdi mdi-arrow-up-bold-circle-outline text-primary m-r-10"></i><b>452</b></h2>
|
|
<p class="text-muted m-b-0 m-t-20"><b>22%</b> From Last 24 Hours</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
<div class="panel text-center">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title text-muted font-light">Monthly Earnings</h4>
|
|
</div>
|
|
<div class="panel-body p-t-10">
|
|
<h2 class="m-t-0 m-b-15"><i class="mdi mdi-arrow-down-bold-circle-outline text-danger m-r-10"></i><b>5621</b></h2>
|
|
<p class="text-muted m-b-0 m-t-20"><b>35%</b> From Last 1 Month</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-3" style="display: none;">
|
|
<div class="panel">
|
|
<div class="panel-body">
|
|
<h4 class="m-b-30 m-t-0">Goal Completion</h4>
|
|
<p class="font-600 m-b-5">Add Product to cart <span class="text-primary pull-right"><b>80%</b></span></p>
|
|
<div class="progress m-b-20">
|
|
<div class="progress-bar progress-bar-primary " role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div>
|
|
</div>
|
|
<p class="font-600 m-b-5">Complete Purchases <span class="text-primary pull-right"><b>50%</b></span></p>
|
|
<div class="progress m-b-20">
|
|
<div class="progress-bar progress-bar-primary " role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;"></div>
|
|
</div>
|
|
<p class="font-600 m-b-5">Visit Premium plan <span class="text-primary pull-right"><b>70%</b></span></p>
|
|
<div class="progress m-b-20">
|
|
<div class="progress-bar progress-bar-primary " role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
|
|
</div>
|
|
<p class="font-600 m-b-5">Send Inquiries <span class="text-primary pull-right"><b>65%</b></span></p>
|
|
<div class="progress m-b-20">
|
|
<div class="progress-bar progress-bar-primary " role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 65%;"></div>
|
|
</div>
|
|
<p class="font-600 m-b-5">Monthly Purchases <span class="text-primary pull-right"><b>25%</b></span></p>
|
|
<div class="progress m-b-20">
|
|
<div class="progress-bar progress-bar-primary " role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="width: 25%;"></div>
|
|
</div>
|
|
<p class="font-600 m-b-5">Daily Visits<span class="text-primary pull-right"><b>40%</b></span></p>
|
|
<div class="progress m-b-0">
|
|
<div class="progress-bar progress-bar-primary " role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div class="panel">
|
|
<div class="panel-body" id="loadingDiv">
|
|
<h4 class="m-b-30 m-t-0">Last 5 Transactions</h4>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered table-striped table-hover m-b-0" id="lastFiveTransactions">
|
|
<thead>
|
|
<tr>
|
|
<th>Tran Date</th>
|
|
<th>JME Number</th>
|
|
<th>Sender Name</th>
|
|
<th>Collection Mode</th>
|
|
<th>Sending Amount</th>
|
|
<th>Payout Amount</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="6" align="center">No data to display!</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="Script" runat="server">
|
|
<script src="/Scripts/jquery.min.js"></script>
|
|
<script src="/Plugins/jquery-ui/jquery-ui.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@1.5.4/src/loadingoverlay.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@1.5.4/extras/loadingoverlay_progress/loadingoverlay_progress.min.js"></script>
|
|
<script src="/Scripts/ReferralReports/DashBoard.js?v=1.5"></script>
|
|
</asp:Content>
|