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 +111 -84
1 changed files with 111 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ef06c69a3b - Show all commits

41
src/pages/Directory/DirectoryPageHeader.jsx
View File

@ -318,6 +318,11 @@ const DirectoryPageHeader = ({
whiteSpace: "normal" whiteSpace: "normal"
}} }}
> >
{allCreators.length === 0 && filteredOrganizations.length === 0 ? (
<div className="text-center text-muted py-5">
No filter found
</div>
) : (
<div className="d-flex gap-3"> <div className="d-flex gap-3">
{/* Created By */} {/* Created By */}
<div style={{ flexBasis: "30%", maxHeight: "260px", overflowY: "auto" }}> <div style={{ flexBasis: "30%", maxHeight: "260px", overflowY: "auto" }}>
@ -342,7 +347,7 @@ const DirectoryPageHeader = ({
</div> </div>
{/* Organization */} {/* Organization */}
<div style={{ maxHeight: "260px", overflowY: "auto", overflowX: "hidden", }}> <div style={{ maxHeight: "260px", overflowY: "auto", overflowX: "hidden" }}>
<div style={{ position: "sticky", top: 0, background: "#fff", zIndex: 1 }}> <div style={{ position: "sticky", top: 0, background: "#fff", zIndex: 1 }}>
<p className="text-muted mb-2 pt-2">Organization</p> <p className="text-muted mb-2 pt-2">Organization</p>
</div> </div>
@ -363,9 +368,10 @@ const DirectoryPageHeader = ({
))} ))}
</div> </div>
</div> </div>
)}
</div> </div>
{/* Sticky Footer Buttons */} {/* Sticky Footer Buttons */}
<div <div
className="d-flex justify-content-end gap-2 p-2 " className="d-flex justify-content-end gap-2 p-2 "
@ -440,12 +446,21 @@ const DirectoryPageHeader = ({
<ul className="dropdown-menu p-3" style={{ width: "700px" }}> <ul className="dropdown-menu p-3" style={{ width: "700px" }}>
<p className="text-muted m-0 h6">Filter by</p> <p className="text-muted m-0 h6">Filter by</p>
{filteredBuckets.length === 0 && filteredCategories.length === 0 ? (
<div className="text-center text-muted py-5">
No filter found
</div>
) : (
<div className="d-flex flex-nowrap"> <div className="d-flex flex-nowrap">
<div className="mt-1 me-4" style={{ flexBasis: "50%" }}> <div className="mt-1 me-4" style={{ flexBasis: "50%" }}>
<p className="text-small mb-1">Buckets</p> <p className="text-small mb-1">Buckets</p>
<div className="d-flex flex-wrap"> <div className="d-flex flex-wrap">
{filteredBuckets.map(({ id, name }) => ( {filteredBuckets.map(({ id, name }) => (
<div className="form-check me-3 mb-1" style={{ minWidth: "calc(50% - 15px)" }} key={id}> <div
className="form-check me-3 mb-1"
style={{ minWidth: "calc(50% - 15px)" }}
key={id}
>
<input <input
className="form-check-input form-check-input-sm" className="form-check-input form-check-input-sm"
type="checkbox" type="checkbox"
@ -454,18 +469,26 @@ const DirectoryPageHeader = ({
onChange={() => handleTempBucketChange(id)} onChange={() => handleTempBucketChange(id)}
style={{ width: "1rem", height: "1rem" }} style={{ width: "1rem", height: "1rem" }}
/> />
<label className="form-check-label text-nowrap text-small" htmlFor={`bucket-${id}`}> <label
className="form-check-label text-nowrap text-small"
htmlFor={`bucket-${id}`}
>
{name} {name}
</label> </label>
</div> </div>
))} ))}
</div> </div>
</div> </div>
<div className="mt-1" style={{ flexBasis: "50%" }}> <div className="mt-1" style={{ flexBasis: "50%" }}>
<p className="text-small mb-1">Categories</p> <p className="text-small mb-1">Categories</p>
<div className="d-flex flex-wrap"> <div className="d-flex flex-wrap">
{filteredCategories.map(({ id, name }) => ( {filteredCategories.map(({ id, name }) => (
<div className="form-check me-3 mb-1" style={{ minWidth: "calc(50% - 15px)" }} key={id}> <div
className="form-check me-3 mb-1"
style={{ minWidth: "calc(50% - 15px)" }}
key={id}
>
<input <input
className="form-check-input form-check-input-sm" className="form-check-input form-check-input-sm"
type="checkbox" type="checkbox"
@ -474,7 +497,10 @@ const DirectoryPageHeader = ({
onChange={() => handleTempCategoryChange(id)} onChange={() => handleTempCategoryChange(id)}
style={{ width: "1rem", height: "1rem" }} style={{ width: "1rem", height: "1rem" }}
/> />
<label className="form-check-label text-nowrap text-small" htmlFor={`cat-${id}`}> <label
className="form-check-label text-nowrap text-small"
htmlFor={`cat-${id}`}
>
{name} {name}
</label> </label>
</div> </div>
@ -482,12 +508,12 @@ const DirectoryPageHeader = ({
</div> </div>
</div> </div>
</div> </div>
)}
<div className="d-flex justify-content-end gap-2 mt-1"> <div className="d-flex justify-content-end gap-2 mt-1">
<button <button
className="btn btn-xs btn-secondary" className="btn btn-xs btn-secondary"
onClick={(e) => { onClick={(e) => {
// e.stopPropagation();
clearFilter(); clearFilter();
}} }}
> >
@ -503,6 +529,7 @@ const DirectoryPageHeader = ({
</button> </button>
</div> </div>
</ul> </ul>
</div> </div>
)} )}
</div> </div>