|
|
@@ -1,10 +1,13 @@
|
|
|
import Datatable from "@/components/Tables/Datatable";
|
|
|
-import { Button } from "reactstrap";
|
|
|
import Link from "next/link";
|
|
|
import moment from "moment";
|
|
|
import React, { Component } from "react";
|
|
|
import { getLog2 } from "@/actions/log";
|
|
|
import { connect } from "react-redux";
|
|
|
+import { Row, Col, Input, FormGroup, Label, Progress, Button } from "reactstrap";
|
|
|
+
|
|
|
+
|
|
|
+import Datetime from "react-datetime";
|
|
|
|
|
|
class TableRiwayat extends Component {
|
|
|
constructor(props) {
|
|
|
@@ -22,11 +25,32 @@ class TableRiwayat extends Component {
|
|
|
render() {
|
|
|
return (
|
|
|
<div className="card b ">
|
|
|
- <div style={{ height: 500 }} className="card-body card-over">
|
|
|
+
|
|
|
+ <div className="card-body card-over">
|
|
|
+ <span className=" ml-2 float-left">
|
|
|
+ <label className="col-form-label">Range Filter : </label>
|
|
|
+
|
|
|
+ <span className=" mr-2 ml-4">
|
|
|
+ <Datetime
|
|
|
+ timeFormat={false}
|
|
|
+ inputProps={{ className: "form-control" }}
|
|
|
+ value={"Default"}
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ <Datetime
|
|
|
+ timeFormat={false}
|
|
|
+ inputProps={{ className: "form-control" }}
|
|
|
+ value={"Default"}
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+ <Button color= "info" className=" mt-4">Filter</Button>
|
|
|
+
|
|
|
+ </span>
|
|
|
{this.state.dataRiwayat && (
|
|
|
<Datatable options={{
|
|
|
- responsive: false, ordering: false, keys: false, lengthChange: false, searching: false, aLengthMenu: [500], paging: false, scrollX: true, scrollY: "370px",
|
|
|
- bordered: true
|
|
|
+ responsive: false, ordering: false, keys: false, lengthChange: false, searching: true, aLengthMenu: [500], paging: true, scrollX: true, scrollY: "370px",
|
|
|
+ bordered: true, "pageLength": 100
|
|
|
}}>
|
|
|
<table className="table w-100" data-order='[[3, "desc"]]'>
|
|
|
<thead>
|
|
|
@@ -51,7 +75,7 @@ class TableRiwayat extends Component {
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
- <td style={{ minWidth: 130 }}>
|
|
|
+ <td >
|
|
|
<div className="media align-items-center">
|
|
|
<div className="media-body d-flex">
|
|
|
<div>
|
|
|
@@ -60,7 +84,7 @@ class TableRiwayat extends Component {
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
- <td style={{ minWidth: 120 }}>
|
|
|
+ <td>
|
|
|
<div className="media align-items-center">
|
|
|
<div className="media-body d-flex">
|
|
|
<div>
|
|
|
@@ -69,7 +93,7 @@ class TableRiwayat extends Component {
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
- <td style={{ minWidth: 150 }}>
|
|
|
+ <td >
|
|
|
<div className="media align-items-center">
|
|
|
<div className="media-body d-flex">
|
|
|
<div>
|