banka.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
  1. <html>
  2. <head>
  3. <title>BANKA</title>
  4. <META http-equiv=content-type content=text/html;charset=windows-1254>
  5. <script src="./static/js/datetimepicker.js"></script>
  6. <script src="./static/jquery.js"></script>
  7. <script src="./static/js/jquery-ui.js"></script>
  8. <link rel="stylesheet"
  9. href="./static/js/themes/smoothness/jquery-ui.css" />
  10. <link rel="stylesheet" href="./static/css/table.css" />
  11. <style type="text/css">
  12. body {
  13. margin: 0px auto;
  14. padding: 0px 0px;
  15. font-family: calibri;
  16. }
  17. .container {
  18. margin: 0 auto;
  19. width: 330px;
  20. }
  21. .satir,.satir_link {
  22. margin: 2px auto;
  23. padding: 0px;
  24. width: 100%;
  25. height: 26px;
  26. background-color: rgba(100, 100, 100, 0.1);
  27. }
  28. .satir_link {
  29. height: 35px;
  30. }
  31. .satir>.label {
  32. margin: 3px auto;
  33. width: 130px;
  34. float: left;
  35. }
  36. .satir>input {
  37. width: 200px;
  38. float: left;
  39. }
  40. .satir>input[type="submit"] {
  41. float: right;
  42. width: 75px;
  43. }
  44. .satir>input[type="checkbox"] {
  45. float: right;
  46. width: 75px;
  47. }
  48. .satir>input[type="image"] {
  49. float: right;
  50. width: 48px;
  51. height: 48px;
  52. border: #800517;
  53. border-style: solid;
  54. border-width: 3px;
  55. }
  56. .table_container {
  57. margin: 0 auto;
  58. width: 800px;
  59. background-color: red;
  60. }
  61. </style>
  62. <SCRIPT language="JavaScript">
  63. <!--
  64. function CheckLength(name) {
  65. var xfisno = document.getElementById(name).value;
  66. if (xfisno.length < 15)
  67. alert('15 hane olmali');
  68. };
  69. function islemtetik() {
  70. document.getElementById('tetikleme').click();
  71. //location.href = "http://192.168.1.254:5000/banka";
  72. }
  73. function kcarikosec() {
  74. var carikod = window.prompt("carikod", "");
  75. var options = document.getElementById('kaynak').options;
  76. for ( var i = 0, n = options.length; i < n; i++) {
  77. if (options[i].value.split("@")[0] == carikod) {
  78. document.getElementById("kaynak").selectedIndex = i;
  79. break;
  80. }
  81. }
  82. }
  83. function hcarikosec() {
  84. var carikod = window.prompt("carikod", "");
  85. var options = document.getElementById('hedef').options;
  86. for ( var i = 0, n = options.length; i < n; i++) {
  87. if (options[i].value.split("@")[0] == carikod) {
  88. document.getElementById("hedef").selectedIndex = i;
  89. break;
  90. }
  91. }
  92. }
  93. //-->
  94. </SCRIPT>
  95. <script type="text/javascript" src="./static/js/shortcut.js"></script>
  96. <script type="text/javascript"
  97. src="./static/js/jquery.maskedinput.min.js"></script>
  98. <script>
  99. shortcut.add("ctrl+s", function() {
  100. $("#kaydet").click();
  101. });
  102. shortcut.add("ctrl+d", function() {
  103. $("#kayitsil").click();
  104. });
  105. </script>
  106. <script>
  107. $(function() {
  108. var names = [
  109. {% for secim in secimler %}
  110. "{{secim}}",
  111. {% endfor %}
  112. ];
  113. $( "#secim" ).autocomplete({
  114. source: names,
  115. delay: 0
  116. });
  117. var bankalar = [
  118. {% for banka in bankalar %}
  119. "{{banka}}",
  120. {% endfor %}
  121. ];
  122. $( "#kaynak" ).autocomplete({
  123. source: bankalar,
  124. delay: 0
  125. });
  126. var islemler = ["KASA", "CARI", "BANKA"];
  127. $( "#islem" ).autocomplete({
  128. source: islemler,
  129. delay: 0
  130. });
  131. $('#tarih').datepicker({
  132. dateFormat: 'dd-mm-yy',
  133. dayNamesMin: [ "Pz", "Pt", "Sa", "Ca", "Pe", "Cu", "Ct" ],
  134. monthNames: [ "Ocak", "Subat", "Mart", "Nisan", "Mayis", "Haziran", "Temmuz", "Agustos", "Eylul", "Ekim", "Kasim", "Aralik" ],
  135. duration: 1,
  136. firstDay: 1,
  137. minDate: new Date(2013, 0, 1),
  138. maxDate: new Date(2013, 11, 31),
  139. }).mask('99-99-9999');
  140. // console.log( "{{tarih}}" );
  141. $('#tarih').val("{{tarih}}");
  142. });
  143. function printDiv(divName) {
  144. var printContents = document.getElementById(divName).innerHTML;
  145. var originalContents = document.body.innerHTML;
  146. document.body.innerHTML = printContents;
  147. window.print();
  148. document.body.innerHTML = originalContents;
  149. }
  150. </script>
  151. </head>
  152. <body>
  153. <form action="{{ url_for('banka') }}" method=post>
  154. <div class="container">
  155. <div class="satir">{{bilgi}}</div>
  156. <div class="satir">
  157. <div class="label">KAYNAK BANKA:</div>
  158. <input id="kaynak" name="kaynak" value="{{kaynakbanka}}" autofocus />
  159. </div>
  160. <div class="satir">
  161. <div class="label">TARIH:</div>
  162. <input id="tarih" name="tarih" type="text" >
  163. </div>
  164. <div class="satir">
  165. <div class="label">HEDEF:</div>
  166. <input id="secim" name="secim" value="{{gunsecim}}"
  167. onchange="islemtetik()">
  168. </div>
  169. <div class="satir">
  170. <div class="label">LOKAL KASA KOD:</div>
  171. <input id="fisno" name="fisno" value="{{fisno}}" type="text"
  172. maxlength="15" />
  173. </div>
  174. <div class="satir">
  175. <div class="label">TUTAR:</div>
  176. <input id="tutar" name="tutar" value="{{tutar}}" type="text"
  177. maxlength="15" />
  178. </div>
  179. <div class="satir">
  180. <div class="label">ACIKLAMA:</div>
  181. <input id="aciklama" name="aciklama" value="{{aciklama}}"
  182. type="text" maxlength="30" />
  183. </div>
  184. <div class="satir">
  185. <input type="submit" name="komut" value="kaydet" /> <input
  186. type="submit" name="komut" id="tetikleme" hidden value="tetikleme">
  187. </div>
  188. <div class="satir">
  189. <input type="checkbox" name="masrafvarmi" {{bankacheck}} onchange="islemtetik()" style="background-color: #100000;">
  190. <input type="text" id="masraftutar" name="masraftutar" value="{{otomasraf}}" style="float: left;">
  191. </div>
  192. </div>
  193. <div class="table_container">
  194. <table class="CSSTableGenerator">
  195. {% if hesrapor %} {% for hes in hesrapor %}
  196. <tr>
  197. <td><input type="submit" name="refno" value="{{hes[0]}}"
  198. onclick="return confirm('silinecek emin misin ? ');"></td>
  199. <td>{{hes[1]}}</td>
  200. <td>{{hes[2]}}</td>
  201. <td>{{hes[3]}}</td>
  202. <td>{{hes[4]}}</td>
  203. <td>{{hes[5]}}</td>
  204. <td>{{hes[6]}}</td>
  205. </tr>
  206. {% endfor %} {% endif %}
  207. </table>
  208. </div>
  209. </form>
  210. </body>
  211. </html>