From 9a22055c27cb0b15f506e8f85ab58646a5f0f6ca Mon Sep 17 00:00:00 2001
From: Faye Li <si.fi.faye.li@gmial.com>
Date: Wed, 1 Feb 2017 14:30:16 -0800
Subject: [PATCH] initialise the toggle button with correct info

---
 scripts/system/html/users.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/scripts/system/html/users.html b/scripts/system/html/users.html
index 0444437958..7d171110b9 100644
--- a/scripts/system/html/users.html
+++ b/scripts/system/html/users.html
@@ -385,7 +385,13 @@
                     myVisibility = event.data.visibility;
                     $("#dev-div").append("<p>myUsername is " + myUsername + "</p>");
                     $("#dev-div").append("<p>myVisibility is " + myVisibility + "</p>");
-                    $("#visibility-toggle").html(myVisibility + "<span class='glyphicon glyphicon-menu-down'></span>")
+                    var buttonText = "Online";
+                    if (myVisibility === "none") {
+                        buttonText = "Appear Offline";
+                    } else if (myVisibility === "friends") {
+                        buttonText = "Available To Friends Only";
+                    }
+                    $("#visibility-toggle").html(buttonText + "<span class='glyphicon glyphicon-menu-down'></span>")
                 }
             }
 
@@ -428,12 +434,13 @@
 
                 // Click listener for toggling who can see me
                 $(".visibility-option").click(function() {
+                    myVisibility = $(this).data("visibility");
                     var newButtonText = $(this).find("h6").text();
                     $("#visibility-toggle").html(newButtonText + "<span class='glyphicon glyphicon-menu-down'></span>");
                     var visibilityObject = {
                         "type": "toggle-visibility",
                         "data": {
-                            "visibility": $(this).data("visibility")
+                            "visibility": myVisibility
                         }
                     }
                     EventBridge.emitWebEvent(JSON.stringify(visibilityObject));