MetatroncubeSoftwareSolutions/dine360-POS-System
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Room, Table isDeleted updated

Browse Source
This commit is contained in:
vidhubk 2025-08-09 13:01:51 +05:30
parent 7bed4a6576
commit 75cf39efc2
1 changed files with 53 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
src/app/admin/(floor-plan-update)/floor-plan/page.jsx
View File

@ -38,7 +38,7 @@ const DineInInner = () => {
enable: 0, enable: 0,
}); });
const [errors, setErrors] = useState({}); const [errors, setErrors] = useState({});
const [deleteConfirm, setDeleteConfirm] = useState({ show: false, id: null }); const [deleteConfirm, setDeleteConfirm] = useState({ show: false, id: null, isDeleted: null});
const [restaruntBranch, setRestaruntBranch] = useState("") const [restaruntBranch, setRestaruntBranch] = useState("")
const [floorData, setFloorData] = useState(null); const [floorData, setFloorData] = useState(null);
const [roomData, setRoomData] = useState(null); const [roomData, setRoomData] = useState(null);
@ -66,7 +66,7 @@ const DineInInner = () => {
description: "", description: "",
}); });
const [roomErrors, setRoomErrors] = useState({}); const [roomErrors, setRoomErrors] = useState({});
const [roomDeleteConfirm, setRoomDeleteConfirm] = useState({ show: false, id: null }); const [roomDeleteConfirm, setRoomDeleteConfirm] = useState({ show: false, id: null, isDeleted: null });
useEffect(() => { useEffect(() => {
const restarunt = localStorage.getItem("restaurantbranch") const restarunt = localStorage.getItem("restaurantbranch")
@ -286,9 +286,12 @@ const DineInInner = () => {
}; };
const handleRoomDelete = async () => { const handleRoomDelete = async () => {
try { try {
await client.delete(`/Dine360 Room/${roomDeleteConfirm?.id}`); const body = {
setRoomDeleteConfirm({ show: false, id: null }); isdeleted: roomDeleteConfirm?.isDeleted == 0 ? 1 : 0
}
await client.put(`/Dine360 Room/${roomDeleteConfirm?.id}`, body);
setRoomDeleteConfirm({ show: false, id: null, isDeleted: null });
getRoomData(selectedFloor); getRoomData(selectedFloor);
} catch (error) { } catch (error) {
if ( if (
@ -576,6 +579,9 @@ const DineInInner = () => {
}} }}
> >
<div className="card-body px-3 py-1 d-flex align-items-center "> <div className="card-body px-3 py-1 d-flex align-items-center ">
{
room?.isdeleted == 1 && (<Icon icon="mdi:block-helper" style={{color:"red"}}/>)
}
<span <span
className="text-truncatew-100 text-sm fw-semibold" className="text-truncatew-100 text-sm fw-semibold"
title={room.roomname} title={room.roomname}
@ -606,9 +612,17 @@ const DineInInner = () => {
<li> <li>
<Link className="dropdown-item px-16 py-8 d-flex align-items-center gap-2 rounded text-secondary-light bg-hover-neutral-200 text-hover-neutral-900" href="#" onClick={(e) => { <Link className="dropdown-item px-16 py-8 d-flex align-items-center gap-2 rounded text-secondary-light bg-hover-neutral-200 text-hover-neutral-900" href="#" onClick={(e) => {
e.preventDefault(); e.preventDefault();
setRoomDeleteConfirm({ show: true, id: room.name }); setRoomDeleteConfirm({ show: true, id: room.name, isDeleted: room.isdeleted });
}}> }}>
<Icon icon="fluent:delete-24-regular" /> Delete {room.isdeleted === 1 ? (
<>
<Icon icon="mdi:restore" /> Restore
</>
) : (
<>
<Icon icon="fluent:delete-24-regular" /> Delete
</>
)}
</Link> </Link>
</li> </li>
</ul> </ul>
@ -749,13 +763,18 @@ const DineInInner = () => {
className='dropdown-item px-16 py-8 d-flex align-items-center gap-2 rounded text-secondary-light bg-hover-neutral-200 text-hover-neutral-900' className='dropdown-item px-16 py-8 d-flex align-items-center gap-2 rounded text-secondary-light bg-hover-neutral-200 text-hover-neutral-900'
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
setDeleteConfirm({ show: true, id: table.name }) setDeleteConfirm({ show: true, id: table.name, isDeleted: table.isdeleted })
}} }}
> <Icon >
icon='fluent:delete-24-regular' {table.isdeleted === 1 ? (
className='menu-icon' <>
/> <Icon icon="mdi:restore" /> Restore
Delete </>
) : (
<>
<Icon icon="fluent:delete-24-regular" /> Delete
</>
)}
</Link> </Link>
</li> </li>
</ul> </ul>
@ -941,23 +960,28 @@ const DineInInner = () => {
<div className="modal-body"> <div className="modal-body">
<div className="d-flex justify-content-between mb-1"> <div className="d-flex justify-content-between mb-1">
<h6 className="text-lg mb-0">Confirm Delete</h6> <h6 className="text-lg mb-0">
{roomDeleteConfirm?.isDeleted === 0 ? "Confirm to Delete" : "Confirm to Restore"}
</h6>
<button <button
type="button" type="button"
className="btn-close" className="btn-close"
onClick={() => setRoomDeleteConfirm({ show: false, id: null })} onClick={() => setRoomDeleteConfirm({ show: false, id: null, isDeleted: null })}
></button> ></button>
</div> </div>
<p className="mb-0">Are you sure you want to delete this Room?</p> <p className="mb-0">
{roomDeleteConfirm?.isDeleted === 0
? "Are you sure you want to set this room as Delete?"
: "Are you sure you want to set this room as Restore?"}</p>
<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-outline-danger-600 px-14 py-6 text-sm" className="btn btn-outline-danger-600 px-14 py-6 text-sm"
onClick={() => setRoomDeleteConfirm({ show: false, id: null })} onClick={() => setRoomDeleteConfirm({ show: false, id: null, isDeleted: null })}
> >
Cancel Cancel
</button> </button>
<button className="btn btn-danger px-14 py-6 text-sm" onClick={handleRoomDelete}> <button className="btn btn-danger px-14 py-6 text-sm" onClick={handleRoomDelete}>
Delete {roomDeleteConfirm?.isDeleted === 0 ? "Delete" : "Restore"}
</button> </button>
</div> </div>
</div> </div>
@ -1142,23 +1166,29 @@ const DineInInner = () => {
<div className="modal-body"> <div className="modal-body">
<div className="d-flex justify-content-between mb-1"> <div className="d-flex justify-content-between mb-1">
<h6 className="text-lg mb-0">Confirm Delete</h6> <h6 className="text-lg mb-0">
{deleteConfirm?.isDeleted === 0 ? "Confirm to Delete" : "Confirm to Restore"}
</h6>
<button <button
type="button" type="button"
className="btn-close" className="btn-close"
onClick={() => setDeleteConfirm({ show: false, id: null })} onClick={() => setDeleteConfirm({ show: false, id: null, isDeleted: null })}
></button> ></button>
</div> </div>
<p className="m-0">Are you sure you want to delete this Table?</p> <p className="m-0">
{floorDeleteConfirm?.isDeleted === 0
? "Are you sure you want to set this table as Delete?"
: "Are you sure you want to set this table as Restore?"}
</p>
<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-outline-danger px-14 py-6 text-sm" className="btn btn-outline-danger px-14 py-6 text-sm"
onClick={() => setDeleteConfirm({ show: false, id: null })} onClick={() => setDeleteConfirm({ show: false, id: null, isDeleted: null })}
> >
Cancel Cancel
</button> </button>
<button className="btn btn-danger px-14 py-6 text-sm" onClick={handleDelete}> <button className="btn btn-danger px-14 py-6 text-sm" onClick={handleDelete}>
Delete {deleteConfirm?.isDeleted === 0 ? "Delete" : "Restore"}
</button> </button>
</div> </div>
</div> </div>