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

Issues_Aug_1W #355

Merged
pramod.mahajan merged 66 commits from Issues_Aug_1W into main 2025-08-23 11:09:24 +00:00
Conversation 0 Commits 66 Files Changed 36 +36 -36
1 changed files with 36 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit e62663af69 - Show all commits

72
src/components/Dashboard/AttendanceChart.jsx
View File

@ -98,42 +98,42 @@ const AttendanceOverview = () => {
colors: roles.map((_, i) => flatColors[i % flatColors.length]), colors: roles.map((_, i) => flatColors[i % flatColors.length]),
}; };
return ( return (
<div className="bg-white p-4 rounded shadow d-flex flex-column"> <div
{/* Header */} className="bg-white p-4 rounded shadow d-flex flex-column"
<div className="d-flex justify-content-between align-items-center mb-3"> >
<div className="card-title mb-0 text-start"> {/* Header */}
<h5 className="mb-1">Attendance Overview</h5> <div className="d-flex justify-content-between align-items-center mb-3">
<p className="card-subtitle">Role-wise present count</p> <div className="card-title mb-0 text-start">
</div> <h5 className="mb-1">Attendance Overview</h5>
<div className="d-flex gap-2"> <p className="card-subtitle">Role-wise present count</p>
<select </div>
className="form-select form-select-sm w-auto" <div className="d-flex gap-2">
value={dayRange} <select
onChange={(e) => setDayRange(Number(e.target.value))} className="form-select form-select-sm"
> value={dayRange}
<option value={7}>Last 7 Days</option> onChange={(e) => setDayRange(Number(e.target.value))}
<option value={15}>Last 15 Days</option> >
<option value={30}>Last 30 Days</option> <option value={7}>Last 7 Days</option>
</select> <option value={15}>Last 15 Days</option>
<button <option value={30}>Last 30 Days</option>
className={`btn btn-sm p-1 ${ </select>
view === "chart" ? "btn-primary" : "btn-outline-primary" <button
}`} className={`btn btn-sm ${view === "chart" ? "btn-primary" : "btn-outline-primary"}`}
onClick={() => setView("chart")} onClick={() => setView("chart")}
> title="Chart View"
<i class="bx bx-bar-chart fs-5"></i> >
</button> <i className="bx bx-bar-chart-alt-2"></i>
<button </button>
className={`btn btn-sm p-1 ${ <button
view === "table" ? "btn-primary" : "btn-outline-primary" className={`btn btn-sm ${view === "table" ? "btn-primary" : "btn-outline-primary"}`}
}`} onClick={() => setView("table")}
onClick={() => setView("table")} title="Table View"
> >
<i class="bx bx-table fs-5"></i> <i className="bx bx-task text-success"></i>
</button> </button>
</div> </div>
</div> </div>
{/* Content */} {/* Content */}
<div className="flex-grow-1 d-flex align-items-center justify-content-center"> <div className="flex-grow-1 d-flex align-items-center justify-content-center">