nannal/votetrainsite
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

weird behaviour with send testing in docker

Browse Source
This commit is contained in:
nannal 2020-12-09 21:03:09 +02:00
parent d310a97a7b
commit 94016c7432
4 changed files with 33 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Private/nginx.conf
View File

@ -9,8 +9,8 @@ http {
include /etc/nginx/mime.types;
server {
location /wave {
proxy_pass http://10.0.0.205:5000;
location /submit {
proxy_pass http://10.0.0.200:9000/submit;
}
location / {
root /usr/share/nginx/html;

26
Public/index.html
View File

@ -1,22 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>Flag Waver</title>
<script src="https://cdn.bootcss.com/flv.js/1.5.0/flv.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<title>🚂Vote Train🚂</title>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div class="video-wrapper">
<video id="videoElement" style="text-align: center; width:100%; display:none;" controls></video>
</div>
<div class="button-wrapper">
<button id="start-cam" onclick="runVid()">Play</button>
</div>
<div class="button-wrapper">
<button onclick="wave()" id="wave">Press!</button>
<body class="">
<div class="justify-center text-center text-white sm:text-lg bg-green-200 sm:p-20 h-full m-36 sm:rounded-3xl">
<div id="input" class="py-10 sm:max-w-xl mx-auto font-mono">
<form action="javascript:void(0)" class="shadow-2xl sm:rounded-r-full sm:p-10 bg-gradient-to-t from-black to-gray-500 tracking-widest">
<input type="text" placeholder="key" class="text-black" id="key"/><br>
Upvote: <input type="checkbox" id="upvote"/><br>
Downvote: <input type="checkbox" id="downvote"/><br>
<button onclick="send()" class="bg-gray-600 ">Submit</button>
</form>
</div>
</div>
</body>
</html>

35
Public/script.js
View File

@ -1,18 +1,21 @@
function runVid(){
if (flvjs.isSupported()) {
var videoElement = document.getElementById('videoElement');
var flvPlayer = flvjs.createPlayer({
type: 'flv',
url: 'https://stream.nannal.com/live/flag.flv'
});
flvPlayer.attachMediaElement(videoElement);
flvPlayer.load();
flvPlayer.play();
var vid = document.getElementById("videoElement")
vid.style.display = "block";
}
}
function send(){
data={
key:document.getElementById("key").value,
upvote: document.getElementById("upvote").checked,
downvote:document.getElementById("downvote").checked,
}
let response = await fetch('http://localhost:9000/submit', {
method: 'POST',
headers: {
'Content-Type': 'application/json;charset=utf-8'
},
body: JSON.stringify(data)
});
let result = await response.json();
document.getElementById("input").innerHTML= result.message
function wave(){
let promise = fetch('/wave')
}

51
Public/style.css
View File

@ -1,51 +0,0 @@
body {
text-align: center;
}
.button-wrapper{
text-align: center;
margin: 10px;
}
#wave {
background-color: #f44336;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
border: none;
border-radius: 15px;
box-shadow: 0 9px #999;
}
#wave:active {
background-color: red;
box-shadow: 0 5px #666;
transform: translateY(4px);
}
.video-wrapper{
margin: auto;
padding: 20px;
width: 50%;
}
#videoElement {
width:80%;
display: block;
}
#start-cam {
background-color: grey;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline;
cursor: pointer;
}