445 lines
22 KiB
JavaScript
445 lines
22 KiB
JavaScript
import React from "react";
|
|
import AccordionContainer from "../common/AccordionContainer";
|
|
|
|
const ProjectInfraCopy = ({ data }) => {
|
|
if (!data) {
|
|
return <p>No data available yet...</p>;
|
|
}
|
|
return (
|
|
<div>
|
|
{" "}
|
|
<div className="row">
|
|
<AccordionContainer
|
|
title="Basic Accordion"
|
|
items={[
|
|
{
|
|
id: 1,
|
|
title: "Building 1",
|
|
active: true,
|
|
content: (
|
|
<AccordionContainer
|
|
title="Basic Accordion"
|
|
items={[
|
|
{
|
|
id: 11,
|
|
title: "Floor 1",
|
|
active: true,
|
|
content: (
|
|
<div className="table-responsive text-nowrap">
|
|
<table className="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Work Item</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody className="table-border-bottom-0">
|
|
<tr>
|
|
<td>
|
|
<i className="bx bxl-angular bx-sm text-danger me-3"></i>
|
|
<span className="fw-medium">Welding</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul className="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li
|
|
data-bs-toggle="tooltip"
|
|
data-popup="tooltip-custom"
|
|
data-bs-placement="top"
|
|
className="avatar avatar-xs pull-up"
|
|
title="Lilian Fuller"
|
|
>
|
|
<img
|
|
aria-label="table image"
|
|
src="../assets/img/avatars/5.png"
|
|
alt="Avatar"
|
|
className="rounded-circle"
|
|
/>
|
|
</li>
|
|
<li
|
|
data-bs-toggle="tooltip"
|
|
data-popup="tooltip-custom"
|
|
data-bs-placement="top"
|
|
className="avatar avatar-xs pull-up"
|
|
title="Sophia Wilkerson"
|
|
>
|
|
<img
|
|
aria-label="table image"
|
|
src="../assets/img/avatars/6.png"
|
|
alt="Avatar"
|
|
className="rounded-circle"
|
|
/>
|
|
</li>
|
|
<li
|
|
data-bs-toggle="tooltip"
|
|
data-popup="tooltip-custom"
|
|
data-bs-placement="top"
|
|
className="avatar avatar-xs pull-up"
|
|
title="Christina Parker"
|
|
>
|
|
<img
|
|
aria-label="table image"
|
|
src="../assets/img/avatars/7.png"
|
|
alt="Avatar"
|
|
className="rounded-circle"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td>
|
|
<span className="badge bg-label-primary me-1">
|
|
Active
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<div className="dropdown">
|
|
<button
|
|
aria-label="Click me"
|
|
type="button"
|
|
className="btn p-0 dropdown-toggle hide-arrow"
|
|
data-bs-toggle="dropdown"
|
|
>
|
|
<i className="bx bx-dots-vertical-rounded"></i>
|
|
</button>
|
|
<div className="dropdown-menu">
|
|
<a
|
|
aria-label="dropdown action option"
|
|
className="dropdown-item"
|
|
href="#"
|
|
>
|
|
<i className="bx bx-edit-alt me-1"></i>{" "}
|
|
Edit
|
|
</a>
|
|
<a
|
|
aria-label="dropdown action option"
|
|
className="dropdown-item"
|
|
href="#"
|
|
>
|
|
<i className="bx bx-trash me-1"></i>{" "}
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i className="bx bxl-react bx-sm text-info me-3"></i>{" "}
|
|
<span className="fw-medium">Core Cut</span>
|
|
</td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul className="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li
|
|
data-bs-toggle="tooltip"
|
|
data-popup="tooltip-custom"
|
|
data-bs-placement="top"
|
|
className="avatar avatar-xs pull-up"
|
|
title="Lilian Fuller"
|
|
>
|
|
<img
|
|
aria-label="table image"
|
|
src="../assets/img/avatars/5.png"
|
|
alt="Avatar"
|
|
className="rounded-circle"
|
|
/>
|
|
</li>
|
|
<li
|
|
data-bs-toggle="tooltip"
|
|
data-popup="tooltip-custom"
|
|
data-bs-placement="top"
|
|
className="avatar avatar-xs pull-up"
|
|
title="Sophia Wilkerson"
|
|
>
|
|
<img
|
|
aria-label="table image"
|
|
src="../assets/img/avatars/6.png"
|
|
alt="Avatar"
|
|
className="rounded-circle"
|
|
/>
|
|
</li>
|
|
<li
|
|
data-bs-toggle="tooltip"
|
|
data-popup="tooltip-custom"
|
|
data-bs-placement="top"
|
|
className="avatar avatar-xs pull-up"
|
|
title="Christina Parker"
|
|
>
|
|
<img
|
|
aria-label="table image"
|
|
src="../assets/img/avatars/7.png"
|
|
alt="Avatar"
|
|
className="rounded-circle"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td>
|
|
<span className="badge bg-label-success me-1">
|
|
Completed
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<div className="dropdown">
|
|
<button
|
|
aria-label="Click me"
|
|
type="button"
|
|
className="btn p-0 dropdown-toggle hide-arrow"
|
|
data-bs-toggle="dropdown"
|
|
>
|
|
<i className="bx bx-dots-vertical-rounded"></i>
|
|
</button>
|
|
<div className="dropdown-menu">
|
|
<a
|
|
aria-label="dropdown action option"
|
|
className="dropdown-item"
|
|
href="#"
|
|
>
|
|
<i className="bx bx-edit-alt me-2"></i>{" "}
|
|
Edit
|
|
</a>
|
|
<a
|
|
aria-label="dropdown action option"
|
|
className="dropdown-item"
|
|
href="#"
|
|
>
|
|
<i className="bx bx-trash me-2"></i>{" "}
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i className="bx bxl-vuejs bx-sm text-success me-3"></i>
|
|
<span className="fw-medium">
|
|
VueJs Project
|
|
</span>
|
|
</td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul className="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li
|
|
data-bs-toggle="tooltip"
|
|
data-popup="tooltip-custom"
|
|
data-bs-placement="top"
|
|
className="avatar avatar-xs pull-up"
|
|
title="Lilian Fuller"
|
|
>
|
|
<img
|
|
aria-label="table image"
|
|
src="../assets/img/avatars/5.png"
|
|
alt="Avatar"
|
|
className="rounded-circle"
|
|
/>
|
|
</li>
|
|
<li
|
|
data-bs-toggle="tooltip"
|
|
data-popup="tooltip-custom"
|
|
data-bs-placement="top"
|
|
className="avatar avatar-xs pull-up"
|
|
title="Sophia Wilkerson"
|
|
>
|
|
<img
|
|
aria-label="table image"
|
|
src="../assets/img/avatars/6.png"
|
|
alt="Avatar"
|
|
className="rounded-circle"
|
|
/>
|
|
</li>
|
|
<li
|
|
data-bs-toggle="tooltip"
|
|
data-popup="tooltip-custom"
|
|
data-bs-placement="top"
|
|
className="avatar avatar-xs pull-up"
|
|
title="Christina Parker"
|
|
>
|
|
<img
|
|
aria-label="table image"
|
|
src="../assets/img/avatars/7.png"
|
|
alt="Avatar"
|
|
className="rounded-circle"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td>
|
|
<span className="badge bg-label-info me-1">
|
|
Scheduled
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<div className="dropdown">
|
|
<button
|
|
aria-label="Click me"
|
|
type="button"
|
|
className="btn p-0 dropdown-toggle hide-arrow"
|
|
data-bs-toggle="dropdown"
|
|
>
|
|
<i className="bx bx-dots-vertical-rounded"></i>
|
|
</button>
|
|
<div className="dropdown-menu">
|
|
<a
|
|
aria-label="dropdown action option"
|
|
className="dropdown-item"
|
|
href="#"
|
|
>
|
|
<i className="bx bx-edit-alt me-2"></i>{" "}
|
|
Edit
|
|
</a>
|
|
<a
|
|
aria-label="dropdown action option"
|
|
className="dropdown-item"
|
|
href="#"
|
|
>
|
|
<i className="bx bx-trash me-2"></i>{" "}
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i className="bx bxl-bootstrap bx-sm text-primary me-3"></i>
|
|
<span className="fw-medium">
|
|
Bootstrap Project
|
|
</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul className="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li
|
|
data-bs-toggle="tooltip"
|
|
data-popup="tooltip-custom"
|
|
data-bs-placement="top"
|
|
className="avatar avatar-xs pull-up"
|
|
title="Lilian Fuller"
|
|
>
|
|
<img
|
|
aria-label="table image"
|
|
src="../assets/img/avatars/5.png"
|
|
alt="Avatar"
|
|
className="rounded-circle"
|
|
/>
|
|
</li>
|
|
<li
|
|
data-bs-toggle="tooltip"
|
|
data-popup="tooltip-custom"
|
|
data-bs-placement="top"
|
|
className="avatar avatar-xs pull-up"
|
|
title="Sophia Wilkerson"
|
|
>
|
|
<img
|
|
aria-label="table image"
|
|
src="../assets/img/avatars/6.png"
|
|
alt="Avatar"
|
|
className="rounded-circle"
|
|
/>
|
|
</li>
|
|
<li
|
|
data-bs-toggle="tooltip"
|
|
data-popup="tooltip-custom"
|
|
data-bs-placement="top"
|
|
className="avatar avatar-xs pull-up"
|
|
title="Christina Parker"
|
|
>
|
|
<img
|
|
aria-label="table image"
|
|
src="../assets/img/avatars/7.png"
|
|
alt="Avatar"
|
|
className="rounded-circle"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td>
|
|
<span className="badge bg-label-warning me-1">
|
|
Pending
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<div className="dropdown">
|
|
<button
|
|
aria-label="Click me"
|
|
type="button"
|
|
className="btn p-0 dropdown-toggle hide-arrow"
|
|
data-bs-toggle="dropdown"
|
|
>
|
|
<i className="bx bx-dots-vertical-rounded"></i>
|
|
</button>
|
|
<div className="dropdown-menu">
|
|
<a
|
|
aria-label="dropdown action option"
|
|
className="dropdown-item"
|
|
href="#"
|
|
>
|
|
<i className="bx bx-edit-alt me-2"></i>{" "}
|
|
Edit
|
|
</a>
|
|
<a
|
|
aria-label="dropdown action option"
|
|
className="dropdown-item"
|
|
href="#"
|
|
>
|
|
<i className="bx bx-trash me-2"></i>{" "}
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
),
|
|
},
|
|
{
|
|
id: 12,
|
|
title: "Floor 2",
|
|
active: false,
|
|
content: `Dessert ice cream donut oat cake jelly-o pie sugar plum cheesecake. Bear claw dragée oat cake
|
|
dragée ice cream halvah tootsie roll. Danish cake oat cake pie macaroon tart donut gummies.
|
|
Jelly beans candy canes carrot cake. Fruitcake chocolate chupa chups.`,
|
|
},
|
|
{
|
|
id: 13,
|
|
title: "Floor 3",
|
|
active: false,
|
|
content: `Oat cake toffee chocolate bar jujubes. Marshmallow brownie lemon drops cheesecake. Bonbon
|
|
gingerbread marshmallow sweet jelly beans muffin. Sweet roll bear claw candy canes oat cake
|
|
dragée caramels. Ice cream wafer danish cookie caramels muffin.`,
|
|
},
|
|
]}
|
|
/>
|
|
),
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Building 2",
|
|
active: false,
|
|
content: `Dessert ice cream donut oat cake jelly-o pie sugar plum cheesecake. Bear claw dragée oat cake
|
|
dragée ice cream halvah tootsie roll. Danish cake oat cake pie macaroon tart donut gummies.
|
|
Jelly beans candy canes carrot cake. Fruitcake chocolate chupa chups.`,
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Building 3",
|
|
active: false,
|
|
content: `Oat cake toffee chocolate bar jujubes. Marshmallow brownie lemon drops cheesecake. Bonbon
|
|
gingerbread marshmallow sweet jelly beans muffin. Sweet roll bear claw candy canes oat cake
|
|
dragée caramels. Ice cream wafer danish cookie caramels muffin.`,
|
|
},
|
|
]}
|
|
/>{" "}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ProjectInfraCopy;
|