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.

339 lines
16 KiB

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AgentMain.aspx.cs" Inherits="Swift.web.Agent.AgentMain" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head id="Head1" runat="server">
  5. <meta charset="utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1" />
  8. <title>JME REMIT - AGENT</title>
  9. <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" />
  10. <link href="../ui/css/waves.min.css" type="text/css" rel="stylesheet" />
  11. <!-- <link rel="stylesheet" href="css/nanoscroller.css">-->
  12. <link href="../ui/css/menu.css" type="text/css" rel="stylesheet" />
  13. <link href="../ui/css/style.css" type="text/css" rel="stylesheet" />
  14. <link href="../ui/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
  15. <script src="../ui/js/jquery.min.js"></script>
  16. <script src="../ui/js/jquery-ui.min.js"></script>
  17. <script src="../js/functions.js"></script>
  18. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  19. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  20. <!--[if lt IE 9]>
  21. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  22. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  23. <![endif]-->
  24. <style type="text/css">
  25. .holder {
  26. /*background-color: #ccc;*/
  27. /*width: 300px;*/
  28. height: 250px;
  29. overflow: hidden;
  30. padding: 10px;
  31. /*font-family: Helvetica;*/
  32. }
  33. .holder .mask {
  34. position: relative;
  35. left: 0px;
  36. /*top: 10px;*/
  37. /*width: 300px;*/
  38. height: 240px;
  39. overflow: hidden;
  40. }
  41. .holder ul {
  42. list-style: none;
  43. margin: 0;
  44. padding: 0;
  45. position: relative;
  46. }
  47. .holder ul li {
  48. padding: 10px 0px;
  49. }
  50. .holder ul li a {
  51. /*color: darkred;*/
  52. text-decoration: none;
  53. }
  54. </style>
  55. <script type="text/javascript">
  56. function GetTxnDetail(tranType) {
  57. var url;
  58. switch (tranType) {
  59. case "iSend":
  60. url = "../AgentPanel/Reports.aspx?reportName=40111600&sBranch=<%=Swift.web.Library.GetStatic.GetBranch() %>&orderBy=dot&dateField=confirmDate&from=<%=DateTime.Now.ToString("yyyy-MM-dd")%>&to=<%=DateTime.Now.ToString("yyyy-MM-dd")%>&rptType=s&displayTranNo=N";
  61. break;
  62. case "iCancel":
  63. url = "../AgentPanel/Reports.aspx?reportName=40111600&sBranch=<%=Swift.web.Library.GetStatic.GetBranch() %>&orderBy=dot&fromDate=<%=DateTime.Now.ToString("d")%>&toDate=<%=DateTime.Now.ToString("d")%>&dateField=paidDate&from=<%=DateTime.Now.ToString("yyyy-MM-dd")%>&to=<%=DateTime.Now.ToString("yyyy-MM-dd")%>&transType=Cancel&rptType=s&displayTranNo=N";
  64. break;
  65. case "iPaid":
  66. url = "../AgentPanel/Reports.aspx?reportName=40111600&pCountry=NEPAL&pAgent=&sBranch=<%=Swift.web.Library.GetStatic.GetBranch() %>&dateField=paidDate&from=<%=DateTime.Now.ToString("yyyy-MM-dd")%>&to=<%=DateTime.Now.ToString("yyyy-MM-dd")%>";
  67. break;
  68. case "iUnpaid":
  69. url = "";
  70. break;
  71. }
  72. OpenInNewWindow(url);
  73. }
  74. jQuery.fn.liScroll = function (settings) {
  75. settings = jQuery.extend({
  76. travelocity: 0.03
  77. }, settings);
  78. return this.each(function () {
  79. var $strip = jQuery(this);
  80. $strip.addClass("newsticker")
  81. var stripHeight = 1;
  82. $strip.find("li").each(function (i) {
  83. stripHeight += jQuery(this, i).outerHeight(true); // thanks to Michael Haszprunar and Fabien Volpi
  84. });
  85. var $mask = $strip.wrap("<div class='mask'></div>");
  86. var $tickercontainer = $strip.parent().wrap("<div class='tickercontainer'></div>");
  87. var containerHeight = $strip.parent().parent().height(); //a.k.a. 'mask' width
  88. $strip.height(stripHeight);
  89. var totalTravel = stripHeight;
  90. var defTiming = totalTravel / settings.travelocity; // thanks to Scott Waye
  91. function scrollnews(spazio, tempo) {
  92. $strip.animate({ top: '-=' + spazio }, tempo, "linear", function () { $strip.css("top", containerHeight); scrollnews(totalTravel, defTiming); });
  93. }
  94. scrollnews(totalTravel, defTiming);
  95. $strip.hover(function () {
  96. jQuery(this).stop();
  97. },
  98. function () {
  99. var offset = jQuery(this).offset();
  100. var residualSpace = offset.top + stripHeight;
  101. var residualTime = residualSpace / settings.travelocity;
  102. scrollnews(residualSpace, residualTime);
  103. });
  104. });
  105. };
  106. $(function () {
  107. $("ul#messages").liScroll();
  108. });
  109. </script>
  110. </head>
  111. <body>
  112. <form id="form1" runat="server">
  113. <%-- <asp:HiddenField ID="msgID" runat="server" />
  114. <asp:Button ID="btnMsg" runat="server" Style="display: none;" OnClick="btnMsg_Click" />--%>
  115. <div class="page-wrapper">
  116. <div class="row">
  117. <div class="col-sm-6 col-md-3 margin-b-30" id="sendingAgent" runat="server" visible="false">
  118. <div class="tile blue">
  119. <div class="tile-title clearfix">
  120. Today's Send
  121. </div>
  122. <div class="tile-body clearfix">
  123. <i class="fa fa-credit-card"></i>
  124. <h4 class="pull-right"><a href="#" onclick="GetTxnDetail('iSend')" style="color: white;">
  125. <asp:Label runat="server" ID="iSend"></asp:Label></a></h4>
  126. </div>
  127. <div class="tile-footer">
  128. <a href="#" onclick="GetTxnDetail('iSend')">View Details...</a>
  129. </div>
  130. </div>
  131. </div>
  132. <div class="col-sm-6 col-md-3 margin-b-30" id="sendingAgent1" runat="server" visible="false">
  133. <div class="tile purple">
  134. <div class="tile-title clearfix">
  135. Today's Cancel
  136. </div>
  137. <div class="tile-body clearfix">
  138. <i class="fa fa-credit-card"></i>
  139. <h4 class="pull-right"><a href="#" style="color: white;" onclick="GetTxnDetail('iCancel')">
  140. <asp:Label runat="server" ID="iCancel"></asp:Label></a></h4>
  141. </div>
  142. <div class="tile-footer">
  143. <a href="#" onclick="GetTxnDetail('iCancel')">View Details...</a>
  144. </div>
  145. </div>
  146. </div>
  147. <div class="col-sm-6 col-md-3 margin-b-30" id="payAgent" runat="server" visible="false">
  148. <div class="tile red">
  149. <div class="tile-title clearfix">
  150. Today's Paid
  151. </div>
  152. <div class="tile-body clearfix">
  153. <i class="fa fa-credit-card"></i>
  154. <h4 class="pull-right"><a href="#" onclick="GetTxnDetail('iPaid')" style="color: white;">
  155. <asp:Label runat="server" ID="iPaid"></asp:Label></a></h4>
  156. </div>
  157. <div class="tile-footer">
  158. <a href="#" onclick="GetTxnDetail('iPaid')">View Details...</a>
  159. </div>
  160. </div>
  161. </div>
  162. <div class="col-sm-6 col-md-3 margin-b-30" id="payAgent1" runat="server" visible="false">
  163. <div class="tile green">
  164. <div class="tile-title clearfix">
  165. Today's Unpaid
  166. </div>
  167. <div class="tile-body clearfix">
  168. <i class="fa fa-credit-card"></i>
  169. <h4 class="pull-right"><a href="#" onclick="GetTxnDetail('iUnpaid')" style="color: white;">
  170. <asp:Label runat="server" ID="iUnpaid"></asp:Label></a></h4>
  171. </div>
  172. <div class="tile-footer">
  173. <a href="#" onclick="GetTxnDetail('iUnpaid')">View Details...</a>
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. <div class="row">
  179. <div class="col-md-6">
  180. <div class="panel panel-default recent-activites">
  181. <!-- Start .panel -->
  182. <div class="panel-heading">
  183. <h4 class="panel-title">Notification And Messages</h4>
  184. <div class="panel-actions">
  185. </div>
  186. </div>
  187. <div class="panel-body pad-0 holder">
  188. <ul class="list-group" id="messages" runat="server">
  189. <li class="list-group-item">
  190. <a href="#">Remittance Rules 1 from NRB</a>
  191. <small><i class="fa fa-clock-o"></i>13/08/2015 04:51:21</small>
  192. </li>
  193. <li class="list-group-item">
  194. <a href="#">Remittance Rules 1 from NRB</a>
  195. <small><i class="fa fa-clock-o"></i>13/08/2015 04:51:21</small>
  196. </li>
  197. <li class="list-group-item">
  198. <a href="#">Compliance Rules 1 from NRB</a>
  199. <small><i class="fa fa-clock-o"></i>13/08/2015 04:51:21</small>
  200. </li>
  201. <li class="list-group-item">
  202. <a href="#">Deposit Rules 1 from NRB</a>
  203. <small><i class="fa fa-clock-o"></i>13/08/2015 04:51:21</small>
  204. </li>
  205. </ul>
  206. </div>
  207. </div>
  208. </div>
  209. </div>
  210. <%-- <div class="row">
  211. <div class="col-md-12">
  212. <div class="panel panel-default recent-activites">
  213. <div class="panel-heading">
  214. <h3 class="panel-title">Notification List
  215. </h3>
  216. <div class="panel-actions">
  217. <a href="#" class="panel-action panel-action-toggle" data-panel-toggle></a>
  218. </div>
  219. </div>
  220. <div class="panel-body">
  221. <div class="col-md-4">
  222. <fieldset>
  223. <legend>Notification Panel</legend>
  224. <table class="table table-responsive table-bordered table-striped">
  225. <thead>
  226. <tr>
  227. <th>Sno.</th>
  228. <th>Message</th>
  229. <th>Date</th>
  230. </tr>
  231. </thead>
  232. <tbody>
  233. <div id="divMsg" runat="server"></div>
  234. </tbody>
  235. </table>
  236. </fieldset>
  237. </div>
  238. <div class="col-md-8">
  239. <fieldset>
  240. <legend>Full Notification Notification Panel</legend>
  241. <div id="viewMessage">Area to show current message</div>
  242. </fieldset>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. </div>--%>
  248. </div>
  249. <div class="modal fade " id="myModal" role="dialog" style="top: 150px;">
  250. <div class="modal-dialog modal-lg">
  251. <div class="modal-content">
  252. <div class="modal-header">
  253. <button type="button" class="close" data-dismiss="modal">&times;</button>
  254. <h4 class="modal-title">
  255. <label id="createdBy" style="text-transform: uppercase;"></label>
  256. &nbsp;&nbsp;<small style="font-size: 10px;"><i class="fa fa-clock-o"></i>&nbsp;<label id="createdDate"></small></h4>
  257. </div>
  258. <div class="modal-body">
  259. <label id="message"></label>
  260. </div>
  261. </div>
  262. </div>
  263. </div>
  264. </form>
  265. </body>
  266. <script>
  267. //function ShowMessage(msgId) {
  268. // if (msgId == null) {
  269. // alert("Sorry No Message Found");
  270. // return;
  271. // }
  272. // $.ajax({
  273. // type: "POST",
  274. // url: "AgentMain.aspx/SetMessage",
  275. // data: "{ Id: '" + msgId + "'}",
  276. // contentType: "application/json; charset=utf-8",
  277. // dataType: "json",
  278. // async: "true",
  279. // cache: "false",
  280. // success: function (msg) {
  281. // $("#viewMessage").html(msg.d);
  282. // },
  283. // Error: function (msg) {
  284. // alert(msg.d)
  285. // }
  286. // });
  287. //}
  288. //$(function () {
  289. // $.ajax({
  290. // type: 'post',
  291. // url: 'AgentMain.aspx/getNewsFeeder',
  292. // contentType: 'application/json;charset=utf-8',
  293. // dataType: 'json',
  294. // success: function (data) {
  295. // debugger
  296. // var htmString = '';
  297. // $(data.d).each(function (index, news) {
  298. // htmString += '<h3 style="cursor:pointer;">' + news.newsTitle + '</h3><div>' + news.newsDescription + '</div>';
  299. // });
  300. // $("#accordion").html(htmString).accordion({
  301. // collapsible: true,
  302. // active: false
  303. // });
  304. // }
  305. // });
  306. //});
  307. function ShowMessage(msgId) {
  308. $.ajax({
  309. type: "POST",
  310. url: "/AgentMain.aspx",
  311. data: { MethodName: "Messages", MessageId: msgId },
  312. success: function (result) {
  313. PopulateData(result);
  314. }
  315. });
  316. };
  317. function PopulateData(data) {
  318. $('#myModal').modal('show');
  319. var obj = jQuery.parseJSON(data);
  320. $('#message').html(obj.Message);
  321. $('#createdBy').html(obj.CreatedBy);
  322. $('#createdDate').html(obj.CreatedDate);
  323. //$('#questionDesc').html(obj.Description);
  324. //$('#forumTitle').html(obj.ForumTitle);
  325. };
  326. </script>
  327. </html>