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.

321 lines
18 KiB

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="List.aspx.cs" Inherits="Swift.web.BillVoucher.VoucherEdit.List" %>
  2. <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
  3. <%@ Register TagPrefix="uc1" TagName="SwiftTextBox" Src="~/Component/AutoComplete/SwiftTextBox.ascx" %>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head runat="server">
  7. <meta charset="utf-8" />
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  9. <meta name="viewport" content="width=device-width, initial-scale=1" />
  10. <meta name="description" content="" />
  11. <meta name="author" content="" />
  12. <!--new css and js -->
  13. <!-- Bootstrap Core CSS -->
  14. <link href="/ui/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
  15. <link href="/ui/css/datepicker-custom.css" rel="stylesheet" />
  16. <link href="/js/jQuery/jquery-ui.css" rel="stylesheet" type="text/css" />
  17. <!-- <link rel="stylesheet" href="css/nanoscroller.css">-->
  18. <link href="/ui/css/menu.css" type="text/css" rel="stylesheet" />
  19. <link href="/ui/css/style.css" type="text/css" rel="stylesheet" />
  20. <link href="/ui/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
  21. <script type="text/javascript" src="/ui/js/jquery.min.js"></script>
  22. <script type="text/javascript" src="/ui/bootstrap/js/bootstrap.min.js"></script>
  23. <script src="/ui/js/pickers-init.js"></script>
  24. <script src="/ui/js/jquery-ui.min.js"></script>
  25. <script src="/ui/js/metisMenu.min.js"></script>
  26. <script src="/ui/js/jquery-jvectormap-1.2.2.min.js"></script>
  27. <script src="/ui/js/jquery-jvectormap-world-mill-en.js"></script>
  28. <!-- <script src="js/jquery.nanoscroller.min.js"></script>-->
  29. <!--page plugins-->
  30. <script src="/js/Swift_grid.js" type="text/javascript"> </script>
  31. <script src="/js/functions.js" type="text/javascript"> </script>
  32. <script src="/js/swift_autocomplete.js" type="text/javascript"></script>
  33. <script src="/js/swift_calendar.js"></script>
  34. <!--page plugins-->
  35. <script type="text/javascript">
  36. $(document).ready(function () {
  37. ShowCalFromToUpToToday("#transactionDate");
  38. var allowDate = "<%=AllowChangeDate() %>";
  39. if (allowDate == "True") {
  40. ShowCalFromTo("#<% =transactionDate.ClientID %>", 1);
  41. }
  42. });
  43. function deleteRecord(id) {
  44. if (confirm('Are you sure to delete?'))
  45. GetElement("hdnRowId").value = id;
  46. GetElement("btnDelete").click();
  47. }
  48. function CheckFormValidation() {
  49. var reqField = "TypeDDL,narrationField,transactionDate,";
  50. if (ValidRequiredField(reqField) == false) {
  51. return false;
  52. }
  53. GetElement("btnSave").click();
  54. }
  55. function CheckFormValidation2() {
  56. var reqField = "acInfo_aText,amt,";
  57. if (ValidRequiredField(reqField) == false) {
  58. return false;
  59. }
  60. GetElement("addBtn").click();
  61. }
  62. function Calculate() {
  63. var FCYAmt = document.getElementById('<%=FCYAmt.ClientID%>').value;
  64. var exRate = document.getElementById('<%=Rate.ClientID%>').value;
  65. if (FCYAmt == "0.00" || exRate == "" || exRate == "0.00") {
  66. document.getElementById('<%=FCYAmt.ClientID%>').focus();
  67. //alert('Please input valid amount and exchange rate!!');
  68. }
  69. else {
  70. var num1 = FCYAmt.replace(",", "");
  71. var num2 = exRate.replace(",", "");
  72. var total = num1 * num2;
  73. document.getElementById('<%=amt.ClientID%>').value = total;
  74. }
  75. }
  76. function GetUSDAmount() {
  77. var FCYAmt = document.getElementById('<%=FCYAmt.ClientID%>').value;
  78. if (FCYAmt == '' || FCYAmt == undefined) {
  79. return null;
  80. }
  81. else {
  82. return FCYAmt;
  83. }
  84. }
  85. function CallBackAutocomplete(id) {
  86. var curr = $(id + "_aText").val();
  87. curr = curr.split('/')[1];
  88. $("#lblFcyCurr").html(curr);
  89. }
  90. function DisplayLabel(curr) {
  91. $("#lblRate").html("Rate (JPY/" + curr + ")");
  92. }
  93. </script>
  94. <style type="text/css">
  95. .change .col-lg-1, .change .col-lg-10, .change .col-lg-11, .change .col-lg-12, .change .col-lg-2, .change .col-lg-3, .change .col-lg-4, .change .col-lg-5, .change .col-lg-6, .change .col-lg-7, .change .col-lg-8, .change .col-lg-9, .change .col-md-1, .change .col-md-10, .change .col-md-11, .change .col-md-12, .change .col-md-2, .change .col-md-3, .change .col-md-4, .change .col-md-5, .change .col-md-6, .change.col-md-7, .change .col-md-8, .change .col-md-9 {
  96. position: relative;
  97. min-height: 1px;
  98. padding-right: 2px;
  99. padding-left: 2px;
  100. }
  101. .change .form-control {
  102. font-size: 12px;
  103. padding: 2px 2px;
  104. height: 25px;
  105. }
  106. .change .btn {
  107. padding: 4px 6px;
  108. font-size: 12px;
  109. }
  110. table tr td {
  111. padding: 2px !important;
  112. }
  113. </style>
  114. </head>
  115. <body>
  116. <form runat="server">
  117. <asp:ScriptManager runat="server"></asp:ScriptManager>
  118. <div class="page-wrapper">
  119. <div class="row">
  120. <div class="col-sm-12">
  121. <div class="page-title">
  122. <h1></h1>
  123. <ol class="breadcrumb">
  124. <li><a href="../../Front.aspx" target="mainFrame"><i class="fa fa-home"></i></a></li>
  125. <li><a href="#" onclick="return LoadModule('account')">Account</a></li>
  126. <li class="active"><a href="#">Bill & Voucher</a></li>
  127. <li class="active"><a href="List.aspx">Edit Voucher</a></li>
  128. </ol>
  129. </div>
  130. </div>
  131. </div>
  132. <div class="row">
  133. <div class="col-md-12">
  134. <div class="panel panel-default recent-activites">
  135. <div id="msg" visible="false" style="width: 74%;" class="alert alert-danger" runat="server">
  136. <span runat="server" id="mes"></span>
  137. </div>
  138. <div class="form-group alert alert-danger" id="divuploadMsg" runat="server" visible="false">
  139. </div>
  140. <div class="panel-heading">
  141. <h4 class="panel-title">Edit Voucher
  142. </h4>
  143. <div class="panel-actions">
  144. <a href="#" class="panel-action panel-action-toggle" data-panel-toggle></a><a href="#"
  145. class="panel-action panel-action-dismiss" data-panel-dismiss></a>
  146. </div>
  147. </div>
  148. <div class="panel-body">
  149. <div class="row">
  150. <div class="col-lg-2 col-md-3 form-group">
  151. <label class="control-label" for="">
  152. Voucher Type:
  153. </label>
  154. <asp:DropDownList ID="TypeDDL" runat="server" CssClass="form-control">
  155. <asp:ListItem Text="Journal Voucher" Value="j" />
  156. <asp:ListItem Text="Contra Voucher" Value="c" />
  157. <asp:ListItem Text="Payment Voucher" Value="y" />
  158. <asp:ListItem Text="Receipt Voucher" Value="r" />
  159. <asp:ListItem Text="Sales Voucher" Value="s" />
  160. </asp:DropDownList>
  161. </div>
  162. <div class="col-lg-2 col-md-3 form-group">
  163. <label class="control-label" for="">
  164. Voucher Number:
  165. <span style="color: red;">*</span>
  166. </label>
  167. <asp:TextBox ID="VoucherNumber" runat="server" CssClass="form-control"></asp:TextBox>
  168. <asp:RequiredFieldValidator ID="RFV1" runat="server" ControlToValidate="VoucherNumber" ErrorMessage="Required" ValidationGroup="m" ForeColor="Red"></asp:RequiredFieldValidator>
  169. </div>
  170. <div class="col-md-2 form-group">
  171. <div class="col-md-offset-3" align="left">
  172. <br />
  173. <asp:Button runat="server" ID="BtnSearch" CssClass="btn btn-primary" ValidationGroup="m" OnClick="BtnSearch_Click" Text="Search Voucher" />
  174. </div>
  175. </div>
  176. <div class="col-md-12 form-group">
  177. &nbsp;&nbsp;<label id="vNum" runat="server"></label>
  178. </div>
  179. </div>
  180. <div class="row" id="editDiv" runat="server" visible="false">
  181. <table class="table table-responsive change">
  182. <tr>
  183. <td>Ledger</td>
  184. <td>FCY</td>
  185. <td>FCY Amount</td>
  186. <td>
  187. <span id="lblRate" style="font-size: 10px !important">Rate
  188. </span>
  189. </td>
  190. <td>JPY Amount</td>
  191. <td>DR/CR</td>
  192. <td>Department</td>
  193. <td>Branch</td>
  194. <td>Employee Name</td>
  195. <td>Field1</td>
  196. <td></td>
  197. </tr>
  198. <tr>
  199. <td style="width: 280px !important">
  200. <uc1:SwiftTextBox ID="acInfo" runat="server" Category="acInfo" CssClass="autocomplete" Title="Blank for All" />
  201. </td>
  202. <td style="width: 65px !important">
  203. <asp:DropDownList ID="FCY" runat="server" CssClass="form-control" onchange="DisplayLabel(this.value)">
  204. </asp:DropDownList>
  205. </td>
  206. <td style="width: 120px !important">
  207. <asp:TextBox ID="FCYAmt" placeholder="FCY Amount" runat="server" onchange="Calculate();" size="15" CssClass="form-control"></asp:TextBox>
  208. </td>
  209. <td style="width: 100px !important">
  210. <asp:TextBox ID="Rate" runat="server" onchange="Calculate();" placeholder="FCY Rate" size="15" CssClass="form-control"></asp:TextBox></td>
  211. <td style="width: 120px !important">
  212. <asp:TextBox ID="amt" placeholder="JPY Amount" runat="server" size="15" CssClass="form-control"></asp:TextBox></td>
  213. <td style="width: 55px !important">
  214. <asp:DropDownList ID="dropDownDrCr" runat="server" Width="100%" CssClass="form-control">
  215. <asp:ListItem Value="dr" Selected="True">DR</asp:ListItem>
  216. <asp:ListItem Value="cr">CR</asp:ListItem>
  217. </asp:DropDownList>
  218. </td>
  219. <td style="width: 155px !important">
  220. <asp:DropDownList ID="Department" runat="server" CssClass="form-control">
  221. </asp:DropDownList>
  222. </td>
  223. <td style="width: 200px !important">
  224. <asp:DropDownList ID="Branch" runat="server" CssClass="form-control">
  225. </asp:DropDownList>
  226. </td>
  227. <td style="width: 140px !important">
  228. <asp:TextBox ID="EmpName" placeholder="Employee Name" runat="server" size="35" CssClass="form-control"></asp:TextBox>
  229. </td>
  230. <td>
  231. <asp:TextBox ID="Field1" placeholder="Field" runat="server" size="25" CssClass="form-control"></asp:TextBox></td>
  232. <td style="width: 60px !important">
  233. <input type="button" value=" Add " class="btn btn-primary m-t-25" onclick="CheckFormValidation2();" />
  234. <asp:Button ID="addBtn" runat="server" Text=" Add " Style="display: none" OnClick="addBtn_Click" />
  235. <asp:HiddenField ID="hdnRowId" runat="server" />
  236. <asp:Button ID="btnDelete" runat="server" Style="display: none" OnClick="btnDelete_Click" />
  237. </td>
  238. </tr>
  239. </table>
  240. <div class="row form-group">
  241. <div class="col-md-12">
  242. <br />
  243. <asp:UpdatePanel ID="UpdatePanel1" runat="server">
  244. <ContentTemplate>
  245. <div id="rpt_tempVoucherTrans" runat="server">
  246. </div>
  247. </ContentTemplate>
  248. <Triggers>
  249. <asp:AsyncPostBackTrigger ControlID="addBtn" EventName="Click" />
  250. <asp:AsyncPostBackTrigger ControlID="btnDelete" EventName="Click" />
  251. </Triggers>
  252. </asp:UpdatePanel>
  253. </div>
  254. </div>
  255. <div class="row">
  256. <div class="col-lg-2 col-md-2 form-group">
  257. <label class="control-label" for="">
  258. Voucher Date:</label>
  259. <div class="input-group m-b">
  260. <span class="input-group-addon">
  261. <i class="fa fa-calendar" aria-hidden="true"></i>
  262. </span>
  263. <asp:TextBox ID="transactionDate" runat="server" CssClass="form-control form-control-inline input-medium"></asp:TextBox>
  264. </div>
  265. </div>
  266. <div class="col-lg-2 col-md-2 form-group">
  267. <label class="control-label" for="">
  268. Cheque Number:
  269. </label>
  270. <asp:TextBox ID="chequeNo" runat="server" Width="100%" CssClass="form-control"></asp:TextBox>
  271. </div>
  272. </div>
  273. <div class="row form-group">
  274. <div class="col-md-12">
  275. <label class="control-label" for="">
  276. Narration:
  277. </label>
  278. <asp:TextBox ID="narrationField" runat="server" TextMode="MultiLine" MaxLength="300" Width="100%" CssClass="form-control"></asp:TextBox>
  279. </div>
  280. </div>
  281. <div class="row">
  282. <div class="form-group">
  283. <div class="col-md-4">
  284. <input type="button" value="Save voucher " class="btn btn-primary m-t-25" onclick="CheckFormValidation();" />
  285. <asp:Button ID="btnSave" runat="server" Text="Save voucher " Style="display: none"
  286. OnClick="btnSave_Click" />
  287. <asp:Button ID="btnUnSave" runat="server" Text="Unsaved voucher" CssClass="btn btn-primary m-t-25"
  288. OnClick="btnUnSave_Click" />
  289. </div>
  290. </div>
  291. </div>
  292. </div>
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. </div>
  298. </form>
  299. </body>
  300. </html>