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

upadating directory filter in design.

Browse Source
This commit is contained in:
Kartik sharma 2025-06-27 16:57:57 +05:30
parent 77cd8357cd
commit 45dadc88a2
2 changed files with 53 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Directory/NoteCardDirectoryEditable.jsx
View File

@ -115,7 +115,7 @@ const NoteCardDirectoryEditable = ({
</GlobalModel> </GlobalModel>
)} )}
<div <div
className="card p-1 shadow-sm border-1 mb-4 rounded" className="card p-1 shadow-sm border-1 mb-4 p-4 rounded"
style={{ style={{
width: "100%", width: "100%",
background: noteItem.isActive ? "#fff" : "#f8f6f6", background: noteItem.isActive ? "#fff" : "#f8f6f6",

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

@ -299,40 +299,61 @@ const DirectoryPageHeader = ({
{/* Removed the numerical badge for notes filter */} {/* Removed the numerical badge for notes filter */}
</a> </a>
<div className="dropdown-menu p-3" style={{ width: "300px", maxHeight: "400px", overflowY: "auto" }}> <div
<p className="text-muted mb-1">Created By</p> className="dropdown-menu p-3"
{allCreators.map((name, idx) => ( style={{
<div className="form-check mb-1" key={`creator-${idx}`}> minWidth: "600px",
<input maxHeight: "400px",
className="form-check-input" overflowY: "auto",
type="checkbox" overflowX: "hidden",
id={`creator-${idx}`} whiteSpace: "normal"
checked={selectedCreators.includes(name)} }}
onChange={() => handleToggleCreator(name)} >
/> <div className="d-flex">
<label className="form-check-label" htmlFor={`creator-${idx}`}> {/* Created By */}
{name} <div className="pe-3" style={{ flex: 1 }}>
</label> <p className="text-muted mb-1">Created By</p>
{allCreators.map((name, idx) => (
<div className="form-check mb-1" key={`creator-${idx}`}>
<input
className="form-check-input"
type="checkbox"
id={`creator-${idx}`}
checked={selectedCreators.includes(name)}
onChange={() => handleToggleCreator(name)}
/>
<label className="form-check-label text-nowrap" htmlFor={`creator-${idx}`}>
{name}
</label>
</div>
))}
</div> </div>
))}
<p className="text-muted mt-3 mb-1">Organization</p> {/* Divider */}
{filteredOrganizations.map((org, idx) => ( <div style={{ width: "1px", backgroundColor: "#dee2e6", margin: "0 12px" }}></div>
<div className="form-check mb-1" key={`org-${idx}`}>
<input {/* Organization */}
className="form-check-input" <div className="ps-3" style={{ flex: 1 }}>
type="checkbox" <p className="text-muted mb-1">Organization</p>
id={`org-${idx}`} {filteredOrganizations.map((org, idx) => (
checked={selectedOrgs.includes(org)} <div className="form-check mb-1" key={`org-${idx}`}>
onChange={() => handleToggleOrg(org)} <input
/> className="form-check-input"
<label className="form-check-label" htmlFor={`org-${idx}`}> type="checkbox"
{org} id={`org-${idx}`}
</label> checked={selectedOrgs.includes(org)}
onChange={() => handleToggleOrg(org)}
/>
<label className="form-check-label text-nowrap" htmlFor={`org-${idx}`}>
{org}
</label>
</div>
))}
</div> </div>
))} </div>
<div className="d-flex justify-content-between mt-2"> {/* Buttons */}
<div className="d-flex justify-content-between mt-3">
<button <button
className="btn btn-sm btn-outline-danger" className="btn btn-sm btn-outline-danger"
onClick={() => { onClick={() => {
@ -340,7 +361,6 @@ const DirectoryPageHeader = ({
setSelectedOrgs([]); setSelectedOrgs([]);
setFilteredOrganizations(allOrganizations); setFilteredOrganizations(allOrganizations);
setFilterAppliedNotes(notesForFilter); setFilterAppliedNotes(notesForFilter);
}} }}
> >
Clear Clear
@ -350,6 +370,7 @@ const DirectoryPageHeader = ({
</button> </button>
</div> </div>
</div> </div>
</div> </div>
)} )}