72 lines
2.3 KiB
JavaScript
Executable File
72 lines
2.3 KiB
JavaScript
Executable File
import React from 'react';
|
|
|
|
import {
|
|
Pagination,
|
|
PaginationItem,
|
|
PaginationLink,
|
|
Card,
|
|
CardFooter,
|
|
Table
|
|
} from './../../../components';
|
|
|
|
import {
|
|
TrTableProjectsList
|
|
} from "./components/TrTableProjectsList";
|
|
|
|
const ProjectsList = () => (
|
|
<Card className="mb-3">
|
|
{ /* START Table */}
|
|
<div className="table-responsive-xl">
|
|
<Table className="mb-0" hover>
|
|
<thead>
|
|
<tr>
|
|
<th className="align-middle bt-0">Star</th>
|
|
<th className="align-middle bt-0">Project</th>
|
|
<th className="align-middle bt-0">Status</th>
|
|
<th className="align-middle bt-0">Tasks Completed</th>
|
|
<th className="align-middle bt-0">People</th>
|
|
<th className="align-middle bt-0 text-right">
|
|
Actions
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<TrTableProjectsList />
|
|
</tbody>
|
|
</Table>
|
|
</div>
|
|
{ /* END Table */}
|
|
<CardFooter className="d-flex justify-content-center pb-0">
|
|
<Pagination aria-label="Page navigation example">
|
|
<PaginationItem>
|
|
<PaginationLink previous href="#">
|
|
<i className="fa fa-fw fa-angle-left"></i>
|
|
</PaginationLink>
|
|
</PaginationItem>
|
|
<PaginationItem active>
|
|
<PaginationLink href="#">
|
|
1
|
|
</PaginationLink>
|
|
</PaginationItem>
|
|
<PaginationItem>
|
|
<PaginationLink href="#">
|
|
2
|
|
</PaginationLink>
|
|
</PaginationItem>
|
|
<PaginationItem>
|
|
<PaginationLink href="#">
|
|
3
|
|
</PaginationLink>
|
|
</PaginationItem>
|
|
<PaginationItem>
|
|
<PaginationLink next href="#">
|
|
<i className="fa fa-fw fa-angle-right"></i>
|
|
</PaginationLink>
|
|
</PaginationItem>
|
|
</Pagination>
|
|
</CardFooter>
|
|
</Card>
|
|
);
|
|
|
|
export default ProjectsList;
|