You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
5.3 KiB
122 lines
5.3 KiB
<!-- <!DOCTYPE html> -->
|
|
<html>
|
|
|
|
<head>
|
|
<title>Manual Mode</title>
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
|
|
<link rel="icon" type="image/png" sizes="144x144" href="/favicon-144x144.png">
|
|
<link rel="icon" type="image/png" sizes="48x48" href="/favicon.ico">
|
|
<link rel="manifest" href="manifest.json">
|
|
<meta name="theme-color" content="#00878f">
|
|
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'>
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<script src="loadMenu.js" defer></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/esm/popper.js" type="module"></script>
|
|
|
|
<link href='main.css' rel='stylesheet' type='text/css'>
|
|
<link rel="stylesheet" href="colors.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="navigation"></div>
|
|
<div class="container">
|
|
<div class="shadow-lg p-3 mb-5 bg-white rounded">
|
|
<header>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="mt-3 pt-5">
|
|
<h2 class="display-4 text-center">
|
|
Manual Settings
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<section>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 offset-lg-3">
|
|
<div class="card text-white bg-ternary mb-3 card-form rounded mx-auto" id="manual-card">
|
|
<div class="card-body">
|
|
<div class="card-text text-center">
|
|
<form id="manual-form">
|
|
<div class="mb-4 mt-2">
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" id="yes" type="radio" name="manual" value="True">
|
|
<label class="form-check-label" for="yes">Yes</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" id="no" type="radio" name="manual" value="False" checked>
|
|
<label class="form-check-label" for="no">No</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<button class="form-control" class="button">Submit</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
var myForm = document.getElementById('manual-form');
|
|
myForm.addEventListener('submit', function(e) {
|
|
e.preventDefault();
|
|
//var data = JSON.stringify(formData(myForm));
|
|
loadJSON(formData(myForm));
|
|
})
|
|
|
|
function formData(form) {
|
|
// var el = form.querySelectorAll('input[type="text"]');
|
|
// var manualRadios = document.getElementsByName('manual').value;
|
|
var manualValue = document.querySelector('input[name="manual"]:checked').value;;
|
|
|
|
var myData = '';
|
|
myData += 'manual' + '=' + manualValue;
|
|
// for (var x = 0; x < el.length; x++) {
|
|
// var name = el[x].name;
|
|
// var value = el[x].value;
|
|
// //myData[name] = value;
|
|
// myData += name + '=' + value + '&'
|
|
// }
|
|
// return myData.slice(0, -1);
|
|
return myData;
|
|
}
|
|
|
|
function loadJSON(data) {
|
|
const url = 'manualMode.html';
|
|
console.log(data)
|
|
const myData = data
|
|
fetch(url, {
|
|
method: 'post',
|
|
headers: {
|
|
"Content-type": "application/x-www-form-urlencoded; charset=UTF-8"
|
|
},
|
|
body: myData
|
|
})
|
|
// .then(function (response) {
|
|
// return response.json()
|
|
// }).then(function (data) {
|
|
// console.log(data)
|
|
// })
|
|
.catch(error => console.log(error))
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|