data.blade.php 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. @include('dev.helpers.jquery')
  2. <script type="text/javascript">
  3. $(document).ready(function(){
  4. $('#detailModal').on('show.bs.modal', function (e) {
  5. var lisensi=$(e.relatedTarget).attr('data-lisensi');
  6. $('#dlisensi').val(lisensi);
  7. var name=$(e.relatedTarget).attr('data-name');
  8. $('#dname').val(name);
  9. var telp=$(e.relatedTarget).attr('data-telp');
  10. $('#dtelp').val(telp);
  11. var fax=$(e.relatedTarget).attr('data-hp');
  12. $('#dhp').val(fax);
  13. var alamat=$(e.relatedTarget).attr('data-alamat');
  14. $('#dalamat').val(alamat);
  15. var provinsi=$(e.relatedTarget).attr('data-provinsi');
  16. $('#dprovinsi').val(provinsi);
  17. var kabupaten=$(e.relatedTarget).attr('data-kabupaten');
  18. $('#dkabupaten').val(kabupaten);
  19. });
  20. })
  21. </script>
  22. <script type="text/javascript">
  23. $(document).ready(function(){
  24. $('#editModal').on('show.bs.modal', function (e) {
  25. var id=$(e.relatedTarget).attr('data-id');
  26. $('#eid').val(id);
  27. var lisensi=$(e.relatedTarget).attr('data-lisensi');
  28. $('#elisensi').val(lisensi);
  29. var name=$(e.relatedTarget).attr('data-name');
  30. $('#ename').val(name);
  31. var telp=$(e.relatedTarget).attr('data-telp');
  32. $('#etelp').val(telp);
  33. var fax=$(e.relatedTarget).attr('data-hp');
  34. $('#ehp').val(fax);
  35. var alamat=$(e.relatedTarget).attr('data-alamat');
  36. $('#ealamat').val(alamat);
  37. var provinsi=$(e.relatedTarget).attr('data-provinsi');
  38. var idprovinsi=$(e.relatedTarget).attr('data-provinsiid');
  39. $('#eprovinsi').append('<option value="'+ idprovinsi +'" selected>'+ provinsi +'</option>');
  40. var kabupaten=$(e.relatedTarget).attr('data-kabupaten');
  41. var idkabupaten=$(e.relatedTarget).attr('data-kabupatenid');
  42. $('#ekabupaten').append('<option value="'+ idkabupaten +'" selected>'+ kabupaten +'</option>');
  43. });
  44. })
  45. </script>
  46. <script type="text/javascript">
  47. $(document).ready(function(){
  48. $('#deleteModal').on('show.bs.modal', function (e) {
  49. var id=$(e.relatedTarget).attr('data-id');
  50. $('#deid').val(id);
  51. });
  52. })
  53. </script>
  54. <script type="text/javascript">
  55. $("#provinsi").change(function(){
  56. $.ajax({
  57. url: "{{ url('provinsi/kabupaten/') }}/" + $(this).val(),
  58. method: 'GET',
  59. success: function(data) {
  60. $('#kabupaten').html(data.html);
  61. }
  62. });
  63. });
  64. </script>
  65. <script type="text/javascript">
  66. $("#eprovinsi").change(function(){
  67. $.ajax({
  68. url: "{{ url('provinsi/kabupaten/') }}/" + $(this).val(),
  69. method: 'GET',
  70. success: function(data) {
  71. $('#ekabupaten').html(data.html);
  72. }
  73. });
  74. });
  75. </script>
  76. <script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
  77. <script type="text/javascript">
  78. var j = jQuery.noConflict();
  79. function trimNull(data)
  80. {
  81. if (data != null) {
  82. return data;
  83. }
  84. return '';
  85. }
  86. var table = j('#server-side').DataTable({
  87. "lengthChange": true,
  88. orderCellsTop: true,
  89. fixedHeader: true,
  90. "processing": true,
  91. "serverSide": true,
  92. "ajax": {
  93. "type": "GET",
  94. "url": "{{ route('pengaturan/perusahaan') }}",
  95. "data": function (d) {
  96. console.log(d);
  97. return j.extend({}, d, {
  98. "type": "WEB",
  99. });
  100. },
  101. },
  102. "columns": [
  103. {
  104. "data": "company_id",
  105. },
  106. {
  107. "data": "name",
  108. },
  109. {
  110. "data": "no_telp",
  111. },
  112. {
  113. "data": "no_hp",
  114. },
  115. {
  116. "data": "provinsi",
  117. },
  118. {
  119. "data": "kabupaten",
  120. },
  121. {
  122. "data": "alamat",
  123. },
  124. {
  125. "data": null,
  126. "render": function (data, type, row, meta) {
  127. return '<a href="#" data-toggle="modal" data-target="#detailModal" class="btn btn-success btn-sm"' +
  128. 'data-lisensi = "' + trimNull(data.company_id) + '"' +
  129. 'data-name = "' + trimNull(data.name) + '"' +
  130. 'data-telp = "' + trimNull(data.no_telp) + '"' +
  131. 'data-hp = "' + trimNull(data.no_hp) + '"' +
  132. 'data-alamat = "' + trimNull(data.alamat) + '"' +
  133. 'data-provinsi = "' + trimNull(data.provinsi) + '"' +
  134. 'data-kabupaten = "' + trimNull(data.kabupaten) + '"' +
  135. '><i class="fa fa-file"></i></a>' +
  136. '<a href="#" data-toggle="modal" data-target="#editModal"' +
  137. 'data-id = "' + trimNull(data.id) + '" id="getEdit"' +
  138. 'data-name = "' + trimNull(data.name) + '"' +
  139. 'data-lisensi = "' + trimNull(data.company_id) + '"' +
  140. 'data-telp = "' + trimNull(data.no_telp) + '"' +
  141. 'data-hp = "' + trimNull(data.no_hp) + '"' +
  142. 'data-alamat = "' + trimNull(data.alamat) + '"' +
  143. 'data-provinsi = "' + trimNull(data.provinsi) + '"' +
  144. 'data-kabupaten = "' + trimNull(data.kabupaten) + '"' +
  145. 'data-provinsiid = "' + trimNull(data.id_prov) + '"' +
  146. 'data-kabupatenid = "' + trimNull(data.id_kabkot) + '"' +
  147. 'class="btn btn-warning btn-sm"><i class="fa fa-edit"></i></a>' +
  148. '<a class="btn btn-danger btn-sm" id="getDelete" data-toggle="modal" data-target="#deleteModal"' +
  149. 'data-id="' + trimNull(data.id) + '"><i class="fa fa-trash"></i>';
  150. }
  151. },
  152. ],
  153. "ordering": true
  154. });
  155. </script>