887 lines
44 KiB
JavaScript
887 lines
44 KiB
JavaScript
import React from "react";
|
|
import AccordionContainer from "../common/AccordionContainer";
|
|
|
|
const InfraCard = ({ project, building }) => {
|
|
const handleViewProject = (e) => {
|
|
e.preventDefault(); // Prevent default anchor behavior (e.g., page reload)
|
|
window.location.href = "/projects/" + project.id;
|
|
};
|
|
|
|
return (
|
|
<div className="col-md-6 col-lg-6 col-xl-6 order-0 mb-4">
|
|
<div className="card">
|
|
<div className="card-header pb-4">
|
|
<div className="d-flex align-items-start">
|
|
<div className="d-flex align-items-center">
|
|
<div className="avatar me-4">
|
|
<i
|
|
className="rounded-circle bx bx-building-house"
|
|
style={{ fontSize: "xx-large" }}
|
|
></i>
|
|
{/* <img
|
|
src="../../assets/img/icons/brands/social-label.png"
|
|
alt="Avatar"
|
|
className="rounded-circle"
|
|
></img> */}
|
|
</div>
|
|
<div className="me-2">
|
|
<h5 className="mb-0">
|
|
<a
|
|
href="javascript:;"
|
|
className="stretched-link text-heading"
|
|
>
|
|
{building.name}
|
|
</a>
|
|
</h5>
|
|
{/* <div className="client-info text-body">
|
|
<span className="fw-medium">Client: </span>
|
|
<span>{project.contactPerson}</span>
|
|
</div> */}
|
|
</div>
|
|
</div>
|
|
<div className="ms-auto">
|
|
<div className="dropdown z-2">
|
|
<button
|
|
type="button"
|
|
className="btn btn-icon btn-text-secondary rounded-pill dropdown-toggle hide-arrow p-0"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false"
|
|
>
|
|
<i className="bx bx-dots-vertical-rounded bx-sm text-muted"></i>
|
|
</button>
|
|
<ul className="dropdown-menu dropdown-menu-end">
|
|
<li>
|
|
{/* <a className="dropdown-item" href="javascript:void(0);">
|
|
View details
|
|
</a> */}
|
|
<a
|
|
aria-label="click to View details"
|
|
className="dropdown-item"
|
|
href="/logout" // Optional: Add this for accessibility, but it won't actually redirect
|
|
onClick={handleViewProject}
|
|
>
|
|
<i className="bx bx-detail me-2"></i>
|
|
<span className="align-left">View details</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a className="dropdown-item" href="javascript:void(0);">
|
|
<i className="bx bx-pencil me-2"></i>
|
|
<span className="align-left">Modify</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a className="dropdown-item" href="javascript:void(0);">
|
|
<i className="bx bx-task me-2"></i>
|
|
<span className="align-left">Activities</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="card-body">
|
|
<div className="d-flex align-items-center flex-wrap">
|
|
<div className="table-responsive text-nowrap">
|
|
<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>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default InfraCard;
|