From 009aee22af943cc8537f4e7d444a32a499b3bb40 Mon Sep 17 00:00:00 2001
From: Alex <apeggs2000@users.noreply.github.com>
Date: Sun, 16 Feb 2014 19:01:51 -0800
Subject: [PATCH 1/5] Update chat.html

---
 chat.html | 10 ++++++++++
 1 file changed, 10 insertions(+)
diff --git a/chat.html b/chat.html
index fb0e6c4..88f24e3 100644
--- a/chat.html
+++ b/chat.html
@@ -11,6 +11,9 @@
     <div id='messages'></div>
     <input type='text' id='name' placeholder='Your Name'>
     <input type='text' id='messageInput' placeholder='Message'>
+    <label for="onlineCheck">Online?</label>
+    <input type="checkbox" name="onlineCheck" id="onlineCheckBox">
+    <div id="online"></div>
     <script>
       var dataRef = new Firebase('https://webwonders-chat.firebaseio.com');
       $('#messageInput').keypress(function (e) {
@@ -19,6 +22,13 @@
           var userText = $('#messageInput').val();
           dataRef.push({name: userName, text: userText});
           $('#messageInput').val('');
+          //online user code
+          var onlineUser = $('#onlineCheckBox').val();
+          var isOnline = false;
+          if (onlineUser === true) {
+            isOnline = true;
+          }
+          dataRef.push({name: userName, text: isOnline});
         }
       });
       dataRef.on('child_added', function(snapshot) {

From 1010221389b27b01224013001964ac9d62331311 Mon Sep 17 00:00:00 2001
From: Alex <apeggs2000@users.noreply.github.com>
Date: Sun, 16 Feb 2014 19:09:26 -0800
Subject: [PATCH 2/5] Update chat.html

---
 chat.html | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/chat.html b/chat.html
index 88f24e3..6a53d1a 100644
--- a/chat.html
+++ b/chat.html
@@ -13,7 +13,7 @@
     <input type='text' id='messageInput' placeholder='Message'>
     <label for="onlineCheck">Online?</label>
     <input type="checkbox" name="onlineCheck" id="onlineCheckBox">
-    <div id="online"></div>
+    <!--<div id="online"></div>-->
     <script>
       var dataRef = new Firebase('https://webwonders-chat.firebaseio.com');
       $('#messageInput').keypress(function (e) {
@@ -24,11 +24,15 @@
           $('#messageInput').val('');
           //online user code
           var onlineUser = $('#onlineCheckBox').val();
-          var isOnline = false;
+          var isOnline;
           if (onlineUser === true) {
             isOnline = true;
+            displayChatMessage("ServerMessage", message.name + " Just went online");
+          }
+          if (onlineUser === false) {
+            isOnline = false;
+            displayChatMessage("ServerMessage", message.name + " Just went offline");
           }
-          dataRef.push({name: userName, text: isOnline});
         }
       });
       dataRef.on('child_added', function(snapshot) {
@@ -43,8 +47,8 @@
     <script>
       var nameBox = document.getElementById('#name')
       localStorage.setItem("user_name", JSON.stringify(message.name));
-      var nameStored = localStorage.getItem("user_name")
-      if (nameBox.val() === "before") {
+      var nameStored = localStorage.getItem("user_name");
+      if (nameBox.val() === "") {
         message.name = nameStored;
       }
     </script>

From 91818db28802ebf28d6ed3641622222467b03340 Mon Sep 17 00:00:00 2001
From: Alex <apeggs2000@users.noreply.github.com>
Date: Mon, 17 Feb 2014 18:51:13 -0800
Subject: [PATCH 3/5] Update chat.html

---
 chat.html | 72 +++++++++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 59 insertions(+), 13 deletions(-)

diff --git a/chat.html b/chat.html
index 6a53d1a..4bc878b 100644
--- a/chat.html
+++ b/chat.html
@@ -9,10 +9,9 @@
   </head>
   <body>
     <div id='messages'></div>
+    <div id='presenceDiv'
     <input type='text' id='name' placeholder='Your Name'>
     <input type='text' id='messageInput' placeholder='Message'>
-    <label for="onlineCheck">Online?</label>
-    <input type="checkbox" name="onlineCheck" id="onlineCheckBox">
     <!--<div id="online"></div>-->
     <script>
       var dataRef = new Firebase('https://webwonders-chat.firebaseio.com');
@@ -22,17 +21,6 @@
           var userText = $('#messageInput').val();
           dataRef.push({name: userName, text: userText});
           $('#messageInput').val('');
-          //online user code
-          var onlineUser = $('#onlineCheckBox').val();
-          var isOnline;
-          if (onlineUser === true) {
-            isOnline = true;
-            displayChatMessage("ServerMessage", message.name + " Just went online");
-          }
-          if (onlineUser === false) {
-            isOnline = false;
-            displayChatMessage("ServerMessage", message.name + " Just went offline");
-          }
         }
       });
       dataRef.on('child_added', function(snapshot) {
@@ -52,5 +40,63 @@
         message.name = nameStored;
       }
     </script>
+    <script>
+      //online user code
+      
+  var userListRef = new Firebase("https://webwonders-chat.firebaseio.com");
+  var myUserRef = userListRef.push();
+
+  var connectedRef = new Firebase("https://webwonders-chat.firebaseio.com");
+  connectedRef.on("value", function(isOnline) {
+    if (isOnline.val()) {
+      myUserRef.onDisconnect().remove();
+      setUserStatus("★ online");
+    } else {
+      setUserStatus(currentStatus);
+    }
+  });
+
+  function setUserStatus(status) {
+    currentStatus = status;
+    myUserRef.set({ name: name, status: status });
+  }
+
+  function getMessageId(snapshot) {
+    return snapshot.name().replace(/[^a-z0-9\-\_]/gi,'');
+  }
+
+  userListRef.on("child_added", function(snapshot) {
+    var user = snapshot.val();
+    
+    $("<div/>")
+      .attr("id", getMessageId(snapshot))
+      .text(user.name + " is currently " + user.status)
+      .appendTo("#presenceDiv");
+  });
+
+  userListRef.on("child_removed", function(snapshot) {
+    $("#presenceDiv").children("#" + getMessageId(snapshot))
+      .remove();
+  });
+
+  userListRef.on("child_changed", function(snapshot) {
+    var user = snapshot.val();
+    $("#presenceDiv").children("#" + getMessageId(snapshot))
+      .text(user.name + " is currently " + user.status);
+  });
+
+  document.onIdle = function () {
+    setUserStatus("☆ idle");
+  }
+  document.onAway = function () {
+    setUserStatus("☄ away");
+  }
+  document.onBack = function (isIdle, isAway) {
+    setUserStatus("★ online");
+  }
+
+  setIdleTimeout(5000);
+  setAwayTimeout(10000);
+    </script>
   </body>
 </html>

From 7e41772a0fb9cce66c7fef4ee135dc78f9ce2fa6 Mon Sep 17 00:00:00 2001
From: Alex <apeggs2000@users.noreply.github.com>
Date: Tue, 18 Feb 2014 13:59:17 -0800
Subject: [PATCH 4/5] Update chat.html

---
 chat.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/chat.html b/chat.html
index 4bc878b..80b8b4c 100644
--- a/chat.html
+++ b/chat.html
@@ -39,6 +39,7 @@
       if (nameBox.val() === "") {
         message.name = nameStored;
       }
+      
     </script>
     <script>
       //online user code

From 67347e6d7abd2c2cbba19c88bc8e5cfe17a87fec Mon Sep 17 00:00:00 2001
From: Alex <apeggs2000@users.noreply.github.com>
Date: Tue, 18 Feb 2014 13:59:47 -0800
Subject: [PATCH 5/5] Update chat.css

---
 chat.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chat.css b/chat.css
index 6ae9fb1..ab7155f 100644
--- a/chat.css
+++ b/chat.css
@@ -1,5 +1,5 @@
 #messages {
  background-color: #FFFF66;
  width: 90%;
- border-radius: 7px;
+ border-radius: 10px;
 }
