|
@@ -4,7 +4,6 @@ import Link from "next/link";
|
|
|
import moment from "moment";
|
|
import moment from "moment";
|
|
|
|
|
|
|
|
function TableLaporan({ listData, to, linkName, status = false }) {
|
|
function TableLaporan({ listData, to, linkName, status = false }) {
|
|
|
- const data = listData;
|
|
|
|
|
return (
|
|
return (
|
|
|
<div className="card b">
|
|
<div className="card b">
|
|
|
<div className="card-body">
|
|
<div className="card-body">
|
|
@@ -20,111 +19,39 @@ function TableLaporan({ listData, to, linkName, status = false }) {
|
|
|
</tr>
|
|
</tr>
|
|
|
</thead>
|
|
</thead>
|
|
|
<tbody>
|
|
<tbody>
|
|
|
- {Array.isArray(listData) ? (
|
|
|
|
|
- listData.length ? (
|
|
|
|
|
- listData.map((data) => {
|
|
|
|
|
- if (data.pelaporan) {
|
|
|
|
|
- return (
|
|
|
|
|
- <tr key={data.pelaporan._id}>
|
|
|
|
|
- <td>{data.pelaporan._number}</td>
|
|
|
|
|
- <td className="text-nowrap">
|
|
|
|
|
- <div className="media align-items-center">
|
|
|
|
|
- <div className="media-body d-flex">
|
|
|
|
|
- <div>
|
|
|
|
|
- <h4 className="m-0">Universitas Satyagama</h4>
|
|
|
|
|
- <p>{data.pelaporan.description}</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- {status ? <td>{data.pelaporan.status}</td> : ""}
|
|
|
|
|
- <td>{moment(data.pelaporan.createdAt).fromNow()}</td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div className="ml-auto">
|
|
|
|
|
- <Link
|
|
|
|
|
- href={{
|
|
|
|
|
- pathname: to,
|
|
|
|
|
- query: { ptId: data.pelaporan.pt_id, number: data.pelaporan._number },
|
|
|
|
|
- }}
|
|
|
|
|
- >
|
|
|
|
|
- <Button color="primary" size="sm">
|
|
|
|
|
- {linkName}
|
|
|
|
|
- </Button>
|
|
|
|
|
- </Link>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- );
|
|
|
|
|
- } else {
|
|
|
|
|
- return (
|
|
|
|
|
- <tr key={data._id}>
|
|
|
|
|
- <td>{data._number}</td>
|
|
|
|
|
- <td className="text-nowrap">
|
|
|
|
|
- <div className="media align-items-center">
|
|
|
|
|
- <div className="media-body d-flex">
|
|
|
|
|
- <div>
|
|
|
|
|
- <h4 className="m-0">Universitas Satyagama</h4>
|
|
|
|
|
- <p>{data.description}</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- {status ? <td>{data.status}</td> : ""}
|
|
|
|
|
- <td>{moment(data.createdAt).fromNow()}</td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div className="ml-auto">
|
|
|
|
|
- <Link
|
|
|
|
|
- href={{
|
|
|
|
|
- pathname: to,
|
|
|
|
|
- query: { ptId: data.pt_id, number: data._number },
|
|
|
|
|
- }}
|
|
|
|
|
- >
|
|
|
|
|
- <Button color="primary" size="sm">
|
|
|
|
|
- {linkName}
|
|
|
|
|
- </Button>
|
|
|
|
|
- </Link>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- );
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- ) : (
|
|
|
|
|
- ""
|
|
|
|
|
- )
|
|
|
|
|
- ) : listData ? (
|
|
|
|
|
- <tr key={listData._id}>
|
|
|
|
|
- <td>{listData._number}</td>
|
|
|
|
|
- <td className="text-nowrap">
|
|
|
|
|
- <div className="media align-items-center">
|
|
|
|
|
- <div className="media-body d-flex">
|
|
|
|
|
- <div>
|
|
|
|
|
- <h4 className="m-0">Universitas Satyagama</h4>
|
|
|
|
|
- <p>{listData.description}</p>
|
|
|
|
|
|
|
+ {listData.map((data) => {
|
|
|
|
|
+ return (
|
|
|
|
|
+ <tr key={data._id}>
|
|
|
|
|
+ <td>{data._number}</td>
|
|
|
|
|
+ <td className="text-nowrap">
|
|
|
|
|
+ <div className="media align-items-center">
|
|
|
|
|
+ <div className="media-body d-flex">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <h4 className="m-0">Universitas Satyagama</h4>
|
|
|
|
|
+ <p>{data.description}</p>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- {status ? <td>{listData.status}</td> : ""}
|
|
|
|
|
- <td>{moment(listData.createdAt).fromNow()}</td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div className="ml-auto">
|
|
|
|
|
- <Link
|
|
|
|
|
- href={{
|
|
|
|
|
- pathname: to,
|
|
|
|
|
- query: { ptId: listData.pt_id, number: listData._number },
|
|
|
|
|
- }}
|
|
|
|
|
- >
|
|
|
|
|
- <Button color="primary" size="sm">
|
|
|
|
|
- {linkName}
|
|
|
|
|
- </Button>
|
|
|
|
|
- </Link>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- ) : (
|
|
|
|
|
- ""
|
|
|
|
|
- )}
|
|
|
|
|
|
|
+ </td>
|
|
|
|
|
+ {status ? <td>{data.status}</td> : ""}
|
|
|
|
|
+ <td>{moment(data.createdAt).fromNow()}</td>
|
|
|
|
|
+ <td>
|
|
|
|
|
+ <div className="ml-auto">
|
|
|
|
|
+ <Link
|
|
|
|
|
+ href={{
|
|
|
|
|
+ pathname: to,
|
|
|
|
|
+ query: { ptId: data.pt_id, number: data._number },
|
|
|
|
|
+ }}
|
|
|
|
|
+ >
|
|
|
|
|
+ <Button color="primary" size="sm">
|
|
|
|
|
+ {linkName}
|
|
|
|
|
+ </Button>
|
|
|
|
|
+ </Link>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ );
|
|
|
|
|
+ })}
|
|
|
</tbody>
|
|
</tbody>
|
|
|
</table>
|
|
</table>
|
|
|
</Datatable>
|
|
</Datatable>
|