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

pramod_Enhancement-#333 #136

Merged
vikas.nale merged 9 commits from pramod_Enhancement-#333 into Feature_Directory 2025-05-24 04:39:57 +00:00
Conversation 0 Commits 9 Files Changed 7 +15 -12
1 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 64973029cc - Show all commits

27
src/pages/Directory/Directory.jsx
View File

@ -16,7 +16,9 @@ import { ITEMS_PER_PAGE } from "../../utils/constants";
import ProfileContactDirectory from "../../components/Directory/ProfileContactDirectory"; import ProfileContactDirectory from "../../components/Directory/ProfileContactDirectory";
import ConfirmModal from "../../components/common/ConfirmModal"; import ConfirmModal from "../../components/common/ConfirmModal";
const Directory = () => { const Directory = () =>
{
const[IsActivite,setIsActive] = useState(true)
const [isOpenModal, setIsOpenModal] = useState(false); const [isOpenModal, setIsOpenModal] = useState(false);
const [isOpenModalNote, setIsOpenModalNote] = useState(false); const [isOpenModalNote, setIsOpenModalNote] = useState(false);
const [selectedContact, setSelectedContact] = useState(null); const [selectedContact, setSelectedContact] = useState(null);
@ -32,7 +34,7 @@ const Directory = () => {
const [tempSelectedBucketIds, setTempSelectedBucketIds] = useState([]); const [tempSelectedBucketIds, setTempSelectedBucketIds] = useState([]);
const [tempSelectedCategoryIds, setTempSelectedCategoryIds] = useState([]); const [tempSelectedCategoryIds, setTempSelectedCategoryIds] = useState([]);
const { contacts, loading } = useDirectory(); const { contacts, loading } = useDirectory(IsActivite);
const { contactCategory, loading: contactCategoryLoading } = const { contactCategory, loading: contactCategoryLoading } =
useContactCategory(); useContactCategory();
const { buckets } = useBuckets(); const { buckets } = useBuckets();
@ -247,7 +249,7 @@ const Directory = () => {
</div> </div>
)} )}
<div className="card p-2"> <div className="card p-2" >
<div className="row mx-0 px-0 align-items-center"> <div className="row mx-0 px-0 align-items-center">
<div className="col-12 col-md-4 mb-2 px-1 d-flex align-items-center "> <div className="col-12 col-md-4 mb-2 px-1 d-flex align-items-center ">
<input <input
@ -299,7 +301,7 @@ const Directory = () => {
<ul className="dropdown-menu p-3" style={{ width: "320px" }}> <ul className="dropdown-menu p-3" style={{ width: "320px" }}>
<div> <div>
<p className="small-text text-muted m-0">Filter by</p> <p className="small-text fw-semibold text-muted m-0">Filter by</p>
{/* Bucket Filter */} {/* Bucket Filter */}
<div className="mt-1"> <div className="mt-1">
@ -377,17 +379,17 @@ const Directory = () => {
</div> </div>
</div> </div>
<div className="col-12 col-md-8 mb-2 px-1 text-md-end text-end"> <div className="col-12 col-md-8 mb-2 px-1 text-md-end text-end">
<label class="switch switch-primary"> <label className="switch switch-primary">
<input type="checkbox" class="switch-input" /> <input type="checkbox" className="switch-input" onChange={()=>setIsActive(!IsActivite)} value={IsActivite} />
<span class="switch-toggle-slider"> <span className="switch-toggle-slider">
<span class="switch-on"> <span className="switch-on">
{/* <i class="icon-base bx bx-check"></i> */} {/* <i class="icon-base bx bx-check"></i> */}
</span> </span>
<span class="switch-off"> <span className="switch-off">
{/* <i class="icon-base bx bx-x"></i> */} {/* <i class="icon-base bx bx-x"></i> */}
</span> </span>
</span> </span>
<span class="switch-label">Show Inactive Contacts</span> <span className="switch-label small-text">Show Inactive Contacts</span>
</label> </label>
<button <button
type="button" type="button"
@ -456,7 +458,7 @@ const Directory = () => {
</tr> </tr>
</thead> </thead>
<tbody className="table-border-bottom-0 overflow-auto "> <tbody className="table-border-bottom-0 overflow-auto ">
{loading && ContatList.length === 0 && ( {loading && (
<tr> <tr>
<td colSpan={10}>Loading...</td> <td colSpan={10}>Loading...</td>
</tr> </tr>
@ -484,12 +486,13 @@ const Directory = () => {
</div> </div>
) : ( ) : (
<div className="row"> <div className="row">
{currentItems.map((contact, index) => ( {!loading && currentItems.map((contact, index) => (
<div <div
key={contact.id} key={contact.id}
className="col-12 col-sm-6 col-md-4 col-lg-4 mb-4" className="col-12 col-sm-6 col-md-4 col-lg-4 mb-4"
> >
<CardViewDirectory <CardViewDirectory
IsActive={IsActivite}
contact={contact} contact={contact}
setSelectedContact={setSelectedContact} setSelectedContact={setSelectedContact}
setIsOpenModal={setIsOpenModal} setIsOpenModal={setIsOpenModal}