Adding new Contect Alerts that self dissapear using Twitter BootStrap 5
This commit is contained in:
raven
parent
7eaf0f2b86
commit
627b41b6bb
|
|
@ -2,7 +2,9 @@
|
|||
<html>
|
||||
<!--Hello! You have found my TV Controller. The API provided in this source is behind a firewall and will be of no use to you. Move along!-->
|
||||
|
||||
<head></head>
|
||||
<head>
|
||||
<div id="view2"></div>
|
||||
</head>
|
||||
<title>Samsung TVController</title>
|
||||
|
||||
<style>
|
||||
|
|
@ -23,14 +25,19 @@
|
|||
color: #ffffff;
|
||||
}
|
||||
</style>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
|
||||
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<script>
|
||||
let rootURL = "https://grwh.work:3031"
|
||||
|
||||
var timer;
|
||||
// Youtube Shorts Timer -
|
||||
function startTimer() {
|
||||
console.log("Shorts timer started!")
|
||||
alert("Auto Scroll Shorts Timer Started!");
|
||||
showSuccessAlert("Started Shorts 60 Second Timer")
|
||||
timer = setInterval(function () {
|
||||
console.log("60 seconds are up, going to next short");
|
||||
fetch(rootURL + "/down")
|
||||
|
|
@ -40,16 +47,42 @@
|
|||
.then(function (data) {
|
||||
if (data == 1) return console.log("Command: DOWN - SENT!")
|
||||
})
|
||||
}, 59000);
|
||||
}, 60000);
|
||||
}
|
||||
|
||||
function stopTimer() {
|
||||
alert("Auto Scroll Shorts Timer stopped");
|
||||
showSuccessAlert("Shorts Timer Disabled!")
|
||||
clearInterval(timer);
|
||||
}
|
||||
|
||||
function showSuccessAlert(message) {
|
||||
document.getElementById("view2").innerHTML = "<div class=\"alert alert-success\" role=\"alert\"><CENTER>" + message + "</CENTER></div>";
|
||||
|
||||
setInterval(function () {
|
||||
console.log("60 seconds are up, going to next short");
|
||||
document.getElementById("view2").innerHTML = "";
|
||||
|
||||
}, 10000);
|
||||
}
|
||||
|
||||
function showFailAlert(message) {
|
||||
document.getElementById("view2").innerHTML = "<div class=\"alert alert-danger\" role=\"alert\"><CENTER>" + message + "</CENTER></div>";
|
||||
|
||||
setInterval(function () {
|
||||
console.log("60 seconds are up, going to next short");
|
||||
document.getElementById("view2").innerHTML = "";
|
||||
|
||||
}, 10000);
|
||||
}
|
||||
|
||||
|
||||
showSuccessAlert("You have logged in successfully!")
|
||||
|
||||
|
||||
let pass = prompt("Enter the password!", "");
|
||||
let text;
|
||||
|
||||
|
||||
fetch(rootURL + "/checkPass?pass=" + pass)
|
||||
.then(function (response) {
|
||||
return response.json();
|
||||
|
|
@ -60,7 +93,7 @@
|
|||
document.getElementById("view").innerHTML = "WOO"
|
||||
} else {
|
||||
|
||||
document.getElementById("view").innerHTML = "<a href=\"javascript:window.open('help.html','Click for Key ShortCuts!','width=600,height=400')\">Click for Key ShortCuts!</a><BR><BR><a href=\"javascript:window.open('input.html','Click to Send Text Imput!','width=600,height=400')\">Open Text Input</a><BR><BR><button onclick=\"startTimer()\">Enable AutoScroll</button> / <button onclick=\"stopTimer()\"> Disable</button> <BR><BR>Commands Not Working? Issue a new Token using: R";
|
||||
document.getElementById("view").innerHTML = "<a href=\"javascript:window.open('help.html','Click for Key ShortCuts!','width=600,height=400')\">Click for Key ShortCuts!</a><BR><BR><a href=\"javascript:window.open('input.html','Click to Send Text Imput!','width=600,height=400')\"><button>Open Text Input</button></a><BR><BR><button onclick=\"startTimer()\">Enable AutoScroll</button> / <button onclick=\"stopTimer()\"> Disable</button> <BR><BR>Commands Not Working? Issue a new Token using: R";
|
||||
|
||||
|
||||
function addEvent(element, eventName, callback) {
|
||||
|
|
@ -84,7 +117,13 @@
|
|||
return response.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (data == 1) return console.log("Command: UP - SENT!")
|
||||
if (data == 1) {
|
||||
showSuccessAlert("UP Sent Successfully!")
|
||||
return console.log("Command: UP - SENT!")
|
||||
} else {
|
||||
showSuccessAlert("UP FAILED!")
|
||||
return console.log("Command: UP FAILED!")
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -94,7 +133,13 @@
|
|||
return response.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (data == 1) return console.log("Command: LEFT - SENT!")
|
||||
if (data == 1) {
|
||||
showSuccessAlert("LEFT Sent Successfully!")
|
||||
return console.log("Command: LEFT - SENT!")
|
||||
} else {
|
||||
showSuccessAlert("LEFT FAILED!")
|
||||
return console.log("Command: LEFT FAILED!")
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -104,7 +149,13 @@
|
|||
return response.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (data == 1) return console.log("Command: DOWN - SENT!")
|
||||
if (data == 1) {
|
||||
showSuccessAlert("DOWN Sent Successfully!")
|
||||
return console.log("Command: DOWN - SENT!")
|
||||
} else {
|
||||
showSuccessAlert("DOWN FAILED!")
|
||||
return console.log("Command: DOWN FAILED!")
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -114,7 +165,13 @@
|
|||
return response.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (data == 1) return console.log("Command: RIGHT - SENT!")
|
||||
if (data == 1) {
|
||||
showSuccessAlert("RIGHT Sent Successfully!")
|
||||
return console.log("Command: RIGHT - SENT!")
|
||||
} else {
|
||||
showSuccessAlert("UP FAILED!")
|
||||
return console.log("Command: RIGHT FAILED!")
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -124,7 +181,13 @@
|
|||
return response.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (data == 1) return console.log("Command: ENTER - SENT!")
|
||||
if (data == 1) {
|
||||
showSuccessAlert("ENTER Sent Successfully!")
|
||||
return console.log("Command: ENTER - SENT!")
|
||||
} else {
|
||||
showSuccessAlert("ENTER FAILED!")
|
||||
return console.log("Command: ENTEr FAILED!")
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -134,7 +197,13 @@
|
|||
return response.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (data == 1) return console.log("Command: BACK - SENT!")
|
||||
if (data == 1) {
|
||||
showSuccessAlert("BACK Sent Successfully!")
|
||||
return console.log("Command: BACK - SENT!")
|
||||
} else {
|
||||
showSuccessAlert("BACK FAILED!")
|
||||
return console.log("Command: BACK FAILED!")
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -144,7 +213,13 @@
|
|||
return response.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (data == 1) return console.log("Command: VOL UP - SENT!")
|
||||
if (data == 1) {
|
||||
showSuccessAlert("VOLUME UP Sent Successfully!")
|
||||
return console.log("Command: VOLUME UP - SENT!")
|
||||
} else {
|
||||
showSuccessAlert("VOLUME UP FAILED!")
|
||||
return console.log("Command: VOLUME UP FAILED!")
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -154,7 +229,13 @@
|
|||
return response.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (data == 1) return console.log("Command: VOL DOWN - SENT!")
|
||||
if (data == 1) {
|
||||
showSuccessAlert("VOLUME DOWN Sent Successfully!")
|
||||
return console.log("Command: VOLUME DOWN - SENT!")
|
||||
} else {
|
||||
showSuccessAlert("VOLUME DOWN FAILED!")
|
||||
return console.log("Command: VOLUME DOWN FAILED!")
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -164,7 +245,13 @@
|
|||
return response.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (data == 1) return console.log("Command: New Token - SENT!")
|
||||
if (data == 1) {
|
||||
showSuccessAlert("New Token Request Sent Successfully!")
|
||||
return console.log("Command: New Token Request - SENT!")
|
||||
} else {
|
||||
showSuccessAlert("New Token Request FAILED!")
|
||||
return console.log("Command: New Token Request FAILED!")
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -175,7 +262,13 @@
|
|||
return response.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (data == 1) return console.log("Command: MUTE - SENT!")
|
||||
if (data == 1) {
|
||||
showSuccessAlert("Mute Sent Successfully!")
|
||||
return console.log("Command: BACK - SENT!")
|
||||
} else {
|
||||
showSuccessAlert("Mute FAILED!")
|
||||
return console.log("Command: Mute FAILED!")
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -185,7 +278,13 @@
|
|||
return response.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (data == 1) return console.log("Command: PMODE - SENT!")
|
||||
if (data == 1) {
|
||||
showSuccessAlert("Picture Mode Sent Successfully!")
|
||||
return console.log("Command: Picutr Mode - SENT!")
|
||||
} else {
|
||||
showSuccessAlert("Picture Mode FAILED!")
|
||||
return console.log("Command: Picture Mode FAILED!")
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -195,7 +294,13 @@
|
|||
return response.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (data == 1) return console.log("Command: HOME - SENT!")
|
||||
if (data == 1) {
|
||||
showSuccessAlert("HOME Sent Successfully!")
|
||||
return console.log("Command: HOME - SENT!")
|
||||
} else {
|
||||
showSuccessAlert("HOME FAILED!")
|
||||
return console.log("Command: HOME FAILED!")
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -214,7 +319,9 @@
|
|||
|
||||
<body>
|
||||
<center>
|
||||
|
||||
<div id="view"></div>
|
||||
|
||||
<center>
|
||||
</body>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue