logModul.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. <html xml:lang="tr" lang="tr" xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <title>LOG</title>
  4. <meta http-equiv="content-type" contentType="text/html; charset=UTF-8">
  5. <link rel="stylesheet" href="./static/css/reset.css" />
  6. <script src="../static/jquery.js"></script>
  7. <script src="../static/js/jquery-ui.js"></script>
  8. <script src="./static/js/datetimepicker.js"></script>
  9. <script type="text/javascript"
  10. src="./static/js/jquery.maskedinput.min.js"></script>
  11. <script src="../static/js/jquery.form.min.js"></script>
  12. <script src="../static/js/jquery.handsontable.full.js"></script>
  13. <script src="./static/js/jquery.blockUI.js"></script>
  14. <script src="./static/js/jquery.cookie.js"></script>
  15. <link rel="stylesheet"
  16. href="./static/js/themes/smoothness/jquery-ui.css" />
  17. <link rel="stylesheet"
  18. href="./static/css/jquery.handsontable.full.css" />
  19. <script src="{{url_for('static', filename='js/jquery.tablesorter.min.js')}}"></script>
  20. <link rel="stylesheet"
  21. href="{{url_for('static', filename='css/table2.css')}}" type="text/css"
  22. id="" media="print, projection, screen">
  23. <style type="text/css">
  24. body {
  25. margin: 0px auto;
  26. padding: 0px 0px;
  27. font-family: calibri;
  28. }
  29. .anasablon {
  30. width: auto;
  31. height: auto;
  32. }
  33. .mheader {
  34. font-family: Arial, Verdana;
  35. text-shadow: 2px 2px 2px #ccc;
  36. display: block;
  37. float: left;
  38. font-weight: bold;
  39. padding-left: 10px;
  40. text-align: left;
  41. font-size: 15px;
  42. width: 1300px;
  43. height: 15px;
  44. }
  45. .formalan{
  46. float:left;
  47. width:600px;
  48. height:500px;
  49. border:#CCC solid 1px;
  50. background-color:#669999 ;
  51. margin-right: 10px;
  52. margin-left: 4px;
  53. font-family:monospace;
  54. font-weight: bold;
  55. }
  56. .raporalan{
  57. width:auto;
  58. height:800px;
  59. overflow: scroll;
  60. }
  61. .genelalan {
  62. float: left;
  63. width: 1500px;
  64. height: 800;
  65. background-color:#669999 ;
  66. }
  67. .operbutonlar{
  68. width:auto;
  69. margin: 5 ;
  70. font-family:monospace;
  71. font-weight: bold;
  72. }
  73. .element{
  74. width:360px;
  75. margin: 10 ;
  76. float:center;
  77. font-family:monospace;
  78. font-weight: bold;
  79. }
  80. p{
  81. margin:5px 0;
  82. }
  83. hr {
  84. top:5px;
  85. width: 100%;
  86. clear: both;
  87. margin: auto;
  88. }
  89. .mheader,.formalan,.raporalan{
  90. margin: 3px;
  91. padding: 15px;
  92. background: #669999;
  93. border: 1px solid #cccccc;
  94. -moz-border-radius: 6px;
  95. -webkit-border-radius: 6px;
  96. border-radius: 6px;
  97. -moz-box-shadow: 2px 2px 2px #cccccc;
  98. -webkit-box-shadow: 2px 2px 2px #cccccc;
  99. box-shadow: 2px 2px 2px #cccccc;
  100. }
  101. </style>
  102. <script>
  103. $(document).ready(function() {
  104. jQuery.get('/logAl', function(data) {
  105. i=0;
  106. var text="";
  107. dosya=data.split("\n");
  108. dosya.reverse();
  109. for (satir in dosya) {
  110. text+=dosya[satir]+"<br>"
  111. text+="<hr noshade size=1>"
  112. }
  113. $("#fsb").html(text);
  114. });
  115. $("#yenile").click(function() {
  116. jQuery.get('/logAl', function(data) {
  117. i=0;
  118. var text="";
  119. dosya=data.split("\n");
  120. dosya.reverse();
  121. for (satir in dosya) {
  122. text+=dosya[satir]+"<br>"
  123. text+="<hr noshade size=1>"
  124. }
  125. $("#fsb").html(text);
  126. });
  127. });
  128. $("#temizle").click(function() {
  129. jQuery.get('/logSil', function(data) {
  130. islemTamam("log temizlendi");
  131. $("#fsb").html("");
  132. });
  133. });
  134. });
  135. function raporGetir(res, statusText, xhr, $form) {
  136. //console.log(res);
  137. if(res!='None'){
  138. $("#raporalan").html(res);
  139. $("#hareketrapor").tablesorter();
  140. }
  141. }
  142. function islemTamam(message) {
  143. // TODO: hata mesajı dön
  144. $.blockUI({
  145. message: message,
  146. fadeIn: 500,
  147. fadeOut: 500,
  148. timeout: 2000,
  149. showOverlay: false,
  150. centerY: false,
  151. css: {
  152. width: '550px',
  153. top: '6px',
  154. left: '',
  155. right: '100px',
  156. border: 'none',
  157. padding: '10px',
  158. backgroundColor: '#080',
  159. '-webkit-border-radius': '6px',
  160. '-moz-border-radius': '6px',
  161. 'border-radius': '6px',
  162. opacity: .6,
  163. 'font-style': 'italic',
  164. 'font-weight': 'normal',
  165. 'font-family': 'Georgia, "Times New Roman", Times, serif',
  166. 'font-size': '16px',
  167. color: '#fff'
  168. }
  169. });
  170. }
  171. function hataGoster(message) {
  172. console.log("HATA:" + message);
  173. $.blockUI({
  174. message: message,
  175. fadeIn: 500,
  176. fadeOut: 500,
  177. timeout: 2000,
  178. showOverlay: false,
  179. centerY: false,
  180. css: {
  181. width: '550px',
  182. top: '6px',
  183. left: '',
  184. right: '100px',
  185. border: 'none',
  186. padding: '10px',
  187. backgroundColor: '#900',
  188. '-webkit-border-radius': '6px',
  189. '-moz-border-radius': '6px',
  190. 'border-radius': '6px',
  191. opacity: .6,
  192. 'font-style': 'italic',
  193. 'font-weight': 'normal',
  194. 'font-family': 'Georgia, "Times New Roman", Times, serif',
  195. 'font-size': '16px',
  196. color: '#fff',
  197. }
  198. });
  199. }
  200. </script>
  201. </head>
  202. <body bgcolor='silver' >
  203. <div class=anasablon>
  204. <div class="mheader" tabindex="-1">GİOM-LOG</div><br>
  205. <div id='genelalan' class="genelalan" tabindex="-1">
  206. <div class=raporalan id=raporalan>
  207. <div class=element>
  208. <input type="submit" name="yenile" id="yenile" value="Yenile" tabindex="-1"/>
  209. <input type="submit" name="temizle" id="temizle" value="Temizle" tabindex="-1"/>
  210. </div>
  211. <div class="fsb" id="fsb"></div>
  212. </div>
  213. <hr noshade size=1>
  214. </div>
  215. </div>
  216. </body>
  217. </HTML>