Guest User

Untitled

a guest
Jan 21st, 2019
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.90 KB | None | 0 0
  1. var oTable;
  2. var cRotina = '';
  3.  
  4. $(document).ready(function() {
  5.  
  6. $(".btn-group .btn").click(function() {
  7. var inputValue = $(this).find("input").val();
  8. if (inputValue != 'all') {
  9. var target = $('table tr[data-status="' + inputValue + '"]');
  10. $("table tbody tr").not(target).hide();
  11. target.fadeIn();
  12. } else {
  13. $("table tbody tr").fadeIn();
  14. }
  15. });
  16.  
  17. // Changing the class of status label to support Bootstrap 4
  18. var bs = $.fn.tooltip.Constructor.VERSION;
  19. var str = bs.split(".");
  20. if (str[0] == 4) {
  21. $(".label").each(function() {
  22. var classStr = $(this).attr("class");
  23. var newClassStr = classStr.replace(/label/g, "badge");
  24. $(this).removeAttr("class").addClass(newClassStr);
  25. });
  26. }
  27.  
  28. oTable = $('#tabela_rotinas').DataTable({
  29. "bJQueryUI": true,
  30. "bProcessing": true,
  31. "bAutoWidth": false,
  32. "sPaginationType": "full_numbers",
  33. "bStateSave": false,
  34. "sAjaxDataProp": "server",
  35. "contentType": "application/json",
  36. "paging": false,
  37. "sAjaxSource": "http://192.168.222.252:8082/WSSERVICES",
  38. "sServerMethod": "GET",
  39. "searching": false,
  40. "fnServerData": function(sSource, aoData, fnCallback, oSettings) {
  41. oSettings.jqXHR = $.ajax({
  42. "dataType": "json",
  43. "type": "GET",
  44. "url": sSource,
  45. "data": {
  46. cRotina: cRotina
  47. },
  48. "success": fnCallback
  49. });
  50. },
  51. "aoColumnDefs": [{
  52. "aTargets": [1],
  53. "mRender": function(data, type, full) {
  54. if (data == "Executando") {
  55. return '<tr data-status="active"><td><span class="label label-success">' + data + '</span></td></tr>';
  56. } else if (data == "Parado") {
  57. return '<tr data-status="expired"><td><span class="label label-danger">' + data + '</span></td></tr>';
  58. } else if (data == "Inactive") {
  59. return '<tr data-status="inactive"><td><span class="label label-warning">' + data + '</span></td></tr>';
  60. }
  61. }
  62. }],
  63. "aoColumns": [{
  64. "mData": "nome"
  65. },
  66. {
  67. "mData": "status"
  68. },
  69. {
  70. "mData": "local"
  71. },
  72. {
  73. "mData": "porta"
  74. }
  75. ],
  76. "oLanguage": {
  77. "sEmptyTable": "Nenhum registro encontrado",
  78. "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
  79. "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
  80. "sInfoPostFix": "",
  81. "sInfoThousands": ".",
  82. "sLoadingRecords": '<center><i class="fa fa-refresh fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span></center>',
  83. "sProcessing": "Processando...",
  84. "sZeroRecords": "Nenhum registro encontrado",
  85. "oAria": {
  86. "sSortAscending": ": Ordenar colunas de forma ascendente",
  87. "sSortDescending": ": Ordenar colunas de forma descendente"
  88. }
  89. }
  90. });
  91.  
  92. });
  93.  
  94. setInterval(function() {
  95. oTable.ajax.reload();
  96. }, 60000);
  97.  
  98. <div class="table-wrapper">
  99. <div class="table-title">
  100. <div class="row">
  101. <div class="col-sm-6">
  102. <h2>Serviços <b>Protheus</b></h2>
  103. </div>
  104. <div class="col-sm-6">
  105. <div class="btn-group" data-toggle="buttons">
  106. <label class="btn btn-info active">
  107. <input type="radio" name="status" value="all" checked="checked"> Todos
  108. </label>
  109. <label class="btn btn-success">
  110. <input type="radio" name="status" value="active"> Executando
  111. </label>
  112. <label class="btn btn-warning">
  113. <input type="radio" name="status" value="inactive"> Em Pausa
  114. </label>
  115. <label class="btn btn-danger">
  116. <input type="radio" name="status" value="expired"> Parados
  117. </label>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122.  
  123. <table class="table table-striped table-hover" id="tabela_rotinas">
  124. <thead>
  125. <tr>
  126. <th>NOME</th>
  127. <th>STATUS</th>
  128. <th>LOCAL</th>
  129. <th>PORTA</th>
  130. </tr>
  131. </thead>
  132. <tbody></tbody>
  133. </table>
  134. </div>
Add Comment
Please, Sign In to add comment