templates/workhour/pay.html.twig line 1

Open in your IDE?
  1. {% extends '@!EasyAdmin/page/content.html.twig' %}
  3. {% block page_content %}
  4. <div>
  5. <h2>{{worker}}</h2>
  6. <form method="post">
  7. <table class="table">
  8. {% set sum=0 %}
  9. {% set sumOther=0 %}
  10. <tr>
  11. <th>Kifizet</th>
  12. <th>Projekt</th>
  13. <th>Idő</th>
  14. <th>Egyéb költség</th>
  15. <th>Összesen</th>
  16. <th>Nap</th>
  17. <th>Létrehozva</th>
  18. </tr>
  19. {% for hour in hours %}
  20. <tr id="row-{{hour.id}}">
  21. {% if hour.isValidated %}
  22. <td><input type="checkbox" value="{{hour.id}}" checked="" name="workhours[]" class="hour-checkbox" onClick="check()"></td>
  23. {% else %}
  24. <td><input type="checkbox" value="{{hour.id}}" name="workhours[]" class="hour-checkbox" onClick="check()"></td>
  25. {% endif %}
  26. {% if hour.project %}
  27. {% if hour.project.customer %}
  28. <td>({{hour.project.customer.name}}) {{hour.project.name}} - {{hour.note|raw}}</td>
  29. {% else %}
  30. <td>{{hour.project.name}} - {{hour.note|raw}}</td>
  31. {% endif %}
  32. {% else %}
  33. <td>{{hour.note|raw}}</td>
  34. {% endif %}
  35. <td id="hour-{{hour.id}}">{{hour.hours}}</td>
  36. <td id="other-{{hour.id}}">{{hour.otherPrice}}</td>
  37. <td id="sum-{{hour.id}}">{{(hour.hours*worker.priceHour)+hour.otherPrice}}</td>
  38. <td>{{hour.day?hour.day.format('Y-m-d'):'-'}}</td>
  39. <td>{{hour.created.format('Y-m-d')}}</td>
  40. {% if hour.isValidated %}
  41. {% set sum = sum + hour.hours %}
  42. {% set sumOther = sumOther + (hour.otherPrice?hour.otherPrice:0) %}
  43. {% endif %}
  45. </tr>
  46. {% endfor %}
  47. <tfoot style="background-color: #fafafafa">
  48. <tr>
  49. <td colspan="2"><strong>Összesen</strong></td>
  50. <td id="sumHours" >{{sum}}</td>
  51. <td id="sumHours" >{{sum}}</td>
  52. <td></td>
  53. </tr>
  54. <tr>
  55. <td colspan="2"><strong>Órabér</strong></td>
  56. <td>{{worker.priceHour|format_currency('HUF',{fraction_digit: 0}, locale='hu')}}</td>
  57. <td><input type="number" name="priceHour" id="priceHour" value="{{worker.priceHour}}"></td>
  58. <td><input type="number" name="priceHour" id="priceHour" value="{{worker.priceHour}}"></td>
  59. </tr>
  60. <tr>
  61. <td colspan="2"><strong>Fizetendő óra</strong></td>
  62. <td id="sumHoursPrice">{{(sum*worker.priceHour)|format_currency('HUF',{fraction_digit: 0}, locale='hu')}}</td>
  63. <td colspan="2"><strong>Fizetendő óra</strong></td>
  64. <td id="sumHoursPrice">{{(sum*worker.priceHour)|format_currency('HUF',{fraction_digit: 0}, locale='hu')}}</td>
  65. <td></td>
  66. </tr>
  67. <tr>
  68. <td colspan="2"><strong>Egyéb költség</strong></td>
  69. <td id="sumOther">{{sumOther|format_currency('HUF',{fraction_digit: 0}, locale='hu')}}</td>
  70. <td id="sumOther">{{sumOther|format_currency('HUF',{fraction_digit: 0}, locale='hu')}}</td>
  71. <td></td>
  72. </tr>
  73. <tr>
  74. <td colspan="2"><strong>Teljes fizetendő összeg</strong></td>
  75. <td><strong id="sumTotalStrong">{{((sum*worker.priceHour)+sumOther)|format_currency('HUF',{fraction_digit: 0}, locale='hu')}}</strong></td>
  76. <td><input type="hidden" name="sumTotal" id="sumTotal" value="{{(sum*worker.priceHour)+sumOther}}"></td>
  77. </tr>
  79. </tfoot>
  80. </table>
  81. <input type="submit" name="submit" value="Fizetés" class="btn btn-info">
  82. </form>
  83. <script type="text/javascript">
  84. function check(){
  85. $('#sumTotal').val(0);
  86. var total = 0;
  87. var sumHours = 0;
  88. var sumHoursPrice = 0;
  89. var sumOther = 0;
  90. var priceHour = parseInt($('#priceHour').val())
  91. $('.hour-checkbox:checked').each(function(key,chk){
  92. var price = parseInt($('#sum-'+chk.value).html())
  93. var other = parseInt($('#other-'+chk.value).html())
  94. var hour = parseFloat($('#hour-'+chk.value).html())
  95. total = total + price;
  96. if(other > 0){
  97. sumOther = sumOther + other;
  98. }
  99. sumHours = sumHours + hour;
  100. sumHoursPrice = sumHoursPrice + (hour*priceHour);
  101. $('#sumTotalStrong').html(total);
  102. $('#sumOther').html(sumOther);
  103. $('#sumHours').html(sumHours);
  104. $('#sumHoursPrice').html(sumHoursPrice);
  106. })
  107. }
  108. </script>
  109. <script type="text/javascript">
  110. function check(){
  111. var sumTotal = document.getElementById('sumTotal')
  112. sumTotal.value = 0;
  113. var total = 0;
  114. var sumHours = 0;
  115. var sumHoursPrice = 0;
  116. var sumOther = 0;
  117. var priceHour = document.getElementById('priceHour')
  118. var priceHour = parseInt(priceHour.value)
  119. var checked = document.querySelectorAll('.hour-checkbox:checked')
  121. checked.forEach(function(chk, key){
  122. console.log(key, chk, chk.value)
  123. var price = parseInt(document.getElementById('sum-'+chk.value).innerHTML)
  124. var other = parseInt(document.getElementById('other-'+chk.value).innerHTML)
  125. var hour = parseFloat(document.getElementById('hour-'+chk.value).innerHTML)
  126. total = total + price;
  127. if(other > 0){
  128. sumOther = sumOther + other;
  129. }
  130. sumHours = sumHours + hour;
  131. sumHoursPrice = sumHoursPrice + (hour*priceHour);
  132. document.getElementById('sumTotalStrong').innerHTML = total;
  133. document.getElementById('sumOther').innerHTML = sumOther;
  134. document.getElementById('sumHours').innerHTML = sumHours;
  135. document.getElementById('sumHoursPrice').innerHTML = sumHoursPrice;
  137. })
  138. }
  139. </script>
  140. </div>
  142. {% endblock page_content %}