Bundle socket.io and jquery with app

1a523d29 · TheJoeCoder · 793df2dc · 1a523d29 · 1a523d29 · 1a523d29
Verified Commit 1a523d29 authored 6 months ago by TheJoeCoder
--- a/README.md
+++ b/README.md
+# Debtometer
+A (possibly) comedic way to visualise how good of a person I am because I've lent money to my friends with no expectation of them returning it.
+
+Also a (slightly passive-agressive) way to try to coerce them into giving my money back please.
--- a/static/js/jquery.min.js
+++ b/static/js/jquery.min.js
--- a/static/js/socket.io.min.js
+++ b/static/js/socket.io.min.js
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,7 +3,17 @@

 <head>
    <title>WebSocket Example</title>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.1.3/socket.io.js"></script>
+</head>
+
+<body>
+    <h1>WebSocket Example</h1>
+    <input type="text" id="message" placeholder="Type a message">
+    <button onclick="sendMessage()">Send</button>
+    <br>
+    <textarea id="responsearea"></textarea>
+
+    <script src="{{ url_for('static', filename='js/jquery.min.js') }}"></script>
+    <script src="{{ url_for('static', filename='js/socket.io.min.js') }}"></script>
    <script type="text/javascript">
        var socket = io.connect('http://' + document.domain + ':' + location.port);

@@ -12,7 +22,7 @@
        });

        socket.on('response', function (data) {
-            console.log('Server says: ' + data);
+            $('#responsearea').val($('#responsearea').val() + '\n' + data);
        });

        function sendMessage() {
@@ -20,12 +30,6 @@
            socket.emit('message', message);
        }
    </script>
-</head>
-
-<body>
-    <h1>WebSocket Example</h1>
-    <input type="text" id="message" placeholder="Type a message">
-    <button onclick="sendMessage()">Send</button>
 </body>

 </html>
\ No newline at end of file