KevinMidboe/fanController
1
0
Fork 0
mirror of https://github.com/KevinMidboe/fanController.git synced 2025-10-29 17:40:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Moved style and js to seperate files.

Browse Source
This commit is contained in:
Kevin Midboe
2017-04-07 11:46:54 +02:00
parent 374cc29adb
commit 9302758440
3 changed files with 77 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
public/index.html
View File

@@ -26,55 +26,7 @@
}
</script>
<style type="text/css">
html * {
font-family: 'Ubuntu', sans-serif !important;
}
.myContainer {
margin-top: 85px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.myBg {
background-color: #eee;
}
.btn {
height: 60px;
width: 120px;
margin-right: 10px;
margin-left: 10px;
}
.state_display {
height: 150px;
width: 80%;
margin-top: 70px;
margin-left: auto;
margin-right: auto;
padding-top: 45px;
background-color: white;
border-style: solid;
border-width: 0px;
border-radius: 4px;
text-align: center;
font-size: 40px;
}
.state_display h4 {
position: absolute;
margin-top: -70px;
}
.footer {
width: 100%;
margin: 0 auto;
position: fixed;
bottom: 0;
padding-bottom: 15px;
text-align: center;
}
</style>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body class="myBg">
<div class="myContainer">
@@ -105,28 +57,5 @@
<img src="images/chip.png" style="width: 60px;" />
</body>
<script type="text/javascript">
function UserAction(state) {
var xhttp = new XMLHttpRequest();
xhttp.open("POST", state, false);
xhttp.setRequestHeader("Content-type", "application/text");
xhttp.send();
console.log(xhttp.status)
if (xhttp.status == "200" && xhttp.responseText != 'none') {
var stateDisplay = document.getElementById('state');
stateDisplay.innerText = xhttp.responseText.toUpperCase();
}
}
window.onload = function() {
var xhttp = new XMLHttpRequest();
xhttp.open("GET", "state", false);
xhttp.send();
if (xhttp.status == "200") {
var stateDisplay = document.getElementById('state');
stateDisplay.innerText = xhttp.responseText.toUpperCase();
}
}
</script>
<script type="text/javascript" src="main.js"></script>
</html>

22
public/main.js Normal file
View File

@@ -0,0 +1,22 @@
function UserAction(state) {
var xhttp = new XMLHttpRequest();
xhttp.open("POST", state, false);
xhttp.setRequestHeader("Content-type", "application/text");
xhttp.send();
console.log(xhttp.status)
if (xhttp.status == "200" && xhttp.responseText != 'none') {
var stateDisplay = document.getElementById('state');
stateDisplay.innerText = xhttp.responseText.toUpperCase();
}
}
window.onload = function() {
var xhttp = new XMLHttpRequest();
xhttp.open("GET", "state", false);
xhttp.send();
if (xhttp.status == "200") {
var stateDisplay = document.getElementById('state');
stateDisplay.innerText = xhttp.responseText.toUpperCase();
}
}

47
public/style.css Normal file
View File

@@ -0,0 +1,47 @@
html * {
font-family: 'Ubuntu', sans-serif !important;
}
.myContainer {
margin-top: 85px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.myBg {
background-color: #eee;
}
.btn {
height: 60px;
width: 120px;
margin-right: 10px;
margin-left: 10px;
}
.state_display {
height: 150px;
width: 80%;
margin-top: 70px;
margin-left: auto;
margin-right: auto;
padding-top: 45px;
background-color: white;
border-style: solid;
border-width: 0px;
border-radius: 4px;
text-align: center;
font-size: 40px;
}
.state_display h4 {
position: absolute;
margin-top: -70px;
}
.footer {
width: 100%;
margin: 0 auto;
position: fixed;
bottom: 0;
padding-bottom: 15px;
text-align: center;
}