Added auto-reconnect in chat demo.

Author: stephenmcd

django_socketio/example_project/chat/events.py

@@ -50,3 +50,4 @@ def finish(request, socket, context):
     left = {"action": "leave", "name": user.name, "id": user.id}
     socket.broadcast_channel(left)
     user.delete()
+

django_socketio/example_project/chat/static/js/chat.js

@@ -51,14 +51,26 @@ $(function() {
         return false;
     });
 
-    var socket = new io.Socket();
-    socket.connect();
-    socket.on('connect', function() {
-        socket.subscribe('room-' + window.room);
-        showForm();
+    $('#leave').click(function() {
+        location = '/';
     });
 
-    socket.on('message', function(data) {
+    var socket;
+
+    var connected = function() {
+        socket.subscribe('room-' + window.room);
+        if (name) {
+            socket.send({room: window.room, action: 'start', name: name});
+        } else {
+            showForm();
+        }
+    };
+
+    var disconnected = function() {
+        setTimeout(start, 1000);
+    };
+
+    var messaged = function(data) {
         switch (data.action) {
             case 'in-use':
                 alert('Name is in use, please choose another');
@@ -85,10 +97,16 @@ $(function() {
                 addMessage(data);
                 break;
         }
-    });
+    };
 
-    $('#leave').click(function() {
-        location = '/';
-    });
+    var start = function() {
+        socket = new io.Socket();
+        socket.connect();
+        socket.on('connect', connected);
+        socket.on('disconnect', disconnected);
+        socket.on('message', messaged);
+    };
+
+    start();
 
 });

django_socketio/example_project/chat/views.py

@@ -13,13 +13,15 @@ def rooms(request, template="rooms.html"):
     context = {"rooms": ChatRoom.objects.all()}
     return render(request, template, context)
 
+
 def room(request, slug, template="room.html"):
     """
     Show a room.
     """
     context = {"room": get_object_or_404(ChatRoom, slug=slug)}
     return render(request, template, context)
 
+
 def create(request):
     """
     Handles post from the "Add room" form on the homepage, and
@@ -31,6 +33,7 @@ def create(request):
         return redirect(room)
     return redirect(rooms)
 
+
 @user_passes_test(lambda user: user.is_staff)
 def system_message(request, template="system_message.html"):
     context = {"rooms": ChatRoom.objects.all()}