Steven/SignatureCardFrontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

EOD

Browse Source
This commit is contained in:
Steven Tracey 2023-05-12 16:15:10 -04:00
parent ac2748cabf
commit b9a7e7a2dd
2 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -35,6 +35,11 @@
<div class="connected nav-align circle" id="statusCircle">&nbsp;</div> <div class="connected nav-align circle" id="statusCircle">&nbsp;</div>
<button class="btn btn-primary nav-align" id="checkBackendButton">Reload</button> <button class="btn btn-primary nav-align" id="checkBackendButton">Reload</button>
</div> </div>
<div class="nav-container">
<label class="nav-align" for="existingFile">Edit Existing VCard</label>
<input type="file" accept="image/png" class="nav-align" id="existingFile" name="existingFile">
<button class="btn btn-primary nav-align" id="getFileDataBtn">Edit</button>
</div>
</nav> </nav>
<main class="page contact-page"> <main class="page contact-page">
@ -97,6 +102,7 @@
document.getElementById("changeBackendButton").addEventListener("click", saveBackendUrl, false); document.getElementById("changeBackendButton").addEventListener("click", saveBackendUrl, false);
document.getElementById("checkBackendButton").addEventListener("click", checkBackend, false); document.getElementById("checkBackendButton").addEventListener("click", checkBackend, false);
document.getElementById("getFileDataBtn").addEventListener("click", loadFromExistingCard, false);
document.getElementById("formSubmit").addEventListener("click", submitForm, false); document.getElementById("formSubmit").addEventListener("click", submitForm, false);
</script> </script>
</body> </body>

20
script.js
View File

@ -31,7 +31,7 @@ function submitForm() {
console.log(body); console.log(body);
fetchWithTimeout(backendUrl, { fetchWithTimeout(backendUrl + "/backend/generate", {
timeout: 5000, timeout: 5000,
method: 'POST', method: 'POST',
mode: 'cors', mode: 'cors',
@ -45,11 +45,25 @@ function submitForm() {
}); });
} }
function loadFromExistingCard() {
fetchWithTimeout(backendUrl + "/backend/edit", {
timeout: 5000,
method: 'POST',
mode: 'cors',
Headers: {
'Accept': 'application/json',
'Content-Type': 'image/png'
},
body: document.getElementById("existingFile").files[0]
}).then(response => response.json(res => {
}))
}
function getLocations() { function getLocations() {
let locationsList = document.getElementById("location"); let locationsList = document.getElementById("location");
fetchWithTimeout(backendUrl + "/data/locations", { fetchWithTimeout(backendUrl + "/backend/data/locations", {
timeout: 5000, timeout: 5000,
method: 'GET', method: 'GET',
mode: 'cors', mode: 'cors',
@ -72,7 +86,7 @@ async function checkBackend() {
const previousState = statusCircle.classList.contains("connected") ? "connected" : "disconnected"; const previousState = statusCircle.classList.contains("connected") ? "connected" : "disconnected";
statusCircle.classList.replace(previousState, "loading"); statusCircle.classList.replace(previousState, "loading");
try { try {
const response = await fetchWithTimeout(backendUrl + "/heartbeat", { const response = await fetchWithTimeout(backendUrl + "/backend/heartbeat", {
timeout: 5000, timeout: 5000,
method: 'GET', method: 'GET',
mode: 'cors', mode: 'cors',