|
|
@@ -22,26 +22,31 @@ class TableRiwayat extends Component {
|
|
|
key: "timelapse",
|
|
|
name: "Timelapse",
|
|
|
sortable: true,
|
|
|
+ // width: 150
|
|
|
},
|
|
|
{
|
|
|
key: "username",
|
|
|
name: "Username",
|
|
|
sortable: true,
|
|
|
+ // width: 200
|
|
|
},
|
|
|
{
|
|
|
key: "ipv4",
|
|
|
name: "IPv4",
|
|
|
sortable: true,
|
|
|
+ // width: 120
|
|
|
},
|
|
|
{
|
|
|
key: "menu",
|
|
|
name: "Menu",
|
|
|
sortable: true,
|
|
|
+ // width: 200
|
|
|
},
|
|
|
{
|
|
|
key: "deskripsi",
|
|
|
name: "Deskripsi",
|
|
|
sortable: true,
|
|
|
+ width: 400
|
|
|
},
|
|
|
];
|
|
|
}
|
|
|
@@ -63,6 +68,9 @@ class TableRiwayat extends Component {
|
|
|
getRandomDate = (start, end) => {
|
|
|
return new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime())).toLocaleDateString();
|
|
|
};
|
|
|
+ getover = (e) => {
|
|
|
+ return <div className=" getover"><span className="getover">{e}</span></div>
|
|
|
+ }
|
|
|
|
|
|
createRows = () => {
|
|
|
let rows = [];
|
|
|
@@ -70,12 +78,12 @@ class TableRiwayat extends Component {
|
|
|
if (dataRiwayat) {
|
|
|
dataRiwayat.data.forEach((e) => {
|
|
|
rows.push({
|
|
|
- deskripsi: e.aktivitas,
|
|
|
+ deskripsi: this.getover(e.aktivitas),
|
|
|
complete: Math.min(100, Math.round(Math.random() * 110)),
|
|
|
ipv4: e.ipv4 || "-",
|
|
|
menu: e.menu || "-",
|
|
|
username: e.user?.nama || "-",
|
|
|
- timelapse: moment(e.createdAt).toLocaleString(),
|
|
|
+ timelapse: this.getover(moment(e.createdAt).format("DD-MM-YYYY, hh:mm a")),
|
|
|
completeDate: this.getRandomDate(new Date(), new Date(2021, 0, 1)),
|
|
|
});
|
|
|
});
|