ptb-fe/pages/app/pelaporan.js

import React, { Component } from "react";
import Router from "next/router";
import ContentWrapper from "@/components/Layout/ContentWrapper";
import { Row, Col, Progress, Button } from "reactstrap";

import Sparkline from "@/components/Common/Sparklines";
import Scrollable from "@/components/Common/Scrollable";
import Datatable from "@/components/Tables/Datatable";
import moment from "moment";

class BugTracker extends Component {
	newReportClick = (e, PT_ID) => {
		//router = useRouter();
		//const query = { ptId: PT_ID };
		//    '/app/profile'
		e.preventDefault();
		Router.push({
			pathname: "/app/pelaporan.search",
		});
	};

	render() {
		return (
			<ContentWrapper>
				<div className="content-heading">Pelaporan</div>
				<Row>
					<Col lg="4">
						{/* Aside card */}
						<div className="card b">
							<div className="card-body bb">
								<p>Overvall progress</p>
								<div className="d-flex align-items-center mb-2">
									<div className="w-100">
										<Progress className="progress-xs m0" color="info" value={20} />
									</div>
									<div className="ml-auto">
										<div className="col wd-xxs text-right">
											<div className="text-bold text-muted">20%</div>
										</div>
									</div>
								</div>
							</div>
							<div className="card-body">
								<p>Metrics</p>
								<div className="row text-center">
									<div className="col-6 col-lg-6 col-xl-6">
										<Sparkline
											values={[20, 80]}
											options={{
												type: "pie",
												height: "50",
												sliceColors: ["#edf1f2", "#23b7e5"],
											}}
											className="sparkline"
										/>
										<p className="mt-3">Open Case</p>
									</div>
									<div className="col-6 col-lg-6 col-xl-6">
										<Sparkline
											values={[80, 20]}
											options={{
												type: "pie",
												height: "50",
												sliceColors: ["#edf1f2", "#27c24c"],
											}}
											className="sparkline"
										/>
										<p className="mt-3">Close Case</p>
									</div>
									{/* <div className="col-3 col-lg-6 col-xl-3">
                                     <Sparkline values={[20,80]}

                                        options={{
                                            type:"pie",
                                            height:"50",
                                            sliceColors:["#edf1f2", "#ff902b"]
                                        }}
                                        className="sparkline"/>
                                        <p className="mt-3">Hours</p>
                                    </div>
                                    <div className="col-3 col-lg-6 col-xl-3">
                                     <Sparkline values={[30,70]}

                                        options={{
                                            type:"pie",
                                            height:"50",
                                            sliceColors:["#edf1f2", "#f05050"]
                                        }}
                                        className="sparkline"/>
                                        <p className="mt-3">Assigned</p>
                                    </div> */}
								</div>
							</div>
							<table className="table bb">
								<tbody>
									{/* <tr>
                                        <td>
                                            <strong>Assigned Hours</strong>
                                        </td>
                                        <td>68 hs</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Time Consumed</strong>
                                        </td>
                                        <td>32 hs</td>
                                    </tr> */}
									<tr>
										<td>
											<strong>Open Case</strong>
										</td>
										<td>80</td>
									</tr>
									<tr>
										<td>
											<strong>Close Case</strong>
										</td>
										<td>20</td>
									</tr>
									<tr>
										<td>
											<strong>Performance</strong>
										</td>
										<td>
											<em className="far fa-smile fa-lg text-warning"></em>
										</td>
									</tr>
									{/* <tr>
                                        <td>
                                            <strong>Commits</strong>
                                        </td>
                                        <td>140</td>
                                    </tr> */}
									{/* <tr>
                                        <td>
                                            <strong>Last Case Closed</strong>
                                        </td>
                                        <td>
                                            <Scrollable height="120px" className="list-group">
                                                <table className="table table-bordered bg-transparent">
                                                    <tbody>
                                                        <tr>
                                                            <td>
                                                                <a className="text-muted" href="">BI:54678</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <a className="text-muted" href="">BI:55778</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <a className="text-muted" href="">BI:56878</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <a className="text-muted" href="">BI:57978</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <a className="text-muted" href="">BI:1107</a>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </Scrollable>
                                        </td>
                                    </tr> */}
									<tr>
										<td>
											<strong>Last Case Closed</strong>
										</td>
										<td>BI:1107 - 12/01/2016</td>
									</tr>
								</tbody>
							</table>
						</div>
						{/* end Aside card */}
					</Col>
					<Col lg="8">
						<div className="mb-3 d-flex">
							<div>
								<button className="btn btn-sm btn-info" type="button" onClick={(e) => this.newReportClick(e)}>
									Laporan Baru
								</button>
							</div>
						</div>
						<div className="card b">
							<div className="card-body">
								<Datatable options={{ responsive: true }}>
									<table className="table w-100">
										<thead>
											<tr>
												{/* <th>Type</th> */}
												<th>#ID</th>
												<th>Description</th>
												<th>Created</th>
												{/* <th>Priority</th>
                                                <th>Asigned</th> */}
												<th>Status</th>
												{/* <th>Action</th> */}
											</tr>
										</thead>
										<tbody>
											<tr>
												{/* <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td> */}
												<td>BI:54678</td>
												<td className="text-nowrap">
													<div className="media align-items-center">
														<a className="mr-3" href="">
															<img className="img-fluid rounded thumb64" src="/static/img/dummy-search.png" alt="Dummy" />
														</a>
														<div className="media-body d-flex">
															<div>
																<h4 className="m-0">Universitas Satyagama</h4>
																<small className="text-muted">0742/O/1990 - www.satyagama.ac.id - info@satyagama.ac.id</small>
																<p>Jalan Kamal Raya No 2-A Cengkareng</p>
																<p> </p>
															</div>
															{/* <div className="ml-auto">
                                                                <Button color="info" size="sm" onClick={(e) => this.handleClick(e, pt.id)}>Proses Sangsi</Button>
                                                            </div> */}
														</div>
													</div>

													{/* <small>Maecenas mollis egestas convallis.</small> */}
												</td>
												<td>{moment("2020-04-04 11:45:26.123").fromNow()}</td>
												{/* <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td> */}
												{/* <td>
                                                    <a href="">Sylvia Daniels</a>
                                                </td> */}
												<td>
													<div className="inline wd-xxs badge badge-success">open</div>
												</td>
												{/* <td>
                                                    <div className="ml-auto">
                                                        <button class="btn-oval btn btn-primary" size="sm" onClick={(e) => this.newProcessClick(e)}>Proses Sanksi</button>
                                                    </div>
                                                </td> */}
											</tr>
											{/* <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:55778</td>
                                                <td className="text-nowrap">
                                                    <small>Aliquam felis nibh, ultrices non elementum</small>
                                                </td>
                                                <td>01/05/2016</td>
                                                <td>
                                                    <div className="circle circle-lg" data-title="low"></div>
                                                </td>
                                                <td>
                                                    <a href="">Sherry Carroll</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-success">open</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:56878</td>
                                                <td className="text-nowrap">
                                                    <small>Aliquam condimentum enim a risus cursus blandit.</small>
                                                </td>
                                                <td>05/01/2016</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Mitchell Jones</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-warning">pending</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:57978</td>
                                                <td className="text-nowrap">
                                                    <small>Sed at libero augue, in euismod tellus.</small>
                                                </td>
                                                <td>01/11/2016</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Tracey Parker</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-warning">pending</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:1107</td>
                                                <td className="text-nowrap">
                                                    <small>Praesent lacinia ultricies neque.</small>
                                                </td>
                                                <td>01/01/2015</td>
                                                <td>
                                                    <div className="circle circle-lg bg-danger" data-title="high"></div>
                                                </td>
                                                <td>
                                                    <a href="">Warren Gray</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-danger">closed</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:1117</td>
                                                <td className="text-nowrap">
                                                    <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</small>
                                                </td>
                                                <td>11/05/2013</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Jackson Ramos</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-success">open</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:10127</td>
                                                <td className="text-nowrap">
                                                    <small>Pellentesque habitant morbi tristique</small>
                                                </td>
                                                <td>05/02/2014</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Ernest Berry</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-danger">closed</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:54678</td>
                                                <td className="text-nowrap">
                                                    <small>Integer venenatis ultrices vulputate.</small>
                                                </td>
                                                <td>01/01/2016</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Sylvia Daniels</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-success">open</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:55778</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/05/2016</td>
                                                <td>
                                                    <div className="circle circle-lg" data-title="low"></div>
                                                </td>
                                                <td>
                                                    <a href="">Sherry Carroll</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-success">open</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:56878</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>05/01/2016</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Mitchell Jones</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-warning">pending</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:57978</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/11/2016</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Tracey Parker</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-warning">pending</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:1107</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/01/2015</td>
                                                <td>
                                                    <div className="circle circle-lg bg-danger" data-title="high"></div>
                                                </td>
                                                <td>
                                                    <a href="">Warren Gray</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-danger">closed</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:1117</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>11/05/2013</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Jackson Ramos</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-success">open</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:10127</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>05/02/2014</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Ernest Berry</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-danger">closed</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:54678</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/01/2016</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Sylvia Daniels</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-success">open</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:55778</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/05/2016</td>
                                                <td>
                                                    <div className="circle circle-lg" data-title="low"></div>
                                                </td>
                                                <td>
                                                    <a href="">Sherry Carroll</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-success">open</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:56878</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>05/01/2016</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Mitchell Jones</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-warning">pending</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:57978</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/11/2016</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Tracey Parker</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-warning">pending</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:1107</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/01/2015</td>
                                                <td>
                                                    <div className="circle circle-lg bg-danger" data-title="high"></div>
                                                </td>
                                                <td>
                                                    <a href="">Warren Gray</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-danger">closed</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:1117</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>11/05/2013</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Jackson Ramos</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-success">open</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:10127</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>05/02/2014</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Ernest Berry</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-danger">closed</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:54678</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/01/2016</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Sylvia Daniels</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-success">open</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:55778</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/05/2016</td>
                                                <td>
                                                    <div className="circle circle-lg" data-title="low"></div>
                                                </td>
                                                <td>
                                                    <a href="">Sherry Carroll</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-success">open</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:56878</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>05/01/2016</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Mitchell Jones</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-warning">pending</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:57978</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/11/2016</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Tracey Parker</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-warning">pending</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:1107</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/01/2015</td>
                                                <td>
                                                    <div className="circle circle-lg bg-danger" data-title="high"></div>
                                                </td>
                                                <td>
                                                    <a href="">Warren Gray</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-danger">closed</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:1117</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>11/05/2013</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Jackson Ramos</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-success">open</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:10127</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>05/02/2014</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Ernest Berry</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-danger">closed</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:54678</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/01/2016</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Sylvia Daniels</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-success">open</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:55778</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/05/2016</td>
                                                <td>
                                                    <div className="circle circle-lg" data-title="low"></div>
                                                </td>
                                                <td>
                                                    <a href="">Sherry Carroll</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-success">open</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:56878</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>05/01/2016</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Mitchell Jones</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-warning">pending</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:57978</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/11/2016</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Tracey Parker</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-warning">pending</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:1107</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>01/01/2015</td>
                                                <td>
                                                    <div className="circle circle-lg bg-danger" data-title="high"></div>
                                                </td>
                                                <td>
                                                    <a href="">Warren Gray</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-danger">closed</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">bug</div>
                                                </td>
                                                <td>BI:1117</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>11/05/2013</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Jackson Ramos</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-success">open</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div className="badge bg-gray-lighter">issue</div>
                                                </td>
                                                <td>BI:10127</td>
                                                <td className="text-nowrap">
                                                    <small>Maecenas mollis egestas convallis.</small>
                                                </td>
                                                <td>05/02/2014</td>
                                                <td>
                                                    <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                </td>
                                                <td>
                                                    <a href="">Ernest Berry</a>
                                                </td>
                                                <td>
                                                    <div className="inline wd-xxs badge badge-danger">closed</div>
                                                </td>
                                            </tr> */}
										</tbody>
									</table>
								</Datatable>
							</div>
						</div>
					</Col>
				</Row>
			</ContentWrapper>
		);
	}
}

export default BugTracker;