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

Works! (I think :P)

Browse Source
This commit is contained in:
Steven Tracey 2023-05-10 14:19:01 -04:00
parent 61a69f7351
commit ac2748cabf
2 changed files with 32 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
index.html
View File

@ -77,6 +77,13 @@
<label for="cellNumber">Cell Number</label> <label for="cellNumber">Cell Number</label>
<input type="tel" class="form-control" id="cellNumber" name="cellNumber" maxlength="15" required=""> <input type="tel" class="form-control" id="cellNumber" name="cellNumber" maxlength="15" required="">
</div> </div>
<div class="form-group">
<input type="radio" id="o365" name="outlookVer" value="1">
<label id="o365Label" for="o365">MS Office 365</label>
<br>
<input type="radio" id="o2016" name="outlookVer" value="0">
<label id="o2016Label" for="o2016">MS Office 2016</label>
</div>
<button class="btn btn-primary" id="formSubmit">Generate VCard</button> <button class="btn btn-primary" id="formSubmit">Generate VCard</button>
</div> </div>
</div> </div>

35
script.js
View File

@ -12,36 +12,36 @@ function handleCheckbox() {
} }
} }
let backendUrl = "http://127.0.0.1:8090" let backendUrl = "http://127.0.0.1:8090"
let locations = JSON.parse("{}"); let locations = JSON.parse("{}");
function submitForm() { function submitForm() {
let body = JSON.stringify( let body =
"{" + "{" +
"\"name\":\"" + document.getElementById("full_name").value + "\"," + "\"name\":\"" + document.getElementById("full_name").value + "\"," +
"\"title\":\"" + document.getElementById("title").value + "\"," + "\"title\":\"" + document.getElementById("title").value + "\"," +
"\"email\":\"" + document.getElementById("email").value + "\"," + "\"email\":\"" + document.getElementById("email").value + "\"," +
"\"location\":\"" + document.getElementById("location").value + "\"," + "\"locationId\":\"" + document.getElementById("location").value + "\"," +
"\"extension\":\"" + document.getElementById("extension").value + "\"," + "\"extension\":\"" + document.getElementById("extension").value + "\"," +
"\"hasExtension\":\"" + document.getElementById("hasExtension").value + "\"," + "\"directNumber\":\"" + document.getElementById("directLine").value + "\"," +
"\"cellNumber\":\"" + document.getElementById("cellNumber").value + "\"," + "\"cellNumber\":\"" + document.getElementById("cellNumber").value + "\"," +
"\"hasCell\":\"" + document.getElementById("hasCell").value + "\"" + "\"size\":" + document.querySelector('input[name = outlookVer]:checked').value +
"}" "}";
);
console.log(body); console.log(body);
fetchWithTimeout(backendUrl + "/", { fetchWithTimeout(backendUrl, {
timeout: 5000, timeout: 5000,
method: 'POST', method: 'POST',
mode: 'cors', mode: 'cors',
headers: { Headers: {
'Accept': 'image/png', 'Accept': 'image/png',
'Content-Type': 'application/json' 'Content-Type': 'application/json'
}, },
body: body body: body
}).then(response => { }).then(async response => {
console.log(response); downloadImage(await response.arrayBuffer());
}); });
} }
@ -133,3 +133,18 @@ async function fetchWithTimeout(resource, options = {}) {
return response; return response;
} }
function downloadImage(arrayBuffer) {
const blob = new Blob([arrayBuffer], { type: "image/png" });
const link = document.createElement("a");
link.href = URL.createObjectURL(blob);
link.download = "vcard.png";
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
setTimeout(() => {
URL.revokeObjectURL(link.href);
}, 100);
}