Advertisement
Guest User

Untitled

a guest
Oct 15th, 2018
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.95 KB | None | 0 0
  1. <div class="form-group multiple-form-group">
  2. <button type="button" class="btn btn-add iki" style="background-color: #0000FF; color: white; border-radius: 5px">ADD</button>
  3. <div class="form-group row">
  4. <div class="row col-md-12" >
  5. <div class="col-md-12">
  6. <div class="row">
  7. <div class="form-group col">
  8. <label for="exampleInputEmail1">Produk</label>
  9. <div class="input-group">
  10. <select class="form-control" name="id_product[]" required="">
  11. <option>Pilih</option>
  12. <?php foreach ($produk->data as $data) { ?>
  13. <option value="<?php echo $data->id_product ?>"><?php echo $data->product_name ?></option>
  14. <?php } ?>
  15. </select>
  16. </div>
  17. </div>
  18. <div class="form-group col">
  19. <label for="exampleInputEmail1">QTY</label>
  20. <div class="input-group">
  21. <input type="text" id="qty-0" name="quantity[]" class="qty form-control calc" />
  22. </div>
  23. </div>
  24. <div class="form-group col">
  25. <label for="exampleInputEmail1">Mata Uang</label>
  26. <div class="input-group">
  27. <select class="form-control" id="matauang"
  28. name="id_currency2[]" required="">
  29. <option>Pilih</option>
  30. <?php foreach ($mata_uang->data as $data) { ?>
  31. <option value="<?php echo $data->id_currency ?>"><?php echo $data->currency ?></option>
  32. <?php } ?>
  33. </select>
  34. </div>
  35. </div>
  36. <div class="form-group col">
  37. <label for="exampleInputEmail1">Kurs</label>
  38. <div class="input-group">
  39. <input type="text" id="kurs-0" name="kurs[]" class="kurs form-control calc">
  40. </div>
  41. </div>
  42. <div class="form-group col">
  43. <label for="exampleInputEmail1">Harga Jual</label>
  44. <div class="input-group">
  45. <input type="text" id="amt-0" name="amount[]" class="amt form-control calc" />
  46. </div>
  47. </div>
  48. <div class="form-group col">
  49. <label for="exampleInputEmail1">Promo</label>
  50. <div class="input-group">
  51. <select class="form-control" name="id_promo2[]" required="">
  52. <option value="1">promo</option>
  53. <option value="2">promo2</option>
  54. </select>
  55. </div>
  56. </div>
  57. <div class="form-group col">
  58. <label for="exampleInputEmail1">Pajak</label>
  59. <div class="input-group">
  60. <select class="form-control" name="id_tax[]" required="">
  61. <option>Pilih</option>
  62. <?php foreach ($tax->data as $data) { ?>
  63. <option value="<?php echo $data->id_tax ?>"><?php echo $data->tax ?></option>
  64. <?php } ?>
  65. </select>
  66. </div>
  67. </div>
  68. <div class="form-group col">
  69. <label for="exampleInputEmail1">Jumlah</label>
  70. <div class="input-group">
  71. <input type="text" id="res-0" name="unit_price[]" class="form-control res" />
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <script type="text/javascript">
  79. var num = 1;
  80. $('#qty-0').change(function(){
  81. var total = 1;
  82. total = $('#qty-0').val() * $('#kurs-0').val() * $('#amt-0').val();
  83. $('#res-0').val(total);
  84. });
  85. $('#kurs-0').change(function(){
  86. var total = 1;
  87. total = $('#qty-0').val() * $('#kurs-0').val() * $('#amt-0').val();
  88. $('#res-0').val(total);
  89. });
  90. $('#amt-0').change(function(){
  91. var total = 1;
  92. total = $('#qty-0').val() * $('#kurs-0').val() * $('#amt-0').val();
  93. $('#res-0').val(total);
  94. });
  95.  
  96. // $('.res').change(function(){
  97. // var total_qty = 0;
  98. // for(var i = 0; i<num; i++){
  99. // total_qty = total_qty + $('#res-'+num).val();
  100. // // $('#totl-0').val(total);
  101. // console.log(total_qty);
  102. // }
  103. // });
  104.  
  105. $('#res-0').change(function(){
  106. console.log(".res berubah");
  107. var total_qty = 0;
  108. for(var i = 0; i<num; i++){
  109. total_qty = total_qty + $('#res-'+num).val();
  110. // $('#totl-0').val(total);
  111. console.log(total_qty);
  112. }
  113. });
  114.  
  115.  
  116.  
  117. (function ($) {
  118. $(function () {
  119.  
  120. var addFormGroup = function (event) {
  121. event.preventDefault();
  122.  
  123. console.log("test");
  124. var $formGroup = $(this).closest('.form-group');
  125. var $multipleFormGroup = $formGroup.closest('.multiple-form-group');
  126. var $formGroupClone = $formGroup.clone();
  127.  
  128. $(this)
  129. .toggleClass('btn-default btn-add btn-danger btn-remove')
  130. .html('–');
  131.  
  132. $formGroupClone.find('input').val('');
  133. if(num>0){
  134. $formGroupClone.find('.calc').removeClass('calc-'+(num-1));
  135. }
  136. $formGroupClone.find('.calc').addClass('calc-'+num);
  137. $formGroupClone.find('.res').attr('id','res-'+num);
  138. $formGroupClone.find('.qty').attr('id','qty-'+num);
  139. $formGroupClone.find('.amt').attr('id','amt-'+num);
  140. $formGroupClone.find('.kurs').attr('id','kurs-'+num);
  141. $formGroupClone.insertAfter($formGroup);
  142. $formGroupClone.find('.calc-'+num).change(function (){
  143. var total = 1;
  144. total = $('#qty-'+(num-1)).val() * $('#kurs-'+(num-1)).val() * $('#amt-'+(num-1)).val();
  145. console.log(num-1);
  146. console.log(total);
  147. $formGroupClone.find('#res-'+(num-1)).val(total);
  148.  
  149. });
  150. var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
  151. if ($multipleFormGroup.data('max') <= countFormGroup($multipleFormGroup)) {
  152. $lastFormGroupLast.find('.btn-add').attr('disabled', true);
  153. }
  154. num++;
  155. };
  156.  
  157. var removeFormGroup = function (event) {
  158. event.preventDefault();
  159.  
  160. var $formGroup = $(this).closest('.form-group');
  161. var $multipleFormGroup = $formGroup.closest('.multiple-form-group');
  162.  
  163. var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
  164. if ($multipleFormGroup.data('max') >= countFormGroup($multipleFormGroup)) {
  165. $lastFormGroupLast.find('.btn-add').attr('disabled', false);
  166. }
  167.  
  168. $formGroup.remove();
  169. };
  170.  
  171. var countFormGroup = function ($form) {
  172. return $form.find('.form-group').length;
  173. };
  174.  
  175. $(document).on('click', '.btn-add', addFormGroup);
  176. $(document).on('click', '.btn-remove', removeFormGroup);
  177.  
  178. });
  179. })(jQuery);
  180. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement