|  | @@ -1,11 +1,9 @@
 | 
	
		
			
				|  |  |  import React, { Component } from 'react';
 | 
	
		
			
				|  |  | -import ContentWrapper from '@/components/Layout/ContentWrapper';
 | 
	
		
			
				|  |  |  import Link from "next/link";
 | 
	
		
			
				|  |  |  import { Row, Col, Card, CardHeader, CardBody, Table, Button } from 'reactstrap';
 | 
	
		
			
				|  |  | -import cabutSanksi from '../../pages/app/riwayat/cabutSanksi';
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -function TableRadar({ listData, to, linkName, jadwal, pemeriksaan, sanksi, keberatan, banding, perbaikan, cabutSanksi }) {
 | 
	
		
			
				|  |  | +function TableRadar({ listData, to, linkName, jadwal, pemeriksaan, sanksi, keberatan, banding, perbaikan, cabutSanksi, all_Laporan }) {
 | 
	
		
			
				|  |  |      return (
 | 
	
		
			
				|  |  |          <Card className="card-default">
 | 
	
		
			
				|  |  |              <CardBody>
 | 
	
	
		
			
				|  | @@ -14,36 +12,46 @@ function TableRadar({ listData, to, linkName, jadwal, pemeriksaan, sanksi, keber
 | 
	
		
			
				|  |  |                          <tr >
 | 
	
		
			
				|  |  |                              <th>Wilayah LLDikti\Menu</th>
 | 
	
		
			
				|  |  |                              <th style={{
 | 
	
		
			
				|  |  | +                                color: "black",
 | 
	
		
			
				|  |  | +                            }}>Jumlah Laporan</th><th style={{
 | 
	
		
			
				|  |  |                                  backgroundColor: '#80b1ff',
 | 
	
		
			
				|  |  |                                  color: "black",
 | 
	
		
			
				|  |  | -                            }}>Penjadwalan Evaluasi</th>
 | 
	
		
			
				|  |  | +                                textAlign: "center",
 | 
	
		
			
				|  |  | +                            }}>1. Penjadwalan Evaluasi</th>
 | 
	
		
			
				|  |  |                              <th style={{
 | 
	
		
			
				|  |  |                                  backgroundColor: '#de8383',
 | 
	
		
			
				|  |  |                                  color: "black",
 | 
	
		
			
				|  |  | -                            }}>Pemeriksaan</th>
 | 
	
		
			
				|  |  | +                                textAlign: "center",
 | 
	
		
			
				|  |  | +                            }}>2. Pemeriksaan</th>
 | 
	
		
			
				|  |  |                              <th style={{
 | 
	
		
			
				|  |  |                                  backgroundColor: '#fdda80',
 | 
	
		
			
				|  |  |                                  color: "black",
 | 
	
		
			
				|  |  | -                            }}>Sanksi</th>
 | 
	
		
			
				|  |  | +                                textAlign: "center",
 | 
	
		
			
				|  |  | +                            }}>3. Sanksi</th>
 | 
	
		
			
				|  |  |                              <th style={{
 | 
	
		
			
				|  |  |                                  backgroundColor: '#cfab80',
 | 
	
		
			
				|  |  |                                  color: "black",
 | 
	
		
			
				|  |  | -                            }}>Keberatan</th>
 | 
	
		
			
				|  |  | +                                textAlign: "center",
 | 
	
		
			
				|  |  | +                            }}>4. Keberatan</th>
 | 
	
		
			
				|  |  |                              <th style={{
 | 
	
		
			
				|  |  |                                  backgroundColor: '#ef90df',
 | 
	
		
			
				|  |  |                                  color: "black",
 | 
	
		
			
				|  |  | -                            }}>Banding</th>
 | 
	
		
			
				|  |  | +                                textAlign: "center",
 | 
	
		
			
				|  |  | +                            }}>5. Banding</th>
 | 
	
		
			
				|  |  |                              <th style={{
 | 
	
		
			
				|  |  |                                  backgroundColor: '#80df89',
 | 
	
		
			
				|  |  |                                  color: "black",
 | 
	
		
			
				|  |  | -                            }}>Pemantauan perbaikan</th>
 | 
	
		
			
				|  |  | +                                textAlign: "center",
 | 
	
		
			
				|  |  | +                            }}>6. Pemantauan perbaikan</th>
 | 
	
		
			
				|  |  |                              <th style={{
 | 
	
		
			
				|  |  |                                  backgroundColor: '#a3d4d1',
 | 
	
		
			
				|  |  |                                  color: "black",
 | 
	
		
			
				|  |  | -                            }}>Pencabutan Sanksi</th>
 | 
	
		
			
				|  |  | +                                textAlign: "center",
 | 
	
		
			
				|  |  | +                            }}>7. Pencabutan Sanksi</th>
 | 
	
		
			
				|  |  |                              <th style={{
 | 
	
		
			
				|  |  |                                  backgroundColor: '#e8f2f1',
 | 
	
		
			
				|  |  |                                  color: "black",
 | 
	
		
			
				|  |  | +                                textAlign: "center",
 | 
	
		
			
				|  |  |                              }}>Lihat Laporan</th>
 | 
	
		
			
				|  |  |                          </tr>
 | 
	
		
			
				|  |  |                      </thead>
 | 
	
	
		
			
				|  | @@ -51,6 +59,18 @@ function TableRadar({ listData, to, linkName, jadwal, pemeriksaan, sanksi, keber
 | 
	
		
			
				|  |  |                          return (
 | 
	
		
			
				|  |  |                              <tr key={data.id}>
 | 
	
		
			
				|  |  |                                  <td>{data.pembina.name}</td>
 | 
	
		
			
				|  |  | +                                <Link
 | 
	
		
			
				|  |  | +                                    href={{
 | 
	
		
			
				|  |  | +                                        pathname: all_Laporan,
 | 
	
		
			
				|  |  | +                                        query: { id: data.pembina.id },
 | 
	
		
			
				|  |  | +                                    }}
 | 
	
		
			
				|  |  | +                                >
 | 
	
		
			
				|  |  | +                                    <td style={{
 | 
	
		
			
				|  |  | +                                        color: "black",
 | 
	
		
			
				|  |  | +                                        textAlign: "center",
 | 
	
		
			
				|  |  | +                                        cursor: "pointer",
 | 
	
		
			
				|  |  | +                                    }}>{data.laporan.length}</td>
 | 
	
		
			
				|  |  | +                                </Link>
 | 
	
		
			
				|  |  |                                  <Link
 | 
	
		
			
				|  |  |                                      href={{
 | 
	
		
			
				|  |  |                                          pathname: jadwal,
 | 
	
	
		
			
				|  | @@ -61,6 +81,7 @@ function TableRadar({ listData, to, linkName, jadwal, pemeriksaan, sanksi, keber
 | 
	
		
			
				|  |  |                                          backgroundColor: '#80b1ff',
 | 
	
		
			
				|  |  |                                          color: "black",
 | 
	
		
			
				|  |  |                                          textAlign: "center",
 | 
	
		
			
				|  |  | +                                        cursor: "pointer"
 | 
	
		
			
				|  |  |                                      }}>{data.jumlah_jadwal_evaluasi}</td>
 | 
	
		
			
				|  |  |                                  </Link>
 | 
	
		
			
				|  |  |                                  <Link
 | 
	
	
		
			
				|  | @@ -73,6 +94,7 @@ function TableRadar({ listData, to, linkName, jadwal, pemeriksaan, sanksi, keber
 | 
	
		
			
				|  |  |                                          backgroundColor: '#de8383',
 | 
	
		
			
				|  |  |                                          color: "black",
 | 
	
		
			
				|  |  |                                          textAlign: "center",
 | 
	
		
			
				|  |  | +                                        cursor: "pointer",
 | 
	
		
			
				|  |  |                                      }}>{data.jumlah_pemeriksaan}</td>
 | 
	
		
			
				|  |  |                                  </Link>
 | 
	
		
			
				|  |  |                                  <Link
 | 
	
	
		
			
				|  | @@ -85,6 +107,7 @@ function TableRadar({ listData, to, linkName, jadwal, pemeriksaan, sanksi, keber
 | 
	
		
			
				|  |  |                                          backgroundColor: '#fdda80',
 | 
	
		
			
				|  |  |                                          color: "black",
 | 
	
		
			
				|  |  |                                          textAlign: "center",
 | 
	
		
			
				|  |  | +                                        cursor: "pointer",
 | 
	
		
			
				|  |  |                                      }}>{data.jumlah_sanksi}</td>
 | 
	
		
			
				|  |  |                                  </Link>
 | 
	
		
			
				|  |  |                                  <Link
 | 
	
	
		
			
				|  | @@ -97,6 +120,7 @@ function TableRadar({ listData, to, linkName, jadwal, pemeriksaan, sanksi, keber
 | 
	
		
			
				|  |  |                                          backgroundColor: '#cfab80',
 | 
	
		
			
				|  |  |                                          color: "black",
 | 
	
		
			
				|  |  |                                          textAlign: "center",
 | 
	
		
			
				|  |  | +                                        cursor: "pointer",
 | 
	
		
			
				|  |  |                                      }}>{data.jumlah_keberatan}</td>
 | 
	
		
			
				|  |  |                                  </Link>
 | 
	
		
			
				|  |  |                                  <Link
 | 
	
	
		
			
				|  | @@ -109,6 +133,7 @@ function TableRadar({ listData, to, linkName, jadwal, pemeriksaan, sanksi, keber
 | 
	
		
			
				|  |  |                                          backgroundColor: '#ef90df',
 | 
	
		
			
				|  |  |                                          color: "black",
 | 
	
		
			
				|  |  |                                          textAlign: "center",
 | 
	
		
			
				|  |  | +                                        cursor: "pointer",
 | 
	
		
			
				|  |  |                                      }}>{data.jumlah_banding}</td>
 | 
	
		
			
				|  |  |                                  </Link>
 | 
	
		
			
				|  |  |                                  <Link
 | 
	
	
		
			
				|  | @@ -121,6 +146,7 @@ function TableRadar({ listData, to, linkName, jadwal, pemeriksaan, sanksi, keber
 | 
	
		
			
				|  |  |                                          backgroundColor: '#80df89',
 | 
	
		
			
				|  |  |                                          color: "black",
 | 
	
		
			
				|  |  |                                          textAlign: "center",
 | 
	
		
			
				|  |  | +                                        cursor: "pointer",
 | 
	
		
			
				|  |  |                                      }}>{data.jumlah_pemantauan_perbaikan}</td>
 | 
	
		
			
				|  |  |                                  </Link>
 | 
	
		
			
				|  |  |                                  <Link
 | 
	
	
		
			
				|  | @@ -133,17 +159,23 @@ function TableRadar({ listData, to, linkName, jadwal, pemeriksaan, sanksi, keber
 | 
	
		
			
				|  |  |                                          backgroundColor: '#a3d4d1',
 | 
	
		
			
				|  |  |                                          color: "black",
 | 
	
		
			
				|  |  |                                          textAlign: "center",
 | 
	
		
			
				|  |  | +                                        cursor: "pointer",
 | 
	
		
			
				|  |  |                                      }}>{data.jumlah_pencabutan_sanksi}</td>
 | 
	
		
			
				|  |  |                                  </Link>
 | 
	
		
			
				|  |  |                                  <td>
 | 
	
		
			
				|  |  | -                                    <div className="ml-auto">
 | 
	
		
			
				|  |  | +                                    <div className="ml-auto" style={{
 | 
	
		
			
				|  |  | +                                        textAlign: "center",
 | 
	
		
			
				|  |  | +                                        marginLeft: "auto",
 | 
	
		
			
				|  |  | +                                        marginRight: "auto",
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +                                    }}>
 | 
	
		
			
				|  |  |                                          <Link
 | 
	
		
			
				|  |  |                                              href={{
 | 
	
		
			
				|  |  |                                                  pathname: to,
 | 
	
		
			
				|  |  |                                                  query: { id: data.pembina.id },
 | 
	
		
			
				|  |  |                                              }}
 | 
	
		
			
				|  |  |                                          >
 | 
	
		
			
				|  |  | -                                            <Button className="btn-login" color>
 | 
	
		
			
				|  |  | +                                            <Button className="btn-login" color >
 | 
	
		
			
				|  |  |                                                  <span className="font-color-white">
 | 
	
		
			
				|  |  |                                                      {linkName}
 | 
	
		
			
				|  |  |                                                  </span>
 |