diff --git a/source/AssignmentTutor.html b/source/AssignmentTutor.html
index 4cd51ed9897aa8cbcec0a65c8b30dd97d2829122..725924c84f40cea1ee7d0e5000d074252fe15e8a 100644
--- a/source/AssignmentTutor.html
+++ b/source/AssignmentTutor.html
@@ -134,40 +134,6 @@
font-size: 18px;
}
</style>
- <script>
- function sendMessage() {
- const userInput = document.getElementById("userInput").value;
- if (userInput.trim() !== "") {
- const messageContainer =
- document.getElementById("messageContainer");
-
- // Benutzer-Nachricht hinzufügen
- const userMessage = document.createElement("div");
- userMessage.classList.add("user-message");
- userMessage.textContent = userInput;
- messageContainer.appendChild(userMessage);
-
- // Hier könnte man Logik für eine automatische Antwort hinzufügen
- const answer = "Warten auf Antwort der Gruppe";
- const botMessage = document.createElement("div");
- botMessage.classList.add("bot-message");
- botMessage.textContent = "Tutor Bot: " + answer; // Beispielantwort
- messageContainer.appendChild(botMessage);
-
- // Eingabefeld zurücksetzen
- document.getElementById("userInput").value = "";
-
- // Scrollen, um die neueste Nachricht anzuzeigen
- messageContainer.scrollTop = messageContainer.scrollHeight;
- }
- }
-
- function checkEnter(event) {
- if (event.key === "Enter") {
- sendMessage();
- }
- }
- </script>
</head>
<body>
<nav class="navbar">
@@ -181,8 +147,9 @@
</nav>
<main class="main-content">
<div class="left-column">
- <button class="box">Download Work</button>
- <button class="box">Upload Grade</button>
+ <button class="box" id="downloadButton">Download Work</button>
+ <button class="box" id="uploadButton">Upload Grade</button>
+ <input type="file" id="fileInput" style="display: none" />
<div class="box">
Points:
<div class="boxinput">
@@ -219,6 +186,88 @@
</div>
</div>
</div>
+ <script>
+ // Datei-Auswahl
+ const uploadButton = document.getElementById("uploadButton");
+ const fileInput = document.getElementById("fileInput");
+
+ uploadButton.addEventListener("click", () => {
+ fileInput.click(); // Öffnet das Dateiauswahlfenster
+ });
+
+ fileInput.addEventListener("change", (event) => {
+ const files = event.target.files; // Ausgewählte Dateien
+ if (files.length > 0) {
+ alert(
+ `Du hast folgende Datei ausgewählt: ${files[0].name}`,
+ );
+ }
+ });
+
+ // Download-Funktion
+ const downloadButton =
+ document.getElementById("downloadButton");
+
+ downloadButton.addEventListener("click", () => {
+ const fileName = "abgabe.txt"; // Name der herunterzuladenden Datei
+ const fileContent = "Tolle Abgabe super schwer."; // Inhalt der Datei
+
+ // Erstelle einen Blob aus dem Inhalt
+ const blob = new Blob([fileContent], {
+ type: "text/plain",
+ });
+
+ // Erstelle eine URL für den Blob
+ const url = URL.createObjectURL(blob);
+
+ // Erstelle ein unsichtbares <a>-Element
+ const a = document.createElement("a");
+ a.href = url;
+ a.download = fileName; // Dateiname für den Download
+
+ // Klicke auf den Link, um den Download zu starten
+ a.click();
+
+ // Speicher freigeben
+ URL.revokeObjectURL(url);
+ });
+
+ // Nachrichten-Senden
+ function sendMessage() {
+ const userInput =
+ document.getElementById("userInput").value;
+ if (userInput.trim() !== "") {
+ const messageContainer =
+ document.getElementById("messageContainer");
+
+ // Benutzer-Nachricht hinzufügen
+ const userMessage = document.createElement("div");
+ userMessage.classList.add("user-message");
+ userMessage.textContent = userInput;
+ messageContainer.appendChild(userMessage);
+
+ // Automatische Antwort hinzufügen
+ const answer = "Der Tutor wird bald antworten.";
+ const botMessage = document.createElement("div");
+ botMessage.classList.add("bot-message");
+ botMessage.textContent = "Assignment Bot: " + answer;
+ messageContainer.appendChild(botMessage);
+
+ // Eingabefeld zurücksetzen
+ document.getElementById("userInput").value = "";
+
+ // Scrollen, um die neueste Nachricht anzuzeigen
+ messageContainer.scrollTop =
+ messageContainer.scrollHeight;
+ }
+ }
+
+ function checkEnter(event) {
+ if (event.key === "Enter") {
+ sendMessage();
+ }
+ }
+ </script>
</main>
</body>
</html>
diff --git a/source/Course.html b/source/Course.html
index f1517f16e836a7f25b04db2a3f21c2212eb9065e..adec6202b5086f9f197918d2ead1a95ea313ef4f 100644
--- a/source/Course.html
+++ b/source/Course.html
@@ -134,40 +134,6 @@
font-size: 18px;
}
</style>
- <script>
- function sendMessage() {
- const userInput = document.getElementById("userInput").value;
- if (userInput.trim() !== "") {
- const messageContainer =
- document.getElementById("messageContainer");
-
- // Benutzer-Nachricht hinzufügen
- const userMessage = document.createElement("div");
- userMessage.classList.add("user-message");
- userMessage.textContent = userInput;
- messageContainer.appendChild(userMessage);
-
- // Hier könnte man Logik für eine automatische Antwort hinzufügen
- const answer = "Der Tutor wird bald Antworten";
- const botMessage = document.createElement("div");
- botMessage.classList.add("bot-message");
- botMessage.textContent = "Assignment Bot: " + answer; // Beispielantwort
- messageContainer.appendChild(botMessage);
-
- // Eingabefeld zurücksetzen
- document.getElementById("userInput").value = "";
-
- // Scrollen, um die neueste Nachricht anzuzeigen
- messageContainer.scrollTop = messageContainer.scrollHeight;
- }
- }
-
- function checkEnter(event) {
- if (event.key === "Enter") {
- sendMessage();
- }
- }
- </script>
</head>
<body>
<nav class="navbar">
@@ -181,8 +147,11 @@
</nav>
<main class="main-content">
<div class="left-column">
- <button class="box">Download Assignment</button>
- <button class="box">Upload Assignment</button>
+ <button class="box" id="downloadButton">
+ Download Assignment
+ </button>
+ <button class="box" id="uploadButton">Upload Assignment</button>
+ <input type="file" id="fileInput" style="display: none" />
<button class="box">Submit</button>
</div>
@@ -209,5 +178,82 @@
</div>
</div>
</main>
+ <script>
+ // Datei-Auswahl
+ const uploadButton = document.getElementById("uploadButton");
+ const fileInput = document.getElementById("fileInput");
+
+ uploadButton.addEventListener("click", () => {
+ fileInput.click(); // Öffnet das Dateiauswahlfenster
+ });
+
+ fileInput.addEventListener("change", (event) => {
+ const files = event.target.files; // Ausgewählte Dateien
+ if (files.length > 0) {
+ alert(
+ `Du hast folgende Datei ausgewählt: ${files[0].name}`,
+ );
+ }
+ });
+
+ // Download-Funktion
+ const downloadButton = document.getElementById("downloadButton");
+
+ downloadButton.addEventListener("click", () => {
+ const fileName = "assignment.txt"; // Name der herunterzuladenden Datei
+ const fileContent = "Hier ist der Inhalt des Assignments."; // Inhalt der Datei
+
+ // Erstelle einen Blob aus dem Inhalt
+ const blob = new Blob([fileContent], { type: "text/plain" });
+
+ // Erstelle eine URL für den Blob
+ const url = URL.createObjectURL(blob);
+
+ // Erstelle ein unsichtbares <a>-Element
+ const a = document.createElement("a");
+ a.href = url;
+ a.download = fileName; // Dateiname für den Download
+
+ // Klicke auf den Link, um den Download zu starten
+ a.click();
+
+ // Speicher freigeben
+ URL.revokeObjectURL(url);
+ });
+
+ // Nachrichten-Senden
+ function sendMessage() {
+ const userInput = document.getElementById("userInput").value;
+ if (userInput.trim() !== "") {
+ const messageContainer =
+ document.getElementById("messageContainer");
+
+ // Benutzer-Nachricht hinzufügen
+ const userMessage = document.createElement("div");
+ userMessage.classList.add("user-message");
+ userMessage.textContent = userInput;
+ messageContainer.appendChild(userMessage);
+
+ // Automatische Antwort hinzufügen
+ const answer = "Der Tutor wird bald antworten.";
+ const botMessage = document.createElement("div");
+ botMessage.classList.add("bot-message");
+ botMessage.textContent = "Assignment Bot: " + answer;
+ messageContainer.appendChild(botMessage);
+
+ // Eingabefeld zurücksetzen
+ document.getElementById("userInput").value = "";
+
+ // Scrollen, um die neueste Nachricht anzuzeigen
+ messageContainer.scrollTop = messageContainer.scrollHeight;
+ }
+ }
+
+ function checkEnter(event) {
+ if (event.key === "Enter") {
+ sendMessage();
+ }
+ }
+ </script>
</body>
</html>