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