paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-06 15:03:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

user status: Add user status message options to user status modal.

Browse Source 
Several user status message options are added to user status modal so
that the users can pick from them.

Fixes part of #11629.
This commit is contained in:
Abhinav Singh
2019-04-23 21:37:10 +05:30
committed by Tim Abbott
parent 61982d9d47
commit 3f10dc92ec
3 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
static/js/click_handlers.js
View File

@@ -203,6 +203,15 @@ exports.initialize = function () {
window.location.href = $(this).attr('href'); 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 // NOTIFICATION CLICK
$('body').on('click', '.notification', function () { $('body').on('click', '.notification', function () {

12
static/styles/user_status.scss
View File

@@ -46,4 +46,16 @@
font-weight: 600; font-weight: 600;
cursor: pointer; 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%);
}
} }

7
templates/zerver/app/index.html
View File

@@ -162,6 +162,13 @@
<label for="user_status">Status message</label> <label for="user_status">Status message</label>
<input type="text" class="user_status" maxlength="60" /> <input type="text" class="user_status" maxlength="60" />
</div> </div>
<div class="user-status-options">
<p class="user-status-value" data-user-status-value="In a meeting">In a meeting</p>
<p class="user-status-value" data-user-status-value="Commuting">Commuting</p>
<p class="user-status-value" data-user-status-value="Out sick">Out sick</p>
<p class="user-status-value" data-user-status-value="Vacationing">Vacationing</p>
<p class="user-status-value" data-user-status-value="Working remotely">Working remotely</p>
</div>
<div class="modal-footer"> <div class="modal-footer">
<button class="button exit small rounded">Cancel</button> <button class="button exit small rounded">Cancel</button>
<button class="sea-green small rounded button set_user_status"> <button class="sea-green small rounded button set_user_status">