This is the default index page of your website.
+This file may be deleted or overwritten without any difficulty. This is produced by the file index.html in the web directory.
+For questions or problems please contact support.
++ + + + + \ No newline at end of file diff --git a/99_versionen/login_copy1.js b/99_versionen/login_copy1.js new file mode 100644 index 0000000..42aeceb --- /dev/null +++ b/99_versionen/login_copy1.js @@ -0,0 +1,47 @@ +console.log('Hello Login'); + +function login(){ + let email = document.querySelector("#email").value; + let passwort = document.querySelector("#passwort").value; + console.log('Hallo ' + email + passwort); + + + //FormData = Box für unsere Formulardaten + let formData = new FormData(); + formData.append('email', email); + formData.append('passwort', passwort); + + +//Adresse eingeben, wo das Packet hinsoll +fetch("https://450731-3.web.fhgr.ch/php/login.php", + { + body: formData, + //methode bestimmen, get auch möglich. So holen wir im php die Daten $_Post + method: "post", + }) + + //Warten auf Response=res + .then((res) => { + //wir wollen einen Text erhalten, andere Daten manchmal JSON + + return res.json(); + + }) + .then((data) => { + console.log(data);$ + document.querySelector('#nachricht').innerHTML = data[0]; + + //Platziere benutzerID an 1. Stelle und Token an 2. Stelle im localstorage + localStorage.setItem("benutzerID", data[1]); + localStorage.setItem("token", data[2]); + + //Wenn ID und Token nicht 0 ist, also der benutzer eingeloggt ist, öffne die neue Seite(Startseite) + if (data[1] != 0 && data[2] != 0){ + + window.location.href = "https://450731-3.web.fhgr.ch/"; + + + } + + }) + } diff --git a/99_versionen/login_copy1.php b/99_versionen/login_copy1.php new file mode 100644 index 0000000..8354e8d --- /dev/null +++ b/99_versionen/login_copy1.php @@ -0,0 +1,119 @@ +prepare($sql); + +$erfolg = $stmt->execute(); + +//Wenn Statement erfolgreich… +if ($erfolg) { + + //gehe in Datenbank und hole alle Resultate + $array = $stmt->fetchAll(); + + //Hier werden die Resultate gezählt, welche übereinstimmen. Das ist eine Php Funktion + $anzahlResultate = count($array); + + + if ($anzahlResultate == 1){ + + //Wenn Resultat == 1, nimm was in der Tabelle bei Passwort steht und gebe den Wert an die Variabel Passwort + $dbPasswort = $array[0]['passwort']; + //Das gleiche mit der ID + $benutzerID = $array[0]['ID']; + //diese Parameter geben wir der Funktion prüfe PAsswort weiter + pruefepasswort($passwort, $dbPasswort, $benutzerID); + + + } else { + //Fehlermeldung wenn Email nicht korrekt. ID und Token als 0, weil undefind = nicht eingeloggt. Wird im localstorage als 0/0 ausgegeben. + sendeAntwort('Diese E-Mail existiert nicht.', 0, 0); + + + + } + + +} + +function pruefepasswort($benutzerPasswort, $dbPasswort, $benutzerID){ + + //Püft, ob das Benutzer Passwort mit dem Datenbankpasswort überein stimmt. Prüfen öb beide den gleichen Hash zurück geben. + if (password_verify($benutzerPasswort, $dbPasswort)) { + + //erstelle einen Token, wenn Email und Passwort korrekt. BenutzerID schicken wir gleich weiter an die Funktion erstelleToken + erstelleToken($benutzerID); + + + + } else { + + sendeAntwort('Ungültiges Passwort', 0, 0); + + + } + +} + +//Eintrag in Sessiontabelle +function erstelleToken($benutzerID){ + + require('config.php'); + + //Rufe die Funktion generate… mit dem Parameter 42 auf, und speichere den Return in die Variable 'Token', dieser wird in die Tabelle eingefügt. + + $token = generateRandomString(42); + + //Infos werden in die Session Tabelle eingefügt. Passende Benutzer ID und Token Nummer, Timestamp erfolgt automatisch + $sql = "INSERT INTO Session (benutzer_ID, token) VALUES (:benutzer_ID, :token)"; + + /*pdo=Datenbankverbindung die wir im config definiert haben. bereite dich vor, dieses SQL Statement auszuführen*/ + $stmt = $pdo->prepare($sql); + + $erfolg = $stmt->execute(array('benutzer_ID' => $benutzerID, 'token' => $token)); + if ($erfolg) { + //wenn alles geklappt hat + // print_r('Session erfolgreich erstellt.'); + sendeAntwort('Session erfolgreich erstellt.', $benutzerID, $token); + + } else { + //Fehlermeldung, wenn nicht erfolgreich + print_r($erfolg); + + sendeAntwort('Datenbankfehlerw: ' . $erfolg, 0, 0); + + }; + + +} + + +//Funktion zum einem Random String erstellen +function generateRandomString($length) { + //alle Characters, aus den ein Hash generiert werden soll + $characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'; + $charactersLength = strlen($characters); + $randomString = ''; + for ($i = 0; $i < $length; $i++) { + $randomString .= $characters[rand(0, $charactersLength - 1)]; + } + //Return heisst es gibt was zurück, dort wo man es angefragt hat. + return $randomString; +} + +function sendeAntwort($nachricht, $benutzerID, $token){ + + $antwort = [$nachricht, $benutzerID, $token]; + + $antwort = json_encode($antwort); + + print($antwort); + +} diff --git a/99_versionen/registrieren_copy1.html b/99_versionen/registrieren_copy1.html new file mode 100644 index 0000000..cba44ff --- /dev/null +++ b/99_versionen/registrieren_copy1.html @@ -0,0 +1,37 @@ + + + + + + +
+ + + + + + + + + diff --git a/99_versionen/registrieren_copy1.js b/99_versionen/registrieren_copy1.js new file mode 100644 index 0000000..b399147 --- /dev/null +++ b/99_versionen/registrieren_copy1.js @@ -0,0 +1,58 @@ +console.log('hallo'); +function registrieren (){ + let benutzername = document.querySelector("#benutzername").value; + let handyNr = document.querySelector("#handyNr").value; + let email = document.querySelector("#email").value; + let passwort = document.querySelector("#passwort").value; + // console.log('Hallo ' + benutzername + email + passwort); + + + //FormData = Box für unsere Formulardaten + let formData = new FormData(); + formData.append('benutzername', benutzername); + formData.append('handyNr', handyNr); + formData.append('email', email); + formData.append('passwort', passwort); +//Adresse eingeben, wo das Packet hinsoll + fetch("https://450731-3.web.fhgr.ch/php/registrieren.php", + { + body: formData, + //methode bestimmen, get auch möglich. So holen wir im php die Daten $_Post + method: "post", + }) + + //Warten auf Response=res + .then((res) => { + //wir wollen einen Text erhalten, andere Daten manchmal JSON + return res.text(); + + + }) + .then((data) => { + // console.log(data); + document.querySelector('#nachricht').innerHTML = data; + + }) + } +/* + //Die Grundlage für einen Fetch. Fetch ist eine Funktion, die einen Request an einen Server sendet und das Ergebnis zurückgibt + //In der ersten Zeile wird der Link zur API definiert. Dieser kann immer angepasst werden. + let url = 'https://pokeapi.co/api/v2/pokemon?limit=151&offset=0'; + //Hier startet der Fetch mit der definierten URL. + fetch(url) + //Wenn der Fetch erfolgreich war, wird die Antwort in ein Objekt gespeichert. + .then(response => response.json()) + //Wenn das Objekt gespeichert wurde, wird es in eine Variable gespeichert. Diese Variable heisst "data". + .then(data => { + //Hier kann man mit der Variable arbeiten. Entweder das DOM mit Informationen erweitern, oder eine neue Funktion aufrufen. + //Mit "Console.log(data);" sieht man den Inhalt des Objekts. + console.log(data); + //Ab hier kann man entweder mit der Variable data arbeiten, oder eine funktion aufrufen mit data als Parameter. + + //Beispiel eines Funktionsaufrufs + //"showSomething(data);" + + }) + //Bei einem Fehler wird dieser gefangen "catch" und eine Fehlermeldung in der Konsole ausgegeben. + .catch(error => console.log(error)) + */ \ No newline at end of file diff --git a/99_versionen/registrieren_copy1.php b/99_versionen/registrieren_copy1.php new file mode 100644 index 0000000..5a7aedd --- /dev/null +++ b/99_versionen/registrieren_copy1.php @@ -0,0 +1,38 @@ +prepare($sql); +/*definiert nochmals, was wir ausführen möchten, mit welchen Namen, also Variabel Email greiffen wir auf Email zu, +Platzhalter ohne Dollarzeichen, Wir definieren Variabeln und nutzen sie im execute +Wenn alles geklappt hat, wir erfolg = 1 = true */ +$erfolg = $stmt->execute(array('Name' => $benutzername, 'HandyNr' => $handyNr, 'Email' => $email, 'Passwort' => $passwort)); +//Könnte auch schreiben if erfolg==1 +if ($erfolg) { + + print_r('Registrierung erfolgreich.'); + +} else { +//Fehlermeldung, wenn nicht erfolgreich + print_r($erfolg); +}; \ No newline at end of file diff --git a/99_versionen/script_copy1.js b/99_versionen/script_copy1.js new file mode 100644 index 0000000..bfae2d3 --- /dev/null +++ b/99_versionen/script_copy1.js @@ -0,0 +1,102 @@ +holeBenutzer(); +//holeWGs(); + +function holeBenutzer() { + //Benutzer ID und Token werden aus dem localstorage geholt. + let benutzerID = localStorage.getItem('benutzerID'); + let token = localStorage.getItem('token'); + + //BenutzerID wird in die Form gefügt + let formData = new FormData(); + formData.append('benutzerID', benutzerID); + + //fetchen php file + fetch("https://450731-3.web.fhgr.ch/php/holeBenutzer.php", + { + body: formData, + method: "post", + headers: { + //Verschlüsset Id und Token + 'Authorization': 'Basic ' + btoa(benutzerID + ':' + token), + + } + }) + + .then((res) => { + + // falls die Sitzung nicht abgelaufen ist, verarbeite die JSON antwort, Fehlermeldung abgeklärt. zb 404 Error. 200 OK + if (res.status >= 200 && res.status < 300) { + + return res.json(); + + } else { + //Rückleitung zu login.html + alert('Deine Sitzung ist abgelaufen. Du wirst auf die Login-Seite weitergeleitet.'); + window.location = "/login.html" + + } + + }) + .then((data) => { + // console.log(data); + + + // // mache etwas + + // console.log(data[0].name); + + document.querySelector('#benutzername').innerHTML = data[0].name; + + + + }) +} + +/*function holeWGs(){ + + + let benutzerID = localStorage.getItem('benutzerID'); + let token = localStorage.getItem('token'); + + let formData = new FormData(); + formData.append('benutzerID', benutzerID); + + fetch("https://450731-3.web.fhgr.ch/php/holeWGs.php", + { + body: formData, + method: "post", + headers: { + + 'Authorization': 'Basic ' + btoa(benutzerID + ':' + token), + + } + }) + + .then((res) => { + + // falls die Sitzung nicht abgelaufen ist, verarbeite die JSON antwort + if (res.status >= 200 && res.status < 300) { + + return res.json(); + + } else { + + alert('Deine Sitzung ist abgelaufen. Du wirst auf die Login-Seite weitergeleitet.'); + window.location = "/login.html" + + } + + }) + .then((data) => { + + // mache etwas + console.log(data); + + //WGsAnzeigen(data); + + // console.log(data[0].name); + + + }) + + }*/ diff --git a/99_versionen/upload_wip1.css b/99_versionen/upload_wip1.css new file mode 100644 index 0000000..11b1f88 --- /dev/null +++ b/99_versionen/upload_wip1.css @@ -0,0 +1,47 @@ +.ablageBereich { + max-width: 200px; + height: 200px; + padding: 25px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + font-family: "Quicksand", sans-serif; + font-weight: 500; + font-size: 20px; + cursor: pointer; + color: #cccccc; + border: 4px dashed #009578; + border-radius: 10px; +} + +.ablageBereich--over { + border-style: solid; +} + +#ablageBereich_input { + display: none; +} + +.ablageBereich_vorschau { + width: 100%; + height: 100%; + border-radius: 10px; + overflow: hidden; + background-color: #cccccc; + background-size: cover; + position: relative; +} + +.ablageBereich_vorschau::after { + content: attr(data-label); + position: absolute; + bottom: 0; + left: 0; + width: 100%; + padding: 5px 0; + color: #ffffff; + background: rgba(0, 0, 0, 0.75); + font-size: 14px; + text-align: center; +} \ No newline at end of file diff --git a/99_versionen/upload_wip1.html b/99_versionen/upload_wip1.html new file mode 100644 index 0000000..5e240c7 --- /dev/null +++ b/99_versionen/upload_wip1.html @@ -0,0 +1,85 @@ + + + + + + +
+ + +
+ + +
+ + + + + + + + + + \ No newline at end of file diff --git a/registrieren.html b/registrieren.html new file mode 100644 index 0000000..0106137 --- /dev/null +++ b/registrieren.html @@ -0,0 +1,42 @@ + + + + + + +
+ + +
This file may be deleted or overwritten without any difficulty. This is produced by the file index.html in the web directory.
+For questions or problems please contact support.
+