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

4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
  1. <%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JMEAgentSystem._Default" %>
  2. <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
  3. <div class="content">
  4. <div class="">
  5. <div class="page-header-title">
  6. <h4 class="page-title">Dashboard</h4>
  7. </div>
  8. </div>
  9. <div class="page-content-wrapper ">
  10. <div class="container">
  11. <div class="row" style="display: none;">
  12. <div class="col-sm-6 col-lg-3">
  13. <div class="panel text-center">
  14. <div class="panel-heading">
  15. <h4 class="panel-title text-muted font-light">Total Subscription</h4>
  16. </div>
  17. <div class="panel-body p-t-10">
  18. <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>
  19. <p class="text-muted m-b-0 m-t-20"><b>48%</b> From Last 24 Hours</p>
  20. </div>
  21. </div>
  22. </div>
  23. <div class="col-sm-6 col-lg-3">
  24. <div class="panel text-center">
  25. <div class="panel-heading">
  26. <h4 class="panel-title text-muted font-light">Order Status</h4>
  27. </div>
  28. <div class="panel-body p-t-10">
  29. <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>
  30. <p class="text-muted m-b-0 m-t-20"><b>42%</b> Orders in Last 10 months</p>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="col-sm-6 col-lg-3">
  35. <div class="panel text-center">
  36. <div class="panel-heading">
  37. <h4 class="panel-title text-muted font-light">Unique Visitors</h4>
  38. </div>
  39. <div class="panel-body p-t-10">
  40. <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>
  41. <p class="text-muted m-b-0 m-t-20"><b>22%</b> From Last 24 Hours</p>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="col-sm-6 col-lg-3">
  46. <div class="panel text-center">
  47. <div class="panel-heading">
  48. <h4 class="panel-title text-muted font-light">Monthly Earnings</h4>
  49. </div>
  50. <div class="panel-body p-t-10">
  51. <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>
  52. <p class="text-muted m-b-0 m-t-20"><b>35%</b> From Last 1 Month</p>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. <div class="row">
  58. <div class="col-md-3" style="display: none;">
  59. <div class="panel">
  60. <div class="panel-body">
  61. <h4 class="m-b-30 m-t-0">Goal Completion</h4>
  62. <p class="font-600 m-b-5">Add Product to cart <span class="text-primary pull-right"><b>80%</b></span></p>
  63. <div class="progress m-b-20">
  64. <div class="progress-bar progress-bar-primary " role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div>
  65. </div>
  66. <p class="font-600 m-b-5">Complete Purchases <span class="text-primary pull-right"><b>50%</b></span></p>
  67. <div class="progress m-b-20">
  68. <div class="progress-bar progress-bar-primary " role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;"></div>
  69. </div>
  70. <p class="font-600 m-b-5">Visit Premium plan <span class="text-primary pull-right"><b>70%</b></span></p>
  71. <div class="progress m-b-20">
  72. <div class="progress-bar progress-bar-primary " role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
  73. </div>
  74. <p class="font-600 m-b-5">Send Inquiries <span class="text-primary pull-right"><b>65%</b></span></p>
  75. <div class="progress m-b-20">
  76. <div class="progress-bar progress-bar-primary " role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 65%;"></div>
  77. </div>
  78. <p class="font-600 m-b-5">Monthly Purchases <span class="text-primary pull-right"><b>25%</b></span></p>
  79. <div class="progress m-b-20">
  80. <div class="progress-bar progress-bar-primary " role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="width: 25%;"></div>
  81. </div>
  82. <p class="font-600 m-b-5">Daily Visits<span class="text-primary pull-right"><b>40%</b></span></p>
  83. <div class="progress m-b-0">
  84. <div class="progress-bar progress-bar-primary " role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;"></div>
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="col-md-9">
  90. <div class="panel">
  91. <div class="panel-body" id="loadingDiv">
  92. <h4 class="m-b-30 m-t-0">Last 5 Transactions</h4>
  93. <div class="row">
  94. <div class="col-xs-12">
  95. <div class="table-responsive">
  96. <table class="table table-bordered table-striped table-hover m-b-0" id="lastFiveTransactions">
  97. <thead>
  98. <tr>
  99. <th>Tran Date</th>
  100. <th>JME Number</th>
  101. <th>Sender Name</th>
  102. <th>Collection Mode</th>
  103. <th>Sending Amount</th>
  104. <th>Payout Amount</th>
  105. </tr>
  106. </thead>
  107. <tbody>
  108. <tr>
  109. <td colspan="6" align="center">No data to display!</td>
  110. </tr>
  111. </tbody>
  112. </table>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </asp:Content>
  124. <asp:Content ID="Content2" ContentPlaceHolderID="Script" runat="server">
  125. <script src="/Scripts/jquery.min.js"></script>
  126. <script src="/Plugins/jquery-ui/jquery-ui.min.js"></script>
  127. <script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@1.5.4/src/loadingoverlay.min.js"></script>
  128. <script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@1.5.4/extras/loadingoverlay_progress/loadingoverlay_progress.min.js"></script>
  129. <script src="/Scripts/ReferralReports/DashBoard.js?v=1.5"></script>
  130. </asp:Content>