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.

160 lines
8.8 KiB

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomerDocument.aspx.cs" Inherits="Swift.web.Responsive.CustomerSetup.CustomerDocument" %>
  2. <!DOCTYPE html>
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head id="Head1" runat="server">
  5. <title></title>
  6. <link href="../../../ui/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
  7. <link href="../../../ui/css/style.css" rel="stylesheet" />
  8. <link href="../../../ui/font-awesome/css/font-awesome.css" rel="stylesheet" />
  9. <script src="../../../ui/js/jquery.min.js"></script>
  10. <script src="../../../ui/bootstrap/js/bootstrap.min.js"></script>
  11. <script src="../../../js/swift_grid.js" type="text/javascript"> </script>
  12. <script src="../../../js/functions.js"></script>
  13. <link href="../../../js/jQuery/jquery-ui.css" rel="stylesheet" type="text/css" />
  14. <script type="text/javascript" src="../../../js/jQuery/jquery.min.js"></script>
  15. <script type="text/javascript" src="../../../js/jQuery/jquery-ui.min.js"></script>
  16. <script src="../../../js/swift_calendar.js" type="text/javascript"></script>
  17. <style>
  18. .table .table {
  19. background-color: #F5F5F5 !important;
  20. }
  21. </style>
  22. <script>
  23. $(document).ready(function () {
  24. $("#<% =fileDocument.ClientID %>").change(function () {
  25. readURL(this, "fileDisplay");
  26. });
  27. });
  28. function CheckFormValidation() {
  29. var reqField = "ddlDocumentType,fileDocument,";
  30. cdid = $("#<% =hdnDocumentTypeId.ClientID %>").val();
  31. if (cdid != null && cdid !== "") {
  32. var reqField = "ddlDocumentType,";
  33. }
  34. if (ValidRequiredField(reqField) === false) {
  35. return false;
  36. }
  37. return true;
  38. }
  39. function showImage(param) {
  40. var imgSrc = $(param).attr("src");
  41. OpenInNewWindow(imgSrc);
  42. };
  43. function readURL(input, id) {
  44. if (input.files && input.files[0]) {
  45. a = input.files.fil
  46. var reader = new FileReader();
  47. reader.onload = function (e) {
  48. $('#' + id).attr('src', e.target.result);
  49. }
  50. reader.readAsDataURL(input.files[0]);
  51. }
  52. }
  53. </script>
  54. <script type="text/javascript">
  55. $(document).ready(function () {
  56. CalTillToday("#grid_list_createdDate");
  57. });
  58. </script>
  59. </head>
  60. <body>
  61. <form id="form1" runat="server">
  62. <div class="page-wrapper">
  63. <div class="row">
  64. <div class="col-sm-12">
  65. <div class="page-title">
  66. <h1></h1>
  67. <ol class="breadcrumb">
  68. <li><a href="../../Front.aspx" target="mainFrame"><i class="fa fa-home"></i></a></li>
  69. <li><a href="#" onclick="return LoadModule('adminstration')">Administration </a></li>
  70. <li><a href="#" onclick="return LoadModule('customer_management')">Customer Management</a></li>
  71. <li class="active"><a href="CustomerDocument.aspx?customerId=<%=hdncustomerId.Value %>&cdId=<%=hdnDocumentTypeId.Value %>">Customer Document </a></li>
  72. </ol>
  73. </div>
  74. </div>
  75. </div>
  76. <div class="report-tab" runat="server" id="regUp">
  77. <!-- Nav tabs -->
  78. <div class="listtabs">
  79. <ul class="nav nav-tabs" role="tablist">
  80. <li role="presentation"><a href="List.aspx">Customer List</a></li>
  81. <li class="active"><a href="CustomerDocument.aspx?customerId=<%=hdncustomerId.Value %>&cdId=<%=hdnDocumentTypeId.Value %>">Customer Document </a></li>
  82. </ul>
  83. </div>
  84. <div class="tab-content">
  85. <div role="tabpanel" class="tab-pane" id="List">
  86. </div>
  87. <div role="tabpanel" id="Manage">
  88. <div class="row">
  89. <div class="col-sm-12 col-md-12">
  90. <div class="register-form">
  91. <div class="panel panel-default clearfix m-b-20">
  92. <div class="panel-heading">
  93. <h4 class="panel-title">Customer Document Type :<label id="customerName" runat="server"></label>(<%=hdnMembershipId.Value %>)</h4>
  94. </div>
  95. <asp:HiddenField ID="hdnFileName" runat="server" />
  96. <asp:HiddenField ID="hdnDocumentTypeId" runat="server" />
  97. <asp:HiddenField ID="hdncustomerId" runat="server" />
  98. <asp:HiddenField ID="hdnMembershipId" runat="server" />
  99. <asp:HiddenField ID="hdnFileType" runat="server" />
  100. <div class="panel-body row">
  101. <div class="col-md-6">
  102. <div class="col-md-12" id="msgDiv" runat="server" visible="false" style="background-color: red;">
  103. <asp:Label ID="msgLabel" runat="server" ForeColor="White"></asp:Label>
  104. </div>
  105. <div class="form-group">
  106. <label class="form-label">Document Type:<span class="errormsg">*</span></label>
  107. <asp:DropDownList runat="server" ID="ddlDocumentType" name="ddlDocumentType" CssClass="form-control">
  108. </asp:DropDownList>
  109. </div>
  110. <div class="form-group">
  111. <label class="form-label">Document:<span class="errormsg">*</span></label>
  112. <asp:FileUpload ID="fileDocument" runat="server" onChange="readURL(this, 'fileDisplay')" CssClass="form-control-plaintext form-control" />
  113. </div>
  114. <div class="form-group">
  115. <label class="form-label">Description</label>
  116. <asp:TextBox CssClass="form-control-plaintext form-control" TextMode="MultiLine" runat="server" ID="txtDocumentDescription"></asp:TextBox>
  117. </div>
  118. <div class="form-group">
  119. <asp:Button ID="saveDocument" runat="server" CssClass="btn btn-primary m-t-25" Text="Submit" OnClientClick="return CheckFormValidation()" OnClick="saveDocument_Click" />
  120. </div>
  121. </div>
  122. <div class="col-md-6">
  123. <asp:Image runat="server" ID="fileDisplay" Style="height: 200px; width: 300px; object-fit: contain;" onclick="showImage(this);" />
  124. <br />
  125. <asp:Button runat="server" ID="downloadFile" CssClass="btn btn-primary m-t-25" Text="Download" OnClick="downloadFile_Click"/>
  126. <%--<a href="" runat="server" id="downloadFile" visible="false" class="btn btn-primary m-t-25" >Download</a>--%>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. <div class="row">
  137. <div class="col-md-12">
  138. <div class="panel panel-default ">
  139. <div class="panel-heading">
  140. <h4 class="panel-title">Customer Document Type</h4>
  141. <div class="panel-actions">
  142. <a href="#" class="panel-action panel-action-toggle" data-panel-toggle=""></a>
  143. </div>
  144. </div>
  145. <div class="panel-body">
  146. <div id="rpt_grid" runat="server"></div>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. </form>
  153. </body>
  154. </html>