new feature: now the browser back button works.

Fix #79

Author: jitendra-ky

static/js/home.js

@@ -187,6 +187,8 @@ function rerender_contacts_view() {
 function onClickContact() {
   // on click of a contact, set the selectedContactId and rerender the message view
   const contactId = $(this).attr('id')
+  // change the URL to reflect the selected contact
+  window.history.pushState(null, '', `/chat/${contactId}/`)
   app_states.setSelectedContactId(contactId)
   render_msg_view()
 }
@@ -354,6 +356,11 @@ $(function () {
     console.log(app_states.sessionId)
     console.log(app_states.userEmail)
 
+    // if the url is like root/chat/4, then set the selectedContactId to 4
+    const match = window.location.pathname.match(/\/chat\/(\d+)\//)
+    const contactId = match ? parseInt(match[1]).toString() : -1
+    app_states.setSelectedContactId(contactId)
+
     const username = app_states.userEmail.split('@')[0]
     $('#username').text(username)
 

zserver/urls.py

@@ -21,4 +21,6 @@
     path("api/sign-up-otp/", views.VerifyUserOTPView.as_view(), name="sign-up-otp"),
 
     path("google-login/", views.GoogleLoginView.as_view(), name="google_login"),
+
+    path("chat/<int:contact_id>/", views.Chat.as_view()),
 ]

zserver/views/__init__.py

@@ -1,2 +1,3 @@
+from zserver.views.chat import *  # noqa: F403
 from zserver.views.message import *  # noqa: F403
 from zserver.views.user_profile import *  # noqa: F403

zserver/views/chat.py

@@ -0,0 +1,18 @@
+from urllib.request import Request
+
+from django.shortcuts import render
+from django.views import View
+
+from zserver.utils import get_env_var
+
+
+class Chat(View):
+
+    def get(self, request: Request, contact_id: int):
+        """Render the home page."""
+        context = {
+            "name" : "John Doe",
+            "env_var" : get_env_var(),
+            contact_id: contact_id,
+        }
+        return render(request, "home.html", context)