diff --git a/Backend/public/mobile-sim.html b/Backend/public/mobile-sim.html index dc90da5..5bd1398 100644 --- a/Backend/public/mobile-sim.html +++ b/Backend/public/mobile-sim.html @@ -1,105 +1,12 @@ - + SecureCam Mobile Simulator + + - -
-
-
-
SecureCam Mobile
-
- signed out - offline + +
+
+
+
+
+
+ + +
+
+
+
+

Welcome

+

Sign in or create an account to use this phone as a camera or client.

+ + + + + + + +
+ + +
+
+
+
+ +
+
+
+

Set Up This Phone

+

Choose how this phone should behave in your home security setup.

+ + + + + + + + + +
+
+
+ +
+
+
+

Client Home

+

Monitor cameras and request live streams.

+ +
+ + +
+ + + +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+ +
+
+
+

Camera Home

+

Detect motion, stream live, and finalize recordings.

+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+ +
+
+
+

Activity

+

Realtime events and push inbox.

+ +
+ + +
+ +
+ + +
+ +
+
+
+
+
+ +
+
+
+

Account

+ +
+ + +
+ +
+ + + +
+ +
+
+
+
+
+ + +
-

Open app to continue

-
- -
-
-
-

Welcome

-

Sign in or create an account to use this phone as a camera or client.

- - - - - - -
- - -
-
-
- -
-
-

Set Up This Phone

-

Choose how this phone should behave in your home security setup.

- - - - - - - - -
-
- -
-
-

Client Home

-

Monitor cameras and request live streams.

-
- - -
- - -
- - -
-
- - -
-
- - -
-
-
- -
-
-

Camera Home

-

Detect motion, stream live, and finalize recordings.

-
- - -
-
- - -
-
- - -
-
-
- -
-
-

Activity

-

Realtime events and push inbox.

-
- - -
-
- - -
-
-
-
-
- -
-
-

Account

-
- - -
-
- - - -
-
-
-
-
- - +
diff --git a/Backend/public/mobile-sim.js b/Backend/public/mobile-sim.js index 03a7193..c6339f9 100644 --- a/Backend/public/mobile-sim.js +++ b/Backend/public/mobile-sim.js @@ -50,11 +50,13 @@ const updateTop = () => { const signedIn = Boolean(state.session?.session); $('authChip').textContent = signedIn ? 'signed in' : 'signed out'; - $('authChip').className = `chip ${signedIn ? 'online' : 'offline'}`; + $('authChip').classList.toggle('online', signedIn); + $('authChip').classList.toggle('offline', !signedIn); const socketConnected = Boolean(state.socket?.connected); $('socketChip').textContent = socketConnected ? 'online' : 'offline'; - $('socketChip').className = `chip ${socketConnected ? 'online' : 'offline'}`; + $('socketChip').classList.toggle('online', socketConnected); + $('socketChip').classList.toggle('offline', !socketConnected); if (!signedIn) { $('topSubtitle').textContent = 'Sign in to continue';