Latest update: 1 August 2024
The project acts as an admin dashboard to manage device access of all employess to a building, and their accounts.
- Frontend: ReactJS, JavaScript, Material UI, Figma
- AccessPermission page: The pagination feature of all Data Grid components (done)
- Modify form can't get the selected row's data (fixed)
- Solution: pass params.row as a value to set a row's state.
- How to hide horizontal scrolling when the drawer opens or expands (fixed)
- Solution: adjust the width of the main content on the right column to the width of the side menu.
- The Data Grid shows a div with MuiDataGrid-filler class (fixed)
- Solution: set autoHeight prop to the Data Grid component and set height to auto to its Box wrapper component.
- In AccessPermission page, the table on the right of the Transfer List doesn't render each door shift that associates with each door (fixed)
- Solution: changed the fields that match the columns of Data Grid.
- Can't update day time frames properly (fixed)
- Nest a pop-up delete alert modal for the Modify form
- How to render door shift in each separate Door column (done)
- In DayTimeFrame page, can delete all checked time frames at once (done)
- In all Data Grid components, change background color of selected rows (done)
- Persist data on current page when switching between sidemenu items
- In Transfer List of AccessPermission page, add filter feature for all tables
- Users can select some rows (not all rows on the same page) and delete them at the same time in all Data Grid components
- Add horizontal scrolling to all Data Grid components whenever the screen size is changed
- Re-organize and refine codes, files, and folders