diff --git a/Desktop/public/images/carlaScreen.png b/Desktop/public/images/carlaScreen.png new file mode 100644 index 00000000..98373217 Binary files /dev/null and b/Desktop/public/images/carlaScreen.png differ diff --git a/Desktop/public/images/teamNetwork.png b/Desktop/public/images/teamNetwork.png new file mode 100644 index 00000000..449642b1 Binary files /dev/null and b/Desktop/public/images/teamNetwork.png differ diff --git a/Desktop/public/images/teamView.png b/Desktop/public/images/teamView.png new file mode 100644 index 00000000..043a6f20 Binary files /dev/null and b/Desktop/public/images/teamView.png differ diff --git a/Desktop/src/App.svelte b/Desktop/src/App.svelte index 7c29bf88..435c0f7f 100644 --- a/Desktop/src/App.svelte +++ b/Desktop/src/App.svelte @@ -13,8 +13,6 @@ ttoken = window.electronAPI.getToken(); } - console.log(window.electronAPI.getToken()); - onMount(async () => { window.electronAPI.onPythonScriptDone((event, message) => { toast.success(message, { @@ -30,7 +28,6 @@ // call cuda-check and console.log const isCuda = await window.electronAPI.checkCUDA(); - console.log("Cuda: ", isCuda); cuda.set(isCuda); }); diff --git a/Desktop/src/components/AddMember.svelte b/Desktop/src/components/AddMember.svelte index 4897e13b..86311373 100644 --- a/Desktop/src/components/AddMember.svelte +++ b/Desktop/src/components/AddMember.svelte @@ -28,22 +28,17 @@ } function addMember() { - console.log("addMember called"); sendEmails(); dispatch("save", { members: newMembers }); } const sendEmails = async () => { - console.log("Sending invites"); - console.log(newMembers); - console.log(window.electronAPI.getTeamName()); // Send the emails to the new members try { const response = await axios.post("http://" + HOST_IP + ":8000/sendInviteEmail/", { newMembers: newMembers, teamName: window.electronAPI.getTeamName(), }); - console.log(response); } catch (error) { console.error("Sending invites failed:", error); } diff --git a/Desktop/src/components/DeleteModal.svelte b/Desktop/src/components/DeleteModal.svelte index 3d02f27d..e485f417 100644 --- a/Desktop/src/components/DeleteModal.svelte +++ b/Desktop/src/components/DeleteModal.svelte @@ -13,7 +13,6 @@ try { const response = await window.electronAPI.deleteVideoFile(videoPath); if (response.success) { - console.log(`Deleted file: ${videoPath}`); // Handle post-deletion actions, like updating the UI or redirecting // For example, you might want to redirect to another page: // location.goto("/some-other-page"); diff --git a/Desktop/src/components/DriveCard.svelte b/Desktop/src/components/DriveCard.svelte index 64574a19..aca9d485 100644 --- a/Desktop/src/components/DriveCard.svelte +++ b/Desktop/src/components/DriveCard.svelte @@ -17,12 +17,10 @@ let processed = false; function goToVideo() { - console.log("Go to video"); const encodedPath = encodeURIComponent(videoSource); VideoURL.set(videoSource); OriginalVideoURL.set(videoSource); originalVideoURL.set(videoSource); - console.log(encodedPath); push(`/drive/${encodedPath}`); } @@ -61,7 +59,6 @@ try { processed = await window.electronAPI.checkIfVideoProcessed(videoSource); - console.log("Processed:", processed); } catch (error) { console.error("Error checking if video is processed:", error); } diff --git a/Desktop/src/components/GallaryCard.svelte b/Desktop/src/components/GallaryCard.svelte index 79bdc7c6..8de3b71a 100644 --- a/Desktop/src/components/GallaryCard.svelte +++ b/Desktop/src/components/GallaryCard.svelte @@ -35,11 +35,8 @@ try { let response = await window.electronAPI.openFTP(uid, token, size, "FAKENAME", "FAKEURL", "RETR"); - console.log("Response: ", response); if (response.success) { - console.log("IP:", response.ip); - console.log("Port:", response.port); aip = response.ip; aport = response.port; } else { @@ -54,19 +51,14 @@ await window.electronAPI.downloadVideo(videoName, videoSource); // move the video to the download folder let currentFilePath = videoName; - console.log("Current File Path: ", currentFilePath); - console.log("videoSource: ", videoSource); isDownloading = false; showMoreModal = false; isDownloaded = true; - - console.log("DOWNLOAD BUTTON"); }; function goToVideo() { if (!isDownloaded) return; - console.log("Go to video"); const encodedPath = encodeURIComponent(videoSource); VideoURL.set(videoSource); OriginalVideoURL.set(videoSource); @@ -75,13 +67,10 @@ } function handleMore() { - console.log("More button clicked"); showMoreModal = true; - console.log(videoSource); } function handleBack(event) { - console.log("Back button clicked"); event.stopPropagation(); // Stop event propagation showMoreModal = false; } @@ -120,7 +109,6 @@ captureSpecificFrame(10); // Specify the frame to get try { processed = await window.electronAPI.checkIfVideoProcessed(videoSource); - console.log("Processed:", processed); } catch (error) { console.error("Error checking if video is processed:", error); } @@ -132,7 +120,6 @@ ); let videoPaths = response; firstFrameURL = videoPaths[0]; - console.log(firstFrameURL); } catch (error) {} } setInterval(() => { diff --git a/Desktop/src/components/GallaryMore.svelte b/Desktop/src/components/GallaryMore.svelte index 67e1e486..3bcc2b00 100644 --- a/Desktop/src/components/GallaryMore.svelte +++ b/Desktop/src/components/GallaryMore.svelte @@ -22,7 +22,6 @@ } function view(videoSource) { - console.log("TESTING", videoSource); const encodedPath = encodeURIComponent(videoSource); push(`/video/${encodedPath}`); } diff --git a/Desktop/src/components/InviteMembers.svelte b/Desktop/src/components/InviteMembers.svelte index 91159563..6948557c 100644 --- a/Desktop/src/components/InviteMembers.svelte +++ b/Desktop/src/components/InviteMembers.svelte @@ -26,15 +26,12 @@ } const sendEmails = async () => { - console.log("Sending invites"); - console.log(newMembers); // Send the emails to the new members try { const response = await axios.post("http://" + HOST_IP + ":8000/sendInviteEmail/", { newMembers: newMembers, teamName: window.electronAPI.getTeamName(), }); - console.log(response); push("/install"); } catch (error) { console.error("Sending invites failed:", error); diff --git a/Desktop/src/components/LoginForm.svelte b/Desktop/src/components/LoginForm.svelte index 5d72cbac..a1acc3ee 100644 --- a/Desktop/src/components/LoginForm.svelte +++ b/Desktop/src/components/LoginForm.svelte @@ -28,8 +28,6 @@ }); uid = response.data.uid; sString = response.data.salt; - console.log(sString); - console.log("uid from resp:", uid); step = 2; } catch (error) { console.error("Failed to retrieve salt and UID:", error); @@ -37,8 +35,6 @@ }; const onSubmitPassword = async () => { - console.log("Password Step"); - console.log(pToken); try { const { hash } = await window.electronAPI.hashPasswordSalt( diff --git a/Desktop/src/components/ManagerNode.svelte b/Desktop/src/components/ManagerNode.svelte index 571eb945..ae199738 100644 --- a/Desktop/src/components/ManagerNode.svelte +++ b/Desktop/src/components/ManagerNode.svelte @@ -51,8 +51,6 @@ } function showConnectionToAgent() { - console.log(nodeData.id); - console.log(nodeType); // Reset all edge colors resetEdgeColors(); @@ -83,9 +81,6 @@ // Update the writable stores TeamAgents.set(agentBooleans); TeamClients.set(clientBooleans); - - console.log("Updated TeamAgents:", agentBooleans); - console.log("Updated TeamClients:", clientBooleans); } function resetEdgeColors() { diff --git a/Desktop/src/components/ModelList.svelte b/Desktop/src/components/ModelList.svelte index 24468b54..5cad832f 100644 --- a/Desktop/src/components/ModelList.svelte +++ b/Desktop/src/components/ModelList.svelte @@ -27,7 +27,6 @@ await getOutputFiles(); - console.log("Test", get(originalVideoURL)); mounting = false; }); @@ -86,8 +85,6 @@ videoURL: video.videoURL, }); }); - - console.log("Output files:", processedVideos); } catch (error) { console.error("Error fetching output files:", error); } diff --git a/Desktop/src/components/ModelsCard.svelte b/Desktop/src/components/ModelsCard.svelte index 486bc8a4..1be07a66 100644 --- a/Desktop/src/components/ModelsCard.svelte +++ b/Desktop/src/components/ModelsCard.svelte @@ -95,7 +95,6 @@ const handleClick = () => { selectedModel.set(Model); - console.log("handleClick for " + Model.mName); }; diff --git a/Desktop/src/components/OnboardJoin.svelte b/Desktop/src/components/OnboardJoin.svelte index b4442273..c3bc90b8 100644 --- a/Desktop/src/components/OnboardJoin.svelte +++ b/Desktop/src/components/OnboardJoin.svelte @@ -16,8 +16,6 @@ let tokenValue = ""; const submit = async () => { - console.log("Joining a team"); - // check if team exists, if not, create team and add user to team try { const response = await axios.post( @@ -30,7 +28,6 @@ email: window.electronAPI.getUemail(), }, ); - console.log(response); push("/install"); } catch (error) { console.error("Joining a team failed:", error); diff --git a/Desktop/src/components/OnboardNewTeam.svelte b/Desktop/src/components/OnboardNewTeam.svelte index 6ee661a3..80240f31 100644 --- a/Desktop/src/components/OnboardNewTeam.svelte +++ b/Desktop/src/components/OnboardNewTeam.svelte @@ -13,7 +13,6 @@ let teamName = ""; const submit = async () => { - console.log("Creating a new team"); // check if team exists, if not, create team and add user to team try{ @@ -23,7 +22,6 @@ admin: true, }); window.electronAPI.storeTeamName(teamName); - console.log(response); push("/invite"); } catch (error) { console.error("Creating a team failed:", error); diff --git a/Desktop/src/components/ProcessPopup.svelte b/Desktop/src/components/ProcessPopup.svelte index 81dbd380..7f8f8ebe 100644 --- a/Desktop/src/components/ProcessPopup.svelte +++ b/Desktop/src/components/ProcessPopup.svelte @@ -24,7 +24,6 @@ function processVideo() { isLoading.set(true); dispatch("processVideo", { modelName: selectedModelName }); - console.log("Processing video", showProcessPopup); } function handleModelChange(event) { @@ -47,7 +46,6 @@ // onMount function onMount(async () => { hasCuda = get(cuda); - console.log("Cuda: ", hasCuda); mounted = true; }); diff --git a/Desktop/src/components/RemoveMember.svelte b/Desktop/src/components/RemoveMember.svelte index 361053b1..6146d79a 100644 --- a/Desktop/src/components/RemoveMember.svelte +++ b/Desktop/src/components/RemoveMember.svelte @@ -29,7 +29,6 @@ memberUid: uid, }) .then((response) => { - console.log(response); toast.success("Removed member successfully", { duration: 5000, position: "top-center", diff --git a/Desktop/src/components/Sidebar.svelte b/Desktop/src/components/Sidebar.svelte index 8bf77a38..605c3e1a 100644 --- a/Desktop/src/components/Sidebar.svelte +++ b/Desktop/src/components/Sidebar.svelte @@ -69,7 +69,6 @@ function navigate(route) { updateCurrentRoute(); - console.log(route); push(route); } @@ -82,7 +81,6 @@ : $location; for (let i = 0; i < items.length; i++) { if (items[i].route === route) { - console.log(route, i); return `translateY(calc(calc(50% / ${items.length}) * ${i}))`; } } diff --git a/Desktop/src/components/SidebarV2.svelte b/Desktop/src/components/SidebarV2.svelte index 3c2327fa..66af0a47 100644 --- a/Desktop/src/components/SidebarV2.svelte +++ b/Desktop/src/components/SidebarV2.svelte @@ -128,7 +128,6 @@ function toggleAccountPopup() { showAccountPopup = !showAccountPopup; - console.log("TOGGLE: ", showAccountPopup); } function closeAccountPopup() { @@ -171,7 +170,6 @@ const emailHash = CryptoJS.SHA256(profileEmail); profileImg = `https://www.gravatar.com/avatar/${emailHash}?d=retro`; - console.log(profileImg); }) .catch((error) => { console.error("Error fetching user data:", error); diff --git a/Desktop/src/components/UploadModal.svelte b/Desktop/src/components/UploadModal.svelte index 514b0dae..784f970e 100644 --- a/Desktop/src/components/UploadModal.svelte +++ b/Desktop/src/components/UploadModal.svelte @@ -41,10 +41,8 @@ return; } isUploadLoading.set(true); - console.log("Uploading"); setInterval(async () => { isUploadLoading.set(false); - console.log("Done"); }, 5000); let uid = window.electronAPI.getUid(); @@ -65,11 +63,8 @@ file.path, command, ); - console.log("Response: ", response); if (response.success) { - console.log("IP:", response.ip); - console.log("Port:", response.port); aip = response.ip; aport = response.port; // You can now use response.ip and response.port as needed @@ -102,11 +97,9 @@ }; // Insert the record into the database const response1 = await window.electronAPI.insertData(record); - console.log("resp1", response1); // Select the record from the database const response2 = await window.electronAPI.selectData(filename); - console.log("resp2", response2); toast.success("Video uploaded successfully", { duration: 5000, @@ -121,7 +114,6 @@ const uid = window.electronAPI.getUid(); const token = window.electronAPI.getToken(); - console.log($location); } else { console.error( "Failed to retrieve the record:", diff --git a/Desktop/src/components/ViewVideoComponent.svelte b/Desktop/src/components/ViewVideoComponent.svelte index ffe36d88..5081d64a 100644 --- a/Desktop/src/components/ViewVideoComponent.svelte +++ b/Desktop/src/components/ViewVideoComponent.svelte @@ -200,14 +200,12 @@ const videoName = getFileName(originalVideoPath); videoNameExtract = videoName.split(".")[0]; - console.log("Original video path", originalVideoPath); const outputDir = `${appPath}/outputVideos/${videoNameExtract}`; // Fetch the original video details from the database let originalVideo = await window.electronAPI.getVideoByURL(originalVideoPath); - console.log("Original video", originalVideo); // If the original video is not found, add it to the database if (!originalVideo) { diff --git a/Desktop/src/components/videoAside.svelte b/Desktop/src/components/videoAside.svelte index e5e0e2e3..6d305dba 100644 --- a/Desktop/src/components/videoAside.svelte +++ b/Desktop/src/components/videoAside.svelte @@ -31,7 +31,6 @@ remoteProcessingQueueList.push(detail.outputVideoPath); }); - console.log("Remote Queue", remoteProcessingQueueList); if (remoteProcessingQueueList.includes(AIinfo.mURL)) { console.log("The list contains the URL."); diff --git a/Desktop/src/pages/GallaryPage.svelte b/Desktop/src/pages/GallaryPage.svelte index 0e516cfa..b30206fa 100644 --- a/Desktop/src/pages/GallaryPage.svelte +++ b/Desktop/src/pages/GallaryPage.svelte @@ -39,14 +39,11 @@ const uid = await window.electronAPI.getUid(); const lastSignin = await window.electronAPI.getLastSignin(uid); - console.log("Last signin: " + lastSignin); //TODO: update last signin in the database const updateLastSignin = await window.electronAPI.updateLastSignin(uid); - console.log("Last signin updated: " + updateLastSignin); try { const response = await window.electronAPI.fetchVideos(); - console.log(response); if (response.success) { videoURLs = response.data.map((record) => record.dataValues.localurl); videoNames = response.data.map((record) => record.dataValues.mname); @@ -69,7 +66,7 @@ } }), ); - filteredItems.set(videoURLs); // console.log("Downloaded statuses:", downloadedStatuses); + filteredItems.set(videoURLs); } else { console.error("Failed to fetch video records:", response.error); } @@ -101,19 +98,15 @@ async function handleSearch(event) { searchQuery = event.target.value; - console.log("Search query: " + searchQuery); - console.log("Video URLS: " + videoURLs); filteredItems.update(() => { if (searchQuery === "") { // If search query is empty, display all videos - console.log("Search query is empty, displaying all items."); return videoURLs; } else { const searchRegex = new RegExp(searchQuery, "i"); const newItems = videoURLs.filter((url) => searchRegex.test(videoURLToNameMap[url]), ); - console.log("FilteredItems: " + newItems); return newItems; } }); @@ -139,7 +132,6 @@ function handleSortChange(event) { sortCategory = event.target.value; - console.log("Sort criteria: " + sortCategory); sortFilteredItems(); } diff --git a/Desktop/src/routes/AccountSettings.svelte b/Desktop/src/routes/AccountSettings.svelte index 405b5695..a3b08524 100644 --- a/Desktop/src/routes/AccountSettings.svelte +++ b/Desktop/src/routes/AccountSettings.svelte @@ -31,7 +31,6 @@ }; const redirectToGravatar = () => { - console.log("Redirecting to Gravatar..."); window.open('https://en.gravatar.com/site/login', '_blank'); }; @@ -41,13 +40,9 @@ const saveChanges = async () => { // Function to handle saving other changes (username, email) - console.log("Username: " + user.username); - console.log("email: " + user.email); - console.log("Profile: " + user.profile_picture); // Save the changes to the database - console.log(window.electronAPI.getToken()); try { const response = await axios.post( @@ -60,8 +55,6 @@ }, ); - console.log("token" + window.electronAPI.getToken()); - if (response.data.status == "200") { toast.success("Changes saved successfully!", { duration: 5000, @@ -109,7 +102,7 @@ profileEmail = profileEmail.trim().toLowerCase(); const emailHash = CryptoJS.SHA256(profileEmail); user.profile_picture = `https://www.gravatar.com/avatar/${emailHash}?d=retro`; - console.log(user.profile_picture); + }) .catch((error) => { console.error("Failed to fetch user data:", error); diff --git a/Desktop/src/routes/ChangePassword.svelte b/Desktop/src/routes/ChangePassword.svelte index d12cdc5e..c2ac2c19 100644 --- a/Desktop/src/routes/ChangePassword.svelte +++ b/Desktop/src/routes/ChangePassword.svelte @@ -30,13 +30,11 @@ const response = await axios.post("http://" + HOST_IP + ":8000/getSalt/", { uemail: window.electronAPI.getUemail(), }); - console.log("Salt and UID retrieved:", response.data); uid = response.data.uid; window.electronAPI.storeUid(uid); sString = response.data.salt; } catch (error) { - console.error("Failed to retrieve salt and UID:", error); return; } @@ -51,10 +49,6 @@ sString ); - console.log("Hashed Passwords:", hashOld, hashNew); - console.log("UID:", uid); - console.log("Token:", window.electronAPI.getToken()); - const response = await axios.post( "http://" + HOST_IP + ":8000/changePassword/", { @@ -64,7 +58,6 @@ token: window.electronAPI.getToken(), } ); - console.log("Password Changed:", response.data); if (response.data.status === "200") { toast.success("Password changed successfully!", { diff --git a/Desktop/src/routes/DriveGallery.svelte b/Desktop/src/routes/DriveGallery.svelte index 3ca3fe60..a80230e6 100644 --- a/Desktop/src/routes/DriveGallery.svelte +++ b/Desktop/src/routes/DriveGallery.svelte @@ -48,23 +48,31 @@ onMount(async () => { isLoading.set(true); try { - console.log("Requesting base directory..."); - const baseDirectory = await window.electronAPI.getBaseDirectory(); - console.log("Base Directory:", baseDirectory); - directoryPath = baseDirectory; - const videos = await window.electronAPI.getDriveVideos(directoryPath); - console.log(videos) - - // Populate videoURLs and videoNames - videoURLs = videos.map((video) => video.path); - videoNames = videos.map((video) => video.name); - - // Create a map for easy lookup of names by URL - videoURLToNameMap = videoURLs.reduce((acc, url, index) => { - acc[url] = videoNames[index]; - return acc; - }, {}); - filteredItems.set(videoURLs); + const savedPath = await window.electronAPI.getDrivesDirectory(); + if (savedPath) { + directoryPath = savedPath; + + // Fetch video files from the directory + const videos = await window.electronAPI.getDriveVideos(directoryPath); + + // Populate videoURLs and videoNames + videoURLs = videos.map((video) => video.path); + videoNames = videos.map((video) => video.name); + + // Create a map for easy lookup of names by URL + videoURLToNameMap = videoURLs.reduce((acc, url, index) => { + acc[url] = videoNames[index]; + return acc; + }, {}); + + // Update filteredItems store + filteredItems.set(videoURLs); + } else { + // Prompt user to select a directory if none is saved + await openDirectory(); + } + + data = await fetchData(); } catch (error) { console.error("Failed to get base directory:", error); } finally { @@ -107,7 +115,6 @@ function handleSortChange(event) { sortCategory = event.target.value; - console.log("Sort criteria: " + sortCategory); sortFilteredItems(); } diff --git a/Desktop/src/routes/Help.svelte b/Desktop/src/routes/Help.svelte index 65b38370..3cad3abd 100644 --- a/Desktop/src/routes/Help.svelte +++ b/Desktop/src/routes/Help.svelte @@ -3,15 +3,6 @@ import ProtectedRoutes from './ProtectedRoutes.svelte'; import { writable } from 'svelte/store'; import {theme} from '../stores/themeStore'; - // import { tours } from './tours/tours'; - // import { Tour } from 'svelte-tour'; - import TourManager from '../components/TourManager.svelte'; - - let activeTour = []; - - function startTour(tourName) { - activeTour = tours[tourName] || []; - } // Store for tracking the open topic index const openTopic = writable(null); @@ -25,22 +16,441 @@ {#if $theme === 'highVizLight'} -
-

Help Menu

-
-
- - -
- +
+
+ +
toggleTopic(0)}> + View Gallery + +
+
+

On the Navigation bar, find and click the Gallery tab:

+ NavBar +

Once you do so, the Gallery page will open.

+ Gallery +
+
+ +
+ +
toggleTopic(1)}> + View/Download Video + +
+
+

Access the Gallery page. Click on a video of your choice.

+ Gallery +

If the video is not downloaded on your local machine, the download button will be visible

+ NotDownloaded +

click on it to download the video from our server. Once downloaded, you can click on the video to view it and all the versions of which it was processed through models.

+ VideoScreen +
+
+
+ +
toggleTopic(2)}> + Process Video + +
+
+

Access the video via the Gallery Page, and click on the Process Video button.

+ ViewVideo +

This will open a modal window where you can select the model.

+ ChooseModel +

Confirm the model and wait patiently as the AI does its work.

+ VideoScreen +
+
+
+ +
toggleTopic(3)}> + View Models + +
+
+

On the Navigation bar, find and click the Models tab.

+ ModelsScreen +

To view more details of model, click the model to reveal the extended summary.

+ ModelContent +
+
+
+ +
toggleTopic(4)}> + Account Settings + +
+
+

Click on your username in the navigation bar.

+ AccountPopUp +

A pop-up menu will appear. Click on the Account Settings option to open the settings page.

+ AccountSettings +

You can now edit your details

+ PasswordChange +
+
+
+ +
toggleTopic(5)}> + Search + +
+
+

Access any page with a search bar

+ Gallery +

Enter a keyword and wait for results to load.

+ Empty + Success + +
+
+
+ +
toggleTopic(6)}> + Upload Video + +
+
+

Access the upload page from the Navigation Bar

+ Upload +

Click on the upload slot and choose a video in your directory to upload.

+ Choose +

Confirm your upload by clicking 'Save'. You will see the newly uploaded video in your Gallery page

+ Confirm +
+
+ +
+ +
toggleTopic(7)}> + Drive Gallery + +
+
+

Access the Drive Gallery page from the Navigation Bar

+ DriveGallery +

To view Drive Dashboard, click on any of the video.

+ Dashboard +
+
+ +
+ +
toggleTopic(8)}> + Pipes + +
+
+

Access the Pipes page from the Navigation Bar

+ Pipe + +
+
+ +
+ +
toggleTopic(9)}> + Start CARLA + +
+
+

Access the CARLA page from the navigation bar

+ Pipe + +
+
+

Follow the prompts when you launch CARLA

+ Pipe + +
+
+ +
+ +
toggleTopic(10)}> + Start CARLA + +
+
+

Access the CARLA page from the navigation bar

+ Pipe +

Follow the prompts when you launch CARLA

+ +
+
+ +
toggleTopic(10)}> + Team View + +
+
+

Access the Team View page from the navigation bar

+ Pipe +

You can now view, add and remove memebers from your team

+
+
+
+ +
toggleTopic(11)}> + Team Network + +
+
+

Access the Team Network page from the navigation bar

+ Pipe +

Follow you can now view your team network and interact with it

+
+
+ +
+ +
toggleTopic(12)}> + Logout + +
+
+

Click on your username in the navigation bar. A pop-up menu will appear; click on the Log Out button.

+ Logout +
+
+
+
{:else} -
-

Help Menu

-
-
- - -
+
+
+ +
toggleTopic(0)}> + View Gallery + +
+
+

On the Navigation bar, find and click the Gallery tab:

+ NavBar +

Once you do so, the Gallery page will open.

+ Gallery +
+
+ +
+ +
toggleTopic(1)}> + View/Download Video + +
+
+

Access the Gallery page. Click on a video of your choice.

+ Gallery +

If the video is not downloaded on your local machine, the download button will be visible

+ NotDownloaded +

click on it to download the video from our server. Once downloaded, you can click on the video to view it and all the versions of which it was processed through models.

+ VideoScreen +
+
+
+ +
toggleTopic(2)}> + Process Video + +
+
+

Access the video via the Gallery Page, and click on the Process Video button.

+ ViewVideo +

This will open a modal window where you can select the model.

+ ChooseModel +

Confirm the model and wait patiently as the AI does its work.

+ VideoScreen +
+
+
+ +
toggleTopic(3)}> + View Models + +
+
+

On the Navigation bar, find and click the Models tab.

+ ModelsScreen +

To view more details of model, click the model to reveal the extended summary.

+ ModelContent +
+
+
+ +
toggleTopic(4)}> + Account Settings + +
+
+

Click on your username in the navigation bar.

+ AccountPopUp +

A pop-up menu will appear. Click on the Account Settings option to open the settings page.

+ AccountSettings +

You can now edit your details

+ PasswordChange +
+
+
+ +
toggleTopic(5)}> + Search + +
+
+

Access any page with a search bar

+ Gallery +

Enter a keyword and wait for results to load.

+ Empty + Success + +
+
+
+ +
toggleTopic(6)}> + Upload Video + +
+
+

Access the upload page from the Navigation Bar

+ Upload +

Click on the upload slot and choose a video in your directory to upload.

+ Choose +

Confirm your upload by clicking 'Save'. You will see the newly uploaded video in your Gallery page

+ Confirm +
+
+ +
+ +
toggleTopic(7)}> + Drive Gallery + +
+
+

Access the Drive Gallery page from the Navigation Bar

+ DriveGallery +

To view Drive Dashboard, click on any of the video.

+ Dashboard +
+
+ +
+ +
toggleTopic(8)}> + Pipes + +
+
+

Access the Pipes page from the Navigation Bar

+ Pipe + +
+
+ +
+ +
toggleTopic(9)}> + Start CARLA + +
+
+

Access the CARLA page from the navigation bar

+ Pipe +

Follow the prompts when you launch CARLA

+
+
+
+ +
toggleTopic(10)}> + Team View + +
+
+

Access the Team View page from the navigation bar

+ Pipe +

You can now view, add and remove memebers from your team

+
+
+ +
+ +
toggleTopic(11)}> + Team Network + +
+
+

Access the Team Network page from the navigation bar

+ Pipe +

Follow you can now view your team network and interact with it

+
+
+ +
+ +
toggleTopic(12)}> + Logout + +
+
+

Click on your username in the navigation bar. A pop-up menu will appear; click on the Log Out button.

+ Logout +
+
+
{/if} @@ -104,4 +514,4 @@ max-height: 100%; margin: 1rem; } - + \ No newline at end of file diff --git a/Desktop/src/routes/Home.svelte b/Desktop/src/routes/Home.svelte index fe80ec32..521be157 100644 --- a/Desktop/src/routes/Home.svelte +++ b/Desktop/src/routes/Home.svelte @@ -14,7 +14,6 @@ onMount(async () => { HOST_IP = await window.electronAPI.getHostIp(); - console.log("HOST_IP:", HOST_IP); window.electronAPI.clearToken(); window.electronAPI.clearUid(); window.electronAPI.clearUname(); @@ -44,7 +43,6 @@ const googleLoginTest = async () => { try { const authUrl = await window.electronAPI.getAuthUrlTest(); - console.log("Auth URL:", authUrl); window.electronAPI.openExternal(authUrl); } catch (error) { console.error("Error getting auth URL:", error); @@ -52,7 +50,6 @@ }; const handleAuthSuccess = async (result) => { - console.log("Google Sign-In Result:", result); window.electronAPI.storeToken(result.tokens.access_token.substring(0, 40)); window.electronAPI.storeUid(result.user.id.substring(0, 10)); window.electronAPI.storeUname(result.user.name); @@ -66,8 +63,6 @@ }, ); if (userExists.data.exists) { - console.log("User already exists in database"); - console.log("Token:", window.electronAPI.getToken()); const storeTokenNow = await axios.post( "http://" + HOST_IP + ":8000/storeToken/", { @@ -79,7 +74,6 @@ window.electronAPI.storeTeamName(userExists.data.teamName); push("/gallery"); } else { - console.log("User does not exist in database"); window.electronAPI.storeTeamName("dev"); const createUser = await axios.post( @@ -94,7 +88,6 @@ uid: window.electronAPI.getUid(), }, ); - console.log("User created:", createUser); const storeTokenNow = await axios.post( "http://" + HOST_IP + ":8000/storeToken/", @@ -112,7 +105,6 @@ try { const result = await window.electronAPI.exchangeCode(authCode); if (result.success) { - console.log("Google Sign-In Result:", result); window.electronAPI.storeToken( result.tokens.access_token.substring(0, 40), ); @@ -128,8 +120,6 @@ }, ); if (userExists.data.exists) { - console.log("User already exists in database"); - console.log("Token:", window.electronAPI.getToken()); const storeTokenNow = await axios.post( "http://" + HOST_IP + ":8000/storeToken/", { @@ -141,7 +131,6 @@ window.electronAPI.storeTeamName(userExists.data.teamName); push("/gallery"); } else { - console.log("User does not exist in database"); window.electronAPI.storeTeamName("dev"); const createUser = await axios.post( @@ -156,7 +145,6 @@ uid: window.electronAPI.getUid(), }, ); - console.log("User created:", createUser); const storeTokenNow = await axios.post( "http://" + HOST_IP + ":8000/storeToken/", @@ -180,18 +168,11 @@ try { let url = "http://" + HOST_IP + ":8000/devLogin/"; const response = await axios.get(url, {}); - console.log("Developer Login Response:", response.data); window.electronAPI.storeToken(response.data.token); window.electronAPI.storeUid(response.data.uid); window.electronAPI.storeUname(response.data.uname); window.electronAPI.storeUemail(response.data.uemail); window.electronAPI.storeTeamName("dev"); - - console.log("Token:", window.electronAPI.getToken()); - console.log("UID:", window.electronAPI.getUid()); - console.log("UName:", window.electronAPI.getUname()); - console.log("UEmail:", window.electronAPI.getUemail()); - console.log("TeamName:", window.electronAPI.getTeamName()); } catch (error) { console.error("Failed to login as developer:", error); return; diff --git a/Desktop/src/routes/OTP.svelte b/Desktop/src/routes/OTP.svelte index 2aa43ef6..b0827f47 100644 --- a/Desktop/src/routes/OTP.svelte +++ b/Desktop/src/routes/OTP.svelte @@ -25,8 +25,6 @@ }, ); window.electronAPI.storeToken(response.data.token); - console.log("token: "); - console.log(window.electronAPI.getToken()); // Update Svelte store // token.set(response.data.token); // check if previous url was signup diff --git a/Desktop/src/routes/Svelvet.svelte b/Desktop/src/routes/Svelvet.svelte index 17031722..bf3ed17c 100644 --- a/Desktop/src/routes/Svelvet.svelte +++ b/Desktop/src/routes/Svelvet.svelte @@ -128,15 +128,12 @@ // Update connectors based on edges savedEdges.forEach((edge) => { - console.log(nodeMap); const sourceNodeId = edge.sourceNode.id.replace(/^N-/, ""); const targetNodeId = edge.targetNode.id.replace(/^N-/, ""); const sourceNode = nodeMap.get(sourceNodeId); if (sourceNode && !sourceNode.connectors.includes(targetNodeId)) { - // console.log(sourceNode.connectors); sourceNode.connectors.push(targetNodeId); - // console.log(sourceNode.connectors); } }); @@ -156,18 +153,14 @@ function SaveCanvas() { const currentNodes = get(nodes); const currentEdges = get(edges); - console.log("EDGES: ", currentEdges); const canvasState = { nodes: currentNodes, edges: currentEdges }; const jsonParse = JSON.stringify(canvasState); - console.log("NODES: ", JSON.parse(jsonParse).nodes); - canvas.set(jsonParse); savedCanvas = canvasState; savedCanvases = [...savedCanvases, canvasState]; - console.log("Canvas Saved", canvasState); toast.success("Successfully saved your pipe!", { duration: 5000, position: "top-center", @@ -207,9 +200,6 @@ // Update the edges store with merged edges edges.set(mergedEdges); - - console.log("Updated Nodes:", get(nodes)); - console.log("Updated Edges:", get(edges)); } else { // If no saved data is found, reset the canvas to the default state setCanvas(); @@ -315,7 +305,6 @@ async function encoder() { const pipe = generatePipeString($edges); - console.log("Generated Pipe:", pipe); const units = pipe.split(",").map((unit) => unit.replace(/^N-/, "")); @@ -353,7 +342,6 @@ const labeledPipeString = `inputUnit,${labeledUnits.join(",")},outputUnit`; - console.log("Labeled Pipe String:", labeledPipeString); // Convert to JSON string const jsonPayload = JSON.stringify({ pipe: labeledPipeString }); diff --git a/Desktop/src/routes/TeamNetwork.svelte b/Desktop/src/routes/TeamNetwork.svelte index 6b4c976c..d27429d2 100644 --- a/Desktop/src/routes/TeamNetwork.svelte +++ b/Desktop/src/routes/TeamNetwork.svelte @@ -31,7 +31,6 @@ }, ); teamName = response.data.teamName; - console.log(teamName); } catch (error) { console.error(error); } diff --git a/Desktop/src/routes/TeamView.svelte b/Desktop/src/routes/TeamView.svelte index 9de7acfb..a891e7c6 100644 --- a/Desktop/src/routes/TeamView.svelte +++ b/Desktop/src/routes/TeamView.svelte @@ -35,7 +35,6 @@ }, ); teamName = response.data.teamName; - console.log(teamName); } catch (error) { console.error(error); } @@ -68,9 +67,6 @@ // Assuming lastSignin is a Unix timestamp in seconds const lastSigninMs = lastSignin * 1000; - console.log("Last signin:", new Date(lastSigninMs)); - console.log("Five minutes ago:", new Date(fiveMinutesAgo)); - return lastSigninMs > fiveMinutesAgo; } diff --git a/Desktop/src/routes/Tests.svelte b/Desktop/src/routes/Tests.svelte index 0b0360b1..091e2b98 100644 --- a/Desktop/src/routes/Tests.svelte +++ b/Desktop/src/routes/Tests.svelte @@ -19,12 +19,10 @@ onMount(async () => { HOST_IP = await window.electronAPI.getHostIp(); - console.log(HOST_IP); // Request uptime uptime = await window.electronAPI.requestUptime(); uptime = uptime.uptime; - console.log(uptime); // Fetch test data loading = false; @@ -39,7 +37,6 @@ function SecurityTest() { runTest = "Test 2"; - console.log("Test 2"); loading = false; } diff --git a/Desktop/src/routes/Upload.svelte b/Desktop/src/routes/Upload.svelte index a134f42c..8ea108a7 100644 --- a/Desktop/src/routes/Upload.svelte +++ b/Desktop/src/routes/Upload.svelte @@ -52,7 +52,6 @@ }); return; } - console.log("TESTING SAVE before try block"); // isUploadLoading.set(true); isUploading = true; @@ -74,11 +73,8 @@ let command = "SEND"; try { let response = await window.electronAPI.openFTP(uid, token, size, filename, file.path, command); - console.log("Response: ", response); if (response.success) { - console.log("IP:", response.ip); - console.log("Port:", response.port); aip = response.ip; aport = response.port; // You can now use response.ip and response.port as needed @@ -89,17 +85,8 @@ console.error("Error calling openFTP:", error); } - console.log("AIP:", aip); - console.log("APORT:", aport); - console.log("UID:", uid); - console.log("SIZE:", size); - console.log("TOKEN:", token); - console.log("FILENAME:", filename); - console.log("FILE PATH:", file.path); - try{ let testVar = await window.electronAPI.uploadToAgent(aip, aport, file.path, uid, size, token, filename); - console.log("TESTVAR:", testVar); }catch(error){ console.error("BIG BAD ERROR OHHHH NO", error); } @@ -113,11 +100,9 @@ }; // Insert the record into the database const response1 = await window.electronAPI.insertData(record); - console.log("resp1", response1); // Select the record from the database const response2 = await window.electronAPI.selectData(filename); - console.log("resp2", response2); toast.success("Video uploaded successfully", { duration: 5000, @@ -129,19 +114,16 @@ await new Promise((resolve) => setTimeout(resolve, 5000)); - console.log("TESTING SAVE before IF"); if (response2.success) { const mid = response2.data.dataValues.mid; const uid = window.electronAPI.getUid(); const token = window.electronAPI.getToken(); - console.log($location); } else { console.error("Failed to retrieve the record:", response2.error); } - console.log("TESTING SAVE BEFORE PUSHING SUPPOSED TO HAPPEN"); // push("/gallery"); } catch (error) { diff --git a/Desktop/src/routes/drives/[videoUrl]/+page.svelte b/Desktop/src/routes/drives/[videoUrl]/+page.svelte index c5d4edc8..eb8fc752 100644 --- a/Desktop/src/routes/drives/[videoUrl]/+page.svelte +++ b/Desktop/src/routes/drives/[videoUrl]/+page.svelte @@ -78,12 +78,9 @@ onMount(async () => { videoPath = $location.replace("/drive/", ""); videoPath = decodeURIComponent(videoPath); - console.log(videoPath); drive.videourl = videoPath; - console.log(drive.videourl); videoElement.addEventListener("loadedmetadata", () => { drive.length = videoElement.duration; - console.log("Video Length: ", drive.length, "seconds"); }); try { @@ -91,9 +88,7 @@ await window.electronAPI.getDrivesDirectory(); driveData = await window.electronAPI.readDriveLog(driveDirectory); calculateStatistics(driveData); - console.log(driveData); driveData = driveData[0].data.slice(1); - console.log(driveData); timestamps = driveData.map((entry) => entry.timestamp); preprocessTimes = driveData.map((entry) => entry.preprocess_time); diff --git a/Desktop/src/routes/video/[videoUrl]/+page.svelte b/Desktop/src/routes/video/[videoUrl]/+page.svelte index f297aa44..fc1699b1 100644 --- a/Desktop/src/routes/video/[videoUrl]/+page.svelte +++ b/Desktop/src/routes/video/[videoUrl]/+page.svelte @@ -87,7 +87,6 @@ // Fetch the original video details from the database let originalVideo = await window.electronAPI.getVideoByURL(videoPath); - console.log("Original video:", originalVideo); // If the original video is not found, add it to the database if (!originalVideo) { @@ -98,7 +97,6 @@ originalVidID: 0, // Original videos have their originalVidID set to 0 or null }; originalVideo = await window.electronAPI.addVideo(newOriginalVideo); - console.log("Original video add:", originalVideo); } // Start with the original video @@ -126,7 +124,6 @@ }); }); - console.log("Output files:", outputFiles); } catch (error) { console.error("Error fetching output files:", error); } @@ -160,9 +157,6 @@ await fetchModels(); await getVideoDetails(); await loadState(); // Load state on mount - - console.log("Test Video URL page: ", get(videoUrl)); - console.log($location); lottieElement1.addEventListener("mouseenter", () => playLottie(dotLottieProcess), ); @@ -188,8 +182,6 @@ try { await getVideoDetails(); - console.log(isLoading, "isLoading"); - const videoDetails = { scriptPath, videoPath, @@ -212,8 +204,6 @@ await loadState(); // Load state after adding the video to the queue - console.log("Queued video for processing now:", videoDetails); - // Add processed video information to the database const originalVideo = await window.electronAPI.getVideoByURL(videoPath); if (originalVideo) { @@ -243,7 +233,6 @@ output = error.message; console.error("Error:", output); } - console.log("Processing video"); processed = true; } diff --git a/Desktop/src/stores/processing.js b/Desktop/src/stores/processing.js index b5e31e23..524a89e0 100644 --- a/Desktop/src/stores/processing.js +++ b/Desktop/src/stores/processing.js @@ -28,7 +28,6 @@ export async function loadState() { export async function saveState(state) { if (isStateLoaded) { // Only save if the state has been loaded await window.electronAPI.saveStoreProcess(state); - console.log("State saved:", state); // Debugging log } }