admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Changing Name of tabs.

Browse Source
This commit is contained in:
Kartik Sharma 2025-11-26 16:35:31 +05:30
parent c65d8a2a2c
commit 87e9d88d1f
1 changed files with 4 additions and 151 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

155
src/components/Dashboard/ServiceJobs.jsx
View File

@ -1,150 +1,3 @@
// import React from "react";
// const ServiceJobs = () => {
// return (
// <div className="col-xxl-4 col-lg-6">
// <div className="card h-100">
// <div className="card-header d-flex justify-content-between">
// <div className="card-title mb-0">
// <h5 className="mb-1">Orders by Countries</h5>
// <p className="card-subtitle">62 deliveries in progress</p>
// </div>
// <div className="dropdown">
// <button
// className="btn text-muted p-0"
// type="button"
// data-bs-toggle="dropdown"
// >
// <i className="bx bx-dots-vertical-rounded bx-lg"></i>
// </button>
// <div className="dropdown-menu dropdown-menu-end">
// <button className="dropdown-item">Select All</button>
// <button className="dropdown-item">Refresh</button>
// <button className="dropdown-item">Share</button>
// </div>
// </div>
// </div>
// <div className="card-body p-0">
// <div className="nav-align-top">
// {/* Tabs */}
// <ul className="nav nav-tabs nav-fill rounded-0 timeline-indicator-advanced" role="tablist">
// <li className="nav-item">
// <button
// className="nav-link active"
// data-bs-toggle="tab"
// data-bs-target="#tab-new"
// >
// New
// </button>
// </li>
// <li className="nav-item">
// <button
// className="nav-link"
// data-bs-toggle="tab"
// data-bs-target="#tab-preparing"
// >
// Preparing
// </button>
// </li>
// <li className="nav-item">
// <button
// className="nav-link"
// data-bs-toggle="tab"
// data-bs-target="#tab-shipping"
// >
// Shipping
// </button>
// </li>
// </ul>
// {/* Tab Content */}
// <div className="tab-content border-0 mx-1 text-start">
// {/* New Tab */}
// <div className="tab-pane fade show active" id="tab-new">
// <ul className="timeline mb-0">
// <li className="timeline-item ps-6 border-left-dashed">
// <span className="timeline-indicator-advanced timeline-indicator-success border-0 shadow-none">
// <i className="bx bx-check-circle"></i>
// </span>
// <div className="timeline-event ps-1">
// <div className="timeline-header">
// <small className="text-success text-uppercase">sender</small>
// </div>
// <h6 className="my-50">Myrtle Ullrich</h6>
// <p className="text-body mb-0">101 Boulder, California(CA), 95959</p>
// </div>
// </li>
// <li className="timeline-item ps-6 border-transparent">
// <span className="timeline-indicator-advanced timeline-indicator-primary border-0 shadow-none">
// <i className="bx bx-map"></i>
// </span>
// <div className="timeline-event ps-1">
// <div className="timeline-header">
// <small className="text-primary text-uppercase">Receiver</small>
// </div>
// <h6 className="my-50">Barry Schowalter</h6>
// <p className="text-body mb-0">939 Orange, California(CA), 92118</p>
// </div>
// </li>
// </ul>
// <div className="border-1 border-light border-top border-dashed my-4"></div>
// <ul className="timeline mb-0">
// <li className="timeline-item ps-6 border-left-dashed">
// <span className="timeline-indicator-advanced timeline-indicator-success border-0 shadow-none">
// <i className="bx bx-check-circle"></i>
// </span>
// <div className="timeline-event ps-1">
// <div className="timeline-header">
// <small className="text-success text-uppercase">sender</small>
// </div>
// <h6 className="my-50">Veronica Herman</h6>
// <p className="text-body mb-0">162 Windsor, California(CA), 95492</p>
// </div>
// </li>
// <li className="timeline-item ps-6 border-transparent">
// <span className="timeline-indicator-advanced timeline-indicator-primary border-0 shadow-none">
// <i className="bx bx-map"></i>
// </span>
// <div className="timeline-event ps-1">
// <div className="timeline-header">
// <small className="text-primary text-uppercase">Receiver</small>
// </div>
// <h6 className="my-50">Helen Jacobs</h6>
// <p className="text-body mb-0">487 Sunset, California(CA), 94043</p>
// </div>
// </li>
// </ul>
// </div>
// {/* Preparing Tab */}
// <div className="tab-pane fade" id="tab-preparing">
// {/* Keep your original content */}
// {/* You can copy the same list structure here */}
// </div>
// {/* Shipping Tab */}
// <div className="tab-pane fade" id="tab-shipping">
// {/* Keep your original content */}
// </div>
// </div>
// </div>
// </div>
// </div>
// </div>
// );
// };
// export default ServiceJobs;
import React from "react";
const ServiceJobs = () => {
@ -154,8 +7,8 @@ const ServiceJobs = () => {
<div className="card-header d-flex justify-content-between">
<div className="card-title mb-0 text-start">
<h5 className="mb-1">Service Jobs</h5>
<p className="card-subtitle">62 deliveries in progress</p>
</div>
<p className="card-subtitle">All Projects</p>
</div>
</div>
<div className="card-body p-0">
@ -165,7 +18,7 @@ const ServiceJobs = () => {
<ul className="nav nav-tabs nav-fill rounded-0 timeline-indicator-advanced" role="tablist">
<li className="nav-item">
<button className="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-new">
In Progress
My Jobs
</button>
</li>
<li className="nav-item">
@ -175,7 +28,7 @@ const ServiceJobs = () => {
</li>
<li className="nav-item">
<button className="nav-link" data-bs-toggle="tab" data-bs-target="#tab-shipping">
All
In Progress
</button>
</li>
</ul>