98 lines
3.4 KiB
JavaScript
Executable File
98 lines
3.4 KiB
JavaScript
Executable File
import React from 'react';
|
|
|
|
import {
|
|
Pagination,
|
|
PaginationItem,
|
|
PaginationLink,
|
|
Card,
|
|
CardFooter,
|
|
Table
|
|
} from './../../../components';
|
|
|
|
import { TrTableTasksList } from "./components/TrTableTasksList";
|
|
|
|
const TasksList = () => (
|
|
<Card className="mb-3">
|
|
{ /* START Table */}
|
|
<div className="table-responsive-xl">
|
|
<Table className="mb-0" hover>
|
|
<thead>
|
|
<tr>
|
|
<th className="align-middle bt-0">#</th>
|
|
<th className="align-middle bt-0">Priority</th>
|
|
<th className="align-middle bt-0">Title & Description</th>
|
|
<th className="align-middle bt-0">People</th>
|
|
<th className="align-middle bt-0">Update</th>
|
|
<th className="align-middle bt-0 text-right">
|
|
Actions
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<TrTableTasksList />
|
|
<TrTableTasksList
|
|
id="2"
|
|
/>
|
|
<TrTableTasksList
|
|
id="3"
|
|
/>
|
|
<TrTableTasksList
|
|
id="4"
|
|
/>
|
|
<TrTableTasksList
|
|
id="5"
|
|
/>
|
|
<TrTableTasksList
|
|
id="6"
|
|
/>
|
|
<TrTableTasksList
|
|
id="7"
|
|
/>
|
|
<TrTableTasksList
|
|
id="8"
|
|
/>
|
|
<TrTableTasksList
|
|
id="9"
|
|
/>
|
|
<TrTableTasksList
|
|
id="10"
|
|
/>
|
|
</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 TasksList;
|