bold oodometer dan sum table

eispajak/static/css/pcpd.css

@@ -91,6 +91,9 @@ div.col-md-6 {
   .sub-odometer {
     font-size: 2.5em;
   }
+  .odometer-value{
+    font-weight: bold;
+  }
 
   .padding-top-sm { padding-top: .5em; }
 

eispajak/views/templates/pbb.pt

@@ -186,6 +186,13 @@
                 <td class="right">789.492.550</td>
               </tr>
             </tbody>
+            <tfoot>
+              <td colspan="2" class="text-right">Jumlah</td>
+              <td><span id="sum_ketetapan"></span></td>
+              <td><span id="sum_realisasi"></span></td>
+              <td><span id="sum_sisa"></span></td>
+              <td><span id="sum_persen"></span></td>
+            </tfoot>
           </table>
         </div>
       </div>
@@ -523,6 +530,10 @@
   );
   var tableRefresh = function () {
     table.clear();
+    var sum_ketetapan = 0;
+    var sum_realisasi = 0;
+    var sum_sisa = 0;
+    var sum_persen = 0;
     newData.tabel.forEach(function (row) {
       // console.log(row);
       table.row.add([
@@ -533,7 +544,17 @@
         row.sisa.toLocaleString("id-ID"),
         row.persen.toFixed(2)
       ]);
+      
+      sum_ketetapan += row.ketetapan;
+      sum_realisasi += row.realisasi;
+      sum_sisa += row.sisa;
+      sum_persen += row.persen;
     });
+
+    $('#sum_ketetapan').html(sum_ketetapan.toLocaleString("id-ID"));
+    $('#sum_realisasi').html(sum_realisasi.toLocaleString("id-ID"));
+    $('#sum_sisa').html(sum_sisa.toLocaleString("id-ID"));
+    $('#sum_persen').html(sum_persen.toLocaleString("id-ID"));
     table.draw();
 
   }