79 lines
2.9 KiB
HTML
79 lines
2.9 KiB
HTML
|
<!-- This is the updated HTML file that uses w3.js and w3.css -->
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>Bot Manager Test</title>
|
||
|
|
<!-- Add the links to w3.js and w3.css -->
|
||
|
|
<script src="https://www.w3schools.com/lib/w3.js"></script>
|
||
|
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="w3-container" id="root" style="max-width:1400px;margin:auto;">
|
||
|
|
<div class="w3-container w3-teal">
|
||
|
|
<h1>Bot Manager Test</h1>
|
||
|
|
</div>
|
||
|
|
<div class="w3-container w3-pale-blue">
|
||
|
|
<p id="">Click the button to send sample bot traffic to your ${PROPERTY_HOSTNAME}.</p>
|
||
|
|
<button class="w3-button w3-blue" onclick="runTest()">START TEST</button>
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
<div class="w3-container w3-dark-grey">
|
||
|
|
<p id="">Test result</p>
|
||
|
|
</div>
|
||
|
|
<div id="loading" class="w3-modal w3-animate-zoom w3-animate-opacity">
|
||
|
|
<div class="w3-modal-content w3-card-4" style="width:350px;">
|
||
|
|
<div class="w3-container">
|
||
|
|
<img class="w3-circle" style="width:100%;" src="/learn/loading.gif" />
|
||
|
|
</div>
|
||
|
|
<div class="w3-container">
|
||
|
|
<p> Sending sample bot traffic...</p>
|
||
|
|
<p> This can take around 1 minute.</p>
|
||
|
|
<br/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w3-container w3-light-grey">
|
||
|
|
<div class="" id="output">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
var hostname = location.hostname;
|
||
|
|
var array = hostname.split('.');
|
||
|
|
uid = array[0];
|
||
|
|
console.log(uid);
|
||
|
|
|
||
|
|
function runTest() {
|
||
|
|
document.getElementById("output").innerHTML = "";
|
||
|
|
w3.getHttpObject('/lab/bm/run?property=' + uid, showOutput);
|
||
|
|
document.getElementById("loading").style.display = "block";
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function showOutput(output) {
|
||
|
|
// document.getElementById("output").innerHTML += '<p>##### This tester sent the following Bot traffic to your property. #####</p>'
|
||
|
|
document.getElementById("output").innerHTML += '<p><b>UTC Time : [ Akamai Network Type ] [Bot Type], Test URL, Response Code</b></p>'
|
||
|
|
|
||
|
|
// console.log(output);
|
||
|
|
const outputArray = output.toString().split('\t');
|
||
|
|
// console.log(outputArray);
|
||
|
|
|
||
|
|
for (var i = 0; i < outputArray.length; i++) {
|
||
|
|
var line = outputArray[i];
|
||
|
|
// console.log(line);
|
||
|
|
document.getElementById("output").innerHTML += line + '<br/>';
|
||
|
|
}
|
||
|
|
document.getElementById("output").innerHTML += '<br/><p>##### Go to your Security Center to monitor this Bot traffic. #####</p>'
|
||
|
|
document.getElementById("output").innerHTML += '<p></p><p></p>'
|
||
|
|
|
||
|
|
document.getElementById("loading").style.display = "none";
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|