Update session startTime and duration

Author: ketamethane

Backend/CollabService/utils/roomManager.js

@@ -15,6 +15,9 @@ function manageRoom(ws, roomId, userId, type) {
                 rooms[roomId] = { sockets: [], userIds: [], matchedUserIds: [], startTime: new Date().toISOString()};
             }
 
+            // Broadcast start time to the newly joined user
+            broadcastRoomStartTime(ws, roomId);
+
             console.log(`BEFORE room Info: userIds[${rooms[roomId].userIds}] || matchedusers[${rooms[roomId].matchedUserIds}]`)
 
             const numOfMatchedUsers = rooms[roomId].matchedUserIds.length

Frontend/src/components/collab/CollaborationSpace.jsx

@@ -29,6 +29,7 @@ const CollaborationSpace = () => {
     const [output, setOutput] = useState("")
     const [messages, setMessages] = useState([])
     const [outputLoading, setOutputLoading] = useState(false)
+    const [roomStartTime, setRoomStartTime] = useState(null); // Initialize state for room start time
 
     // use https://emkc.org/api/v2/piston/runtimes to GET other languages
     const LANGUAGEVERSIONS = {
@@ -136,6 +137,10 @@ const CollaborationSpace = () => {
                 case 'userLeft':
                     addNotif(`User ${data.user} has left`)
                     break;
+                // Handle room start time message
+                case 'roomStartTime':
+                    setRoomStartTime(data.startTime);
+                    break;
                 default:
                     console.log("No messages received from room management server");
                     break;
@@ -169,6 +174,8 @@ const CollaborationSpace = () => {
         try {
             // Filter out the current user from the usersSave array to find the matched user
             const matchedUser = usersSave.filter(user => user !== username)[0]; // Assuming usersSave contains objects with userId property
+            const startTime = new Date(roomStartTime); // Convert start time from ISO to Date object
+            const duration = new Date().getTime() - startTime.getTime();
 
             if (!matchedUser) {
                 throw new Error("No matched user found");
@@ -179,9 +186,11 @@ const CollaborationSpace = () => {
               questionTitle: 'BFS', // This ID should be available in context or passed down
             //   questionTitle: questionTitle, // This ID should be available in context or passed down
             //   startTime: roomCreationTime,
-              startTime: new Date(),
+            //   startTime: new Date(),
             //   duration: new Date().getTime() - new Date(roomCreationTime).getTime(),
-              duration: 10,
+            //   duration: 10,
+            startTime: startTime.toISOString(),
+            duration: Math.floor(duration / 1000),
               code: '1'
             }
 

Frontend/src/components/user/HistoryAttempt.jsx

@@ -4,25 +4,44 @@ import React from 'react';
 const HistoryAttempt = ({ attempt }) => {
   const { matchedUsername, questionTitle, startTime, duration, code } = attempt;
 
+  // Function to format duration based on requirements
+  const formatDuration = (seconds) => {
+    if (seconds >= 3600) {
+      // Format as H:MM:SS
+      const hours = Math.floor(seconds / 3600);
+      const minutes = Math.floor((seconds % 3600) / 60);
+      const remainingSeconds = seconds % 60;
+      return `${hours}:${String(minutes).padStart(2, '0')}:${String(remainingSeconds).padStart(2, '0')}`;
+    } else if (seconds >= 60) {
+      // Format as MM:SS
+      const minutes = Math.floor(seconds / 60);
+      const remainingSeconds = seconds % 60;
+      return `${String(minutes).padStart(2, '0')}:${String(remainingSeconds).padStart(2, '0')}`;
+    } else {
+      // Format as 00:SS
+      return `00:${String(seconds).padStart(2, '0')}`;
+    }
+  };
+
   return (
     <tr>
       <td>{matchedUsername}</td>
       <td>{questionTitle}</td>
       <td>{new Date(startTime).toLocaleString()}</td>
-      <td>{duration} minutes</td>
+      <td>{formatDuration(duration)}</td>
+      {/* Uncomment the below section if you want to enable code download */}
       {/* <td>
-        {/* <button onClick={() => downloadCode(codeFile)} className="btn btn-sm btn-primary">
+        <button onClick={() => downloadCode(code)} className="btn btn-sm btn-primary">
           Download Code
-        </button> }
-        </td>*/}
+        </button>
+      </td> */}
       <td>{code} dummy file content</td>
-      
     </tr>
   );
 };
 
+// Function to download the binary code file
 const downloadCode = (file) => {
-  // Logic for downloading the binary code file
   const blob = new Blob([file], { type: 'application/octet-stream' });
   const link = document.createElement('a');
   link.href = URL.createObjectURL(blob);