scenario image and spy mode

Author: zahidayturan

rsa-backend/src/main/java/com/example/rsa/service/FileService.java

@@ -1,6 +1,7 @@
 package com.example.rsa.service;
 
 import com.example.rsa.model.RsaFile;
+import com.example.rsa.model.User;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 import org.springframework.web.bind.annotation.PathVariable;
@@ -95,18 +96,27 @@ public byte[] getFile(String fileName, Integer userId) throws IOException {
  return fileEncryptionService.decryptFileByName(fileName);
  } else {
  RsaFile file = findFileByName(fileName);
- if (file != null) {
- if (file.getOwnerId().equals(userId) || file.getRecipientId().equals(userId)) {
- return fileEncryptionService.decryptFileByName(fileName); // User authorized - return decrypted
+ if (file == null) {
+ throw new FileNotFoundException("File not found");
+ }
+ User user = userService.getUserById(userId);
+ if (user != null) {
+ if (user.getPublicKey()) {
+ if (file.getOwnerId().equals(userId) || file.getRecipientId().equals(userId)) {
+ return fileEncryptionService.decryptFileByName(fileName); // User authorized - return decrypted
+ } else {
+ return fileEncryptionService.fileByName(fileName); // User not authorized - return encrypted
+ }
  } else {
  return fileEncryptionService.fileByName(fileName); // User not authorized - return encrypted
  }
  } else {
- throw new FileNotFoundException("File not found");
+ throw new IllegalArgumentException("Invalid user ID");
  }
  }
  }
 
+
  private RsaFile findFileByName(String fileName) {
  for (RsaFile file : files) {
  if (file.getName().equals(fileName)) {

rsa-frontend/public/icon/hacker.png

@@ -11,8 +11,10 @@ const UserContainer = ({ userId }) => {
  const [user, setUser] = useState(null);
  const [isReadModalOpen, setIsReadModalOpen] = useState(false);
  const [isReceiveModalOpen, setIsReceiveModalOpen] = useState(false);
+ const [isSpyModalOpen, setIsSpyModalOpen] = useState(false);
  const [readFileList, setReadFileList] = useState([]);
  const [receiveFileList, setReceiveFileList] = useState([]);
+ const [spyFileList, setSpyFileList] = useState([]);
  const [recipientId, setRecipientId] = useState(null);
  const [isUserSelectModalOpen, setIsUserSelectModalOpen] = useState(false);
 
@@ -69,6 +71,17 @@ const UserContainer = ({ userId }) => {
  setLoading(false);
  };
 
+ const fetchSpyFiles = async () => {
+ setLoading(true);
+ try {
+ const response = await axios.get(`${Endpoints.FILE}/all`);
+ setSpyFileList(response.data);
+ } catch (error) {
+ console.error("Dosyalar alınırken hata oluştu:", error);
+ }
+ setLoading(false);
+ };
+
  const openReadModal = () => {
  setIsReadModalOpen(true);
  fetchReadFiles();
@@ -88,11 +101,21 @@ const UserContainer = ({ userId }) => {
  };
 
  const openUserSelectModal = () => setIsUserSelectModalOpen(true);
+
  const closeUserSelectModal = () => {
  setIsUserSelectModalOpen(false);
  setRecipientId(null);
  };
 
+ const openSpyModal = () => {
+ setIsSpyModalOpen(true);
+ fetchSpyFiles();
+ };
+
+ const closeSpyModal = () => {
+ setIsSpyModalOpen(false);
+ };
+
 
  const handleFileChange = (event, userId, recipientId) => {
  setLoading(true);
@@ -178,8 +201,47 @@ const UserContainer = ({ userId }) => {
  {loading && <div className={"loading-overlay"}><div className={"main-spinner"}></div></div>}
  {(user != null && (
  <div className={"user-container"}>
- <p className={"font-bold"} style={{ color: "var(--orange-color-1)" }}>{user.name}</p>
+ <div className={"custom-row"} style={{justifyContent:"space-between"}}>
+ <p className={"font-bold"} style={{ color: "var(--orange-color-1)" }}>{user.name}</p>
+ {(userId === 3 && user.fileRead && user.fileReceive) && <p><div
+ className={"icon-box"}
+ style={{ backgroundColor: "var(--red-color-1)", cursor: "pointer" }}
+ onClick={openSpyModal}
+ >
+ <img src="/icon/hacker.png" alt="Open Spy Menu" className={"mini-icon"} />
+ </div></p>}
+ {isSpyModalOpen && (
+ <Modal isOpen={isSpyModalOpen} onRequestClose={closeSpyModal} contentLabel="Casus Menüsü">
+ <div className={"custom-row"} style={{justifyContent:"space-between"}}>
+ <h2>{`Bütün Dosyalar`}</h2>
+ <p onClick={closeSpyModal} style={{cursor:"pointer"}}>Kapat</p>
+ </div>
+ <p style={{marginTop:8,marginBottom:16}}>{spyFileList.length} adet dosya listelendi</p>
+ {loading ? (<p>Yükleniyor...</p>) : (
+ spyFileList.map((file) => (
+ <div key={file.id} style={{backgroundColor:"var(--secondary-color-1)",padding:8,borderRadius:8,marginBottom:8}}>
+ <div className={"custom-row"} style={{justifyContent:"space-between",alignItems:"center"}}>
+ <div>
+ <p>{file.originalName}</p>
+ <p className={"x-small-text"}>{file.size} bayt</p>
+ <p className={"x-small-text"}>{file.ownerId === 1 ? "Bu dosyayı Alice yükledi" : file.ownerId === 2 ? "Bu dosyayı Bob yükledi" : "Bu dosyayı Charlie yükledi"}</p>
+ <p className={"x-small-text"}>{file.recipientId === 1 ? "Bu dosya Alice için yüklendi" : file.recipientId === 2 ? "Bu dosya Bob için yüklendi" : "Bu dosya Charlie için yüklendi"}</p>
+ </div>
+ <div
+ className={"icon-box"}
+ style={{ backgroundColor: "var(--green-color-1)", cursor: "pointer" }}
+ onClick={() => openFile(file.name,userId)}
+ >
+ <img src="/icon/file.png" alt="Open File" className={"mini-icon"} />
+ </div>
+ </div>
 
+ </div>
+ ))
+ )}
+ </Modal>
+ )}
+ </div>
  <div className={"custom-row"} style={{gap:0}}>
  <Switch
  isOn={user.publicKey}

rsa-frontend/public/svg/scenario-1.svg

@@ -1,9 +1,9 @@
 import React, { useState } from 'react';
 
 const scenarios = [
- { id: 1, text: 'Bu senaryoda tek kullanıcı vardır. Kullanıcı elinde bulunan açık anahtar ile sisteme bir dosya yükler bu dosya şifrelenerek kayıt edilir. Daha sonrasında kullanıcı dosyasına erişmek istediğinde dosyanın şifresi çözülerek kullanıcya iletilir.' },
- { id: 2, text: 'Bu senaryoda iki kullanıcı vardır. İlk kullanıcı ikinci kullanıcıya bir dosya gönderir bu dosya şifreli olarak gider, ikinci kullanıcı ise bu şifreli dosyayı şifresi çözülmüş şekilde alır.' },
- { id: 3, text: 'Bu senaryoda üç kullanıcı vardır. Üçüncü kullanıcı hiçbir anahtarı olmadan diğer kullanıcıların dosyalarına erişmek isteyecektir. Aynı zamanda senaryo 1 ve senaryo 2 içerisinde yapılan işlemlere izinsiz erişim sağlayacaktır. Burada şifrelenmiş dosyalarla karşılaşması beklenmektedir.' },
+ { id: 1, text: 'Bu senaryoda tek kullanıcı vardır. Kullanıcı elinde bulunan açık anahtar ile sisteme bir dosya yükler bu dosya şifrelenerek kayıt edilir. Daha sonrasında kullanıcı dosyasına erişmek istediğinde dosyanın şifresi çözülerek kullanıcya iletilir.',path:"/svg/scenario-1.svg" },
+ { id: 2, text: 'Bu senaryoda iki kullanıcı vardır. İlk kullanıcı ikinci kullanıcıya bir dosya gönderir bu dosya şifreli olarak gider, ikinci kullanıcı ise bu şifreli dosyayı şifresi çözülmüş şekilde alır.',path:"/svg/scenario-2.svg" },
+ { id: 3, text: 'Bu senaryoda üç kullanıcı vardır. Üçüncü kullanıcı hiçbir anahtarı olmadan diğer kullanıcıların dosyalarına erişmek isteyecektir. Aynı zamanda senaryo 1 ve senaryo 2 içerisinde yapılan işlemlere izinsiz erişim sağlayacaktır. Burada şifrelenmiş dosyalarla karşılaşması beklenmektedir.',path:"/svg/scenario-3.svg" },
 ];
 
 const Scenarios = () => {
@@ -25,6 +25,7 @@ const Scenarios = () => {
  {activeScenario ? (
  <div>
  <p>{scenarios.find(scenario => scenario.id === activeScenario)?.text}</p>
+ <img src={scenarios.find(scenario => scenario.id === activeScenario)?.path} alt="" width="60%" style={{marginTop:8}}/>
  </div>
 
  ) : (