Matiss/Final-Year-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: redesign mobile simulator into full-page Web Dashboard

Browse Source 
- Removed DaisyUI phone mockup from `mobile-sim.html`.
- Implemented a responsive full-desktop app shell layout (sidebar + grid).
- Maintained core WebRTC and streaming logic in `mobile-sim.js`.
- Fixed the System Logs container to allow proper independent vertical scrolling.
- Updated docs/changelog.md.
This commit is contained in:
Matiss Jurevics
2026-02-20 17:20:00 +00:00
parent 37d7c27ba0
commit b807409f24
3 changed files with 570 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
Backend/docs/changelog.md Normal file
View File

@@ -0,0 +1,19 @@
- Answered user question regarding how video streaming works between clients.
- Answered user question regarding what technologies are used in the project.
- Created a plan for setting up and testing video streaming on the mobile simulator.
- Clarified the presence of Expo in the MobileApp folder and updated the video streaming plan to offer a simple web-based alternative.
- Researched the overall project architecture (turning old phones into security cameras) and analyzed video streaming requirements.
- Adjusted the video streaming plan to focus exclusively on the web-based simulator (mobile-sim.html) instead of the React Native app.
- Commenced execution of WebRTC simulator streaming implementation.
- Located the WebRTC P2P signaling logic in mobile-sim.js and began preparing the edits to fix the SDP Offer/Answer flow.
- Fixed SDP answer processing in mobile-sim.js.
- Tested the backend API endpoints...
- Received request to redesign the mobile simulator into a full-page web UI. Updating the implementation plan.
- Commenced execution of redesigning the Web UI.
- Replaced the DaisyUI phone mockup wrapper with a full-page app shell grid layout in mobile-sim.html.
- Validating matching DOM mappings between the new mobile-sim.html UI and mobile-sim.js.
- Converted mobile-sim.js state rendering logic to support the new desktop layout, including sidebar active states and live stream dot tracking.
- Starting local test for the new Web UI and WebRTC live stream.
- Ran backend tests to verify logic correctness.
- Received user request to make the system logs scrollable in the new Web UI.
- Updating camera logs container to be scrollable.