weird behaviour with send testing in docker

3 years ago · 94016c7432
parent d310a97a7b
commit 94016c7432
4 changed files with 32 additions and 82 deletions
--- a/Private/nginx.conf
+++ b/Private/nginx.conf
@ -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;
--- a/Public/index.html
+++ b/Public/index.html
@ -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>
--- a/Public/script.js
+++ b/Public/script.js
@ -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')
 }
--- a/Public/style.css
+++ b/Public/style.css
@ -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;
-}