diff --git a/static/js/click_handlers.js b/static/js/click_handlers.js
index 2a3f63e06b..6ee72cb3a6 100644
--- a/static/js/click_handlers.js
+++ b/static/js/click_handlers.js
@@ -203,6 +203,15 @@ exports.initialize = function () {
window.location.href = $(this).attr('href');
});
+ // USER STATUS MODAL
+
+ $(".user-status-value").on("click", function (e) {
+ e.stopPropagation();
+ var user_status_value = $(e.currentTarget).attr("data-user-status-value");
+ $("input.user_status").val(user_status_value);
+ user_status_ui.update_button();
+ });
+
// NOTIFICATION CLICK
$('body').on('click', '.notification', function () {
diff --git a/static/styles/user_status.scss b/static/styles/user_status.scss
index 56ec485cba..3218095de7 100644
--- a/static/styles/user_status.scss
+++ b/static/styles/user_status.scss
@@ -46,4 +46,16 @@
font-weight: 600;
cursor: pointer;
}
+
+ .user-status-options {
+ padding: 20px;
+ padding-top: 0;
+ padding-bottom: 3px;
+ line-height: 1.0em;
+ }
+
+ .user-status-options p:hover {
+ cursor: pointer;
+ color: hsl(200, 100%, 40%);
+ }
}
diff --git a/templates/zerver/app/index.html b/templates/zerver/app/index.html
index aca7ca2cea..942c7e125a 100644
--- a/templates/zerver/app/index.html
+++ b/templates/zerver/app/index.html
@@ -162,6 +162,13 @@
+
+
In a meeting
+
Commuting
+
Out sick
+
Vacationing
+
Working remotely
+