update komposisi penerimaan

eispajak/views/templates/pcpd_pajak.pt

@@ -14,13 +14,10 @@
   <div class="row">
     <div class="col-md-12">
       <div class="text-center" style="margin-bottom: 20px; padding: 15px 0;">
-        <h2 style="margin: 0; font-weight: bold; color: #333; text-transform: uppercase; letter-spacing: 1px;">
-          LAPORAN REALTIME REALISASI PAJAK DAERAH
+        <h2 style="margin: 0; font-weight: bold; color: #333; text-transform: uppercase; letter-spacing: 1px;
+        background-color:rgb(164, 162, 162);">
+          BESARAN KOMPOSISI PENERIMAAN DARI JENIS PAJAK DAERAH
         </h2>
-		<h3 style="margin: 5px 0 0; font-weight: bold; color: #cc5200; text-transform: uppercase; letter-spacing: 1px;">
-        DATA DAN INFORMASI
-		</h3>
-		<h4 id="tanggalHariIni" style="margin: 5px 0 0; color: #003399; font-weight: bold;"></h4>
       </div>
     </div>
   </div>
@@ -87,22 +84,14 @@
   <div class="row">
     <div class="col-md-8">
       <div class="panel panel-default">
-        <div class="panel-heading">
-          <img src="${home}/eis/static/bapend.png" class="icon-rounded" alt="" align="left">
-          <h5 class="text-left bold">Target dan Realisasi per Pajak
-            <i class="fa fa-info-circle pull-right icon-color"></i>
-          </h5>
-        </div>
         <div class="panel-body">
           <table class="table table-bordered table-sm" id="table1">
             <thead>
               <tr>
                 <th class="align-middle text-center">Kode</th>
-                <th class="align-middle text-center">Uraian</th>
-                <th class="text-center">Target</th>
+                <th class="align-middle text-center">Jenis Pajak</th>
+                <th class="text-center">Besaran Komposisi <br>Dalam Penerimaan <br>Pajak Daerah (%)</th>
                 <th class="text-center">Realisasi</th>
-                <th class="text-center">Selisih</th>
-                <th class="text-center">%</th>
               </tr>
             </thead>
             <tbody>
@@ -111,16 +100,12 @@
                 <td class=""></td>
                 <td class="right">0</td>
                 <td class="right">0</td>
-                <td class="right">0</td>
-                <td class="right">0</td>
               </tr>
             </tbody>
             <tfoot>
               <td colspan="2" class="text-right">Jumlah</td>
-              <td><span id="sum_target"></span></td>
+              <td><span id="sum_besaran"></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>
@@ -610,10 +595,10 @@
       "scrollX": true,
       "order": [[0, 'asc']],
       "columnDefs": [
-        { className: 'text-center', width: "50px", targets: [0] },
+        { className: 'text-center', width: "20px", targets: [0] },
         { className: 'text-left', targets: [1] },
-        { className: 'text-right', width: "100px", targets: [2, 3, 4], render: $.fn.dataTable.render.number('.', ',', 0, '') },
-        { className: 'text-right', width: "100px", targets: [5], render: $.fn.dataTable.render.number('.', ',', 2, '') },
+        { className: 'text-right', targets: [2] },
+        { className: 'text-right', targets: [3], render: $.fn.dataTable.render.number('.', ',', 0, '') },
       ]
     }
   );
@@ -628,21 +613,25 @@
         var sum_realisasi = 0;
         var sum_sisa = 0;
         var sum_persen = 0;
+        var sum_besaran = 0;
         data.forEach(function (row) {
           console.log(row);
+          sum_target += row.target;
+          sum_realisasi += row.realisasi;
+          sum_sisa += row.sisa;
+          sum_persen += row.persen;
+        });
+
+        data.forEach(function (row) {
+          sum_besaran += (row.realisasi/sum_realisasi)*100;
           table.row.add([
             row.kode,
             row.nama,
-            row.target,
+            ((row.realisasi/sum_realisasi)*100).toFixed(2),
             row.realisasi,
-            row.sisa,
-            row.persen.toFixed(2)
           ]);
-          sum_target += row.target;
-          sum_realisasi += row.realisasi;
-          sum_sisa += row.sisa;
-          sum_persen += row.persen;
         });
+        $('#sum_besaran').html(sum_besaran.toLocaleString("id-ID"));
         $('#sum_target').html(sum_target.toLocaleString("id-ID"));
         $('#sum_realisasi').html(sum_realisasi.toLocaleString("id-ID"));
         $('#sum_sisa').html(sum_sisa.toLocaleString("id-ID"));