From 1755f0125e097e6abcd3327b2d3e06586718d8aa Mon Sep 17 00:00:00 2001
From: afornerot <afornerot@cadoles.com>
Date: Mon, 23 Nov 2020 13:08:15 +0100
Subject: [PATCH] websocket

---
 .../src/Controller/WebsocketController.php    | 13 ++++
 .../templates/Websocket/sample.html.twig      | 61 +++++++++++++++++++
 2 files changed, 74 insertions(+)
 create mode 100644 src/ninesurvey-1.0/src/Controller/WebsocketController.php
 create mode 100644 src/ninesurvey-1.0/templates/Websocket/sample.html.twig

diff --git a/src/ninesurvey-1.0/src/Controller/WebsocketController.php b/src/ninesurvey-1.0/src/Controller/WebsocketController.php
new file mode 100644
index 0000000..a53dac2
--- /dev/null
+++ b/src/ninesurvey-1.0/src/Controller/WebsocketController.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Controller;
+
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+
+class WebsocketController extends AbstractController
+{
+    public function sample()
+    {
+        return $this->render('Websocket/sample.html.twig');   
+    }
+}
diff --git a/src/ninesurvey-1.0/templates/Websocket/sample.html.twig b/src/ninesurvey-1.0/templates/Websocket/sample.html.twig
new file mode 100644
index 0000000..a74146d
--- /dev/null
+++ b/src/ninesurvey-1.0/templates/Websocket/sample.html.twig
@@ -0,0 +1,61 @@
+<div id="chat" class="text-center mt-5">
+    <div class="mb-2">online</div>
+    <div id="online" style="mt-2"></div>
+</div>
+
+{% if wssuse %}
+<script>
+    var conn;
+
+    function connect() {
+        conn = new WebSocket("{{wssurl}}");
+
+        conn.onopen = function(e) {
+            console.log("== CONNECT");
+            {% set userkey = "" %}
+            {% if app.user %}
+                {% set userkey = app.user.apikey %}
+            {%endif%}
+
+            subscribe("home",1,"{{userkey}}");
+            sendMessage({command: "alive"});
+        };
+        conn.onmessage = function(e) {
+            ret=JSON.parse(e.data);
+            console.log(ret.log);
+
+            switch(ret.command) {
+                case "alive" :
+                    if(!$('#online'+ret.from.id).length) {
+                        html='<img id="online'+ret.from.id+'" src="'+ret.from.avatar+'" class="avatar ml-2 mr-2" title="'+ret.from.displayname+'">';
+                        $("#online").append(html);
+                    }
+                    
+                    if(ret.from.id!={{app.user.id}})
+                        sendMessage({command: "meto"});
+                break;
+
+                case "adead" :
+                    $('#online'+ret.from.id).remove();
+                break;
+
+                case "meto" :
+                    if(!$('#online'+ret.from.id).length) {
+                        html='<img id="online'+ret.from.id+'" src="'+ret.from.avatar+'" class="avatar ml-2 mr-2" title="'+ret.from.displayname+'">';
+                        $("#online").append(html);
+                    }
+                break;
+            }
+        };
+
+        conn.onclose = function(e) {
+            console.log("== DISCONNECT");
+            $('#online img').remove();
+            console.log('Socket is closed. Reconnect will be attempted in 1 second.', e.reason);
+            setTimeout(function() { connect(); }, 1000);        
+        };
+    }
+
+    connect();
+</script>
+{% endif %}
\ No newline at end of file