146 lines (110 loc) · 4.06 KB

<style> .tablelines table, .tablelines td, .tablelines th { border: 1px solid white; } </style>

Enter a note:

Add Note

<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2Fnote.js"></script>

Notes for a person

Person Name	Note

<script> //get user info based on cookie //var usrSettingsUrl = "http://localhost:8085/api/person/findEmail"; var usrSettingsUrl = "https://crimebusters.tk/api/person/findEmail"; // var usrSettingsUrl = "https://crimebusters.tk/api/notes/findEmail"; var usrSettingsOptions = { method: 'GET', mode: 'cors', cache: 'default', credentials: 'include', headers: { 'Content-Type': 'application/json', }, }; fetch(usrSettingsUrl, usrSettingsOptions) .then(response => { //error message if (response.status !== 200) { const errorMsg = 'Database response error: ' + response.status; console.log(errorMsg); //HTML error output return; } //show user info if success response.json().then(data => { console.log("DATA: " + JSON.stringify(data)); var id = data.id; var getNoteURL = "https://crimebusters.tk/api/notes/getNote/" + data.email; /* //get note for the person var usrSettingsUrl = "https://crimebusters.tk/api/notes/getNote"; var getNoteURL = "http://localhost:8085/api/person/getnote"; // var getNoteURL = "https://crimebusters.tk/api/person/getnote"; */ var getNoteOptions = { method: 'GET', mode: 'cors', cache: 'default', credentials: 'include', headers: { 'Content-Type': 'application/json', }, }; fetch(getNoteURL, getNoteOptions) .then(response => { //error if (!response.ok) { const errorMsg = 'Login error: ' + response.status; console.log(errorMsg); return; } response.json().then(data => { console.log("out row"); console.log(data); // for (const row of data) { console.log("in row"); console.log(data); // if (id == row.userId) { // make "tr element" for each "row of data" const tr = document.createElement("tr"); // td for joke cell const personName = document.createElement("td"); personName.innerHTML = data.email; // add fetched data to innerHTML // td for joke cell const noteText = document.createElement("td"); noteText.innerHTML = data.text; // add fetched data to innerHTML // this builds ALL td's (cells) into tr (row) element tr.appendChild(personName); //tr.appendChild(plaintext); tr.appendChild(noteText); // this adds all the tr (row) work above to the HTML "result" container document.getElementById("noteTable").appendChild(tr); //} // } }) }) }) }); </script>