|
|
@@ -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>
|