<!DOCTYPE html>
<html>
<head>
<title>Google Meet QR Portal Link Generator</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<h1 id="title" style="font-size: 3vw;color: steelblue;" align="center"><img src="windsorLogo.png"/> <br></h1>
<h2 id="status" style="font-size: 2vw;color: steelblue;" align="center">Google Meet QR Portal Link Generator</h2>
<div class="container">
<form action="javascript:send()">
<div class="form-group">
<input class="form-control" id="className" placeholder="Enter Class Name (e.g. Marine Biology 11, Maths 7A)">
</div>
<button type="submit" class="btn btn-default ">Generate Link</button>
<div class="form-group">
<h3>Copy link below</h3>
<input class="form-control" id="generatedLink" placeholder="Copy this URL">
</div>
</form>
<div>
<script>
var classNameToSend;
function send(){
classNameToSend=document.getElementById("className").value;
while(classNameToSend.indexOf(" ")!=-1){
classNameToSend=classNameToSend.replace(" ","_");
}
if(classNameToSend.length>3){sendDataToLog();}else{
document.getElementById("generatedLink").value="Invalid class name";
}
}
function sendDataToLog() {
jQuery.post('https://script.google.com/macros/s/AKfycbywHg3Tkp3vlpg3I5D15YzF-Z4UNfKsaXPR_WHo_4ZVy7kvb54/exec', {
className: classNameToSend
}
).done(function (data) {
document.getElementById("generatedLink").value=data;
document.getElementById("generatedLink").select();
document.getElementById("generatedLink").setSelectionRange(0,99999);
document.execCommand("copy");
if (data === "Approved") {
} else {
}
})
}
</script>
</body>
</html>