layout title permalink base Register /Register/ <title>Signup</title> <style> body { background-color: #FAE5DE; } h1 { text-align: center; color: #945C5D; } .conta { background-color: #D69092; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } form { display: flex; flex-direction: column; align-items: center; } label { color: #945C5D; margin-bottom: 8px; } input { padding: 8px; margin-bottom: 16px; border: 1px solid #ccc; border-radius: 4px; } input[type="submit"] { cursor: pointer; transition: background-color 0.3s ease; } #userDisplayName { text-align: center; margin-top: 20px; color: #; } #updateButton { display: none; background-color: #2ECC71; color: #fff; padding: 8px; border: none; border-radius: 4px; cursor: pointer; margin-top: 10px; } #updateButton:hover { background-color: #27AE60; } </style> <script> //import { uri, options } from '{{site.baseurl}}/assets/js/api/config.js'; function signUp_user() { const enteredName = document.getElementById("name").value; const enteredUid = document.getElementById("uid").value; const enteredPassword = document.getElementById("password").value; const enteredDOB = document.getElementById("dob").value; const enteredGrade = document.getElementById("grade").value; console.log("Name = " + enteredName) console.log("Uid = " + enteredUid) console.log("Password = " + enteredPassword) console.log("dob = " + enteredDOB) console.log("Grade = " + enteredGrade) const signupHeaders = new Headers(); signupHeaders.set('111', '222'); signupHeaders.set("Accept", "*/*"); signupHeaders.set("Accept-Language", "en-US,en;q=0.9"); signupHeaders.set("Content-Type", "application/json"); signUp_api(enteredName, enteredUid, enteredPassword, enteredDOB) } function signUp_api(name, uid, pw, dob){ let signupHeaders = new Headers(); signupHeaders.append('111', '222'); signupHeaders.append("Accept", "*/*"); signupHeaders.append("Accept-Language", "en-US,en;q=0.9"); signupHeaders.append("Content-Type", "application/json"); var raw = JSON.stringify({ "name" : name, "uid": uid, "password": pw, "dob": dob, "grade": grade, }); var requestOptions = { method: 'POST', headers: signupHeaders, body: raw, redirect: 'follow' }; fetch("http://localhost:8086/api/users/", requestOptions) .then(response => { if (response.ok) { console.log("Successfully Signed Up"); alert("Account has been created. You will be directed to login page shortly."); window.location.href = "https://isabellehp.github.io/tri2/login/" } else { console.error("Sign Up Failed"); // You can handle failed login attempts here const errorMessageDiv = document.getElementById('errorMessage'); errorMessageDiv.innerHTML = 'User Sign Up Failed'; } }) .then(result => { console.log(result); }) .catch(error => console.log('error', error)); //return response } </script> <title>Login Page</title> Sign-Up First Name: User ID: Password: Date Of Birth: Grade: 9 10 11 12 Submit <script src="{{site.baseurl}}/assets/js/three.r134.min.js"></script> <script src="{{site.baseurl}}/assets/js/vanta.clouds.min.js"></script> <script> VANTA.CLOUDS ({ el: "#animation", mouseControls: true, touchControls: true, gyroControls: false, skyColor: 0xf9d1d1, cloudColor: 0xbba2a8, cloudShadowColor: 0x905167, sunColor: 0x845d66, sunGlareColor: 0x5e2610, speed: 0.80 }) function saveEntry() { const entry = document.getElementById('journal-entry').value.trim(); if (entry !== '') { fetch('/save_entry', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ entry: entry }), }) .then(response => { if (response.ok) { // Alert the user and clear the textarea alert('Entry saved successfully!'); document.getElementById('journal-entry').value = ''; return response.json(); } else { throw new Error('Failed to save entry'); } }) .catch(error => { console.error('Error:', error); alert('Failed to save entry'); }); } else { alert('Please write something before saving!'); } } </script>