CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-06-24 21:08:25 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

frontend: Add UI necessary to change emoji set.

Browse Source 
Note that this code is disabled until the infrastructure for the
feature can be finished.

Tweaked by tabbott to use slightly cleaner names for the various sets.
This commit is contained in:
Harshit Bansal 2017-04-23 18:47:18 +00:00 committed by Tim Abbott
parent 07081196f4
commit 6cb03ea78e
4 changed files with 45 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
static/js/server_events.js
View File

@ -297,6 +297,20 @@ function dispatch_normal_event(event) {
if (event.setting_name === 'timezone') {
page_params.timezone = event.setting;
}
if (event.setting_name === 'emojiset') {
page_params.emojiset = event.setting;
var sprite = new Image();
sprite.onload = function () {
$("#emoji-spritesheet").attr('href', "/static/generated/emoji/" + page_params.emojiset + "_sprite.css");
if ($("#display-settings-status").length) {
loading.destroy_indicator($("#emojiset_spinner"));
$("#emojiset_select").val(page_params.emojiset);
ui_report.success(i18n.t("Emojiset changed successfully!!"),
$('#display-settings-status').expectOne());
}
};
sprite.src = "/static/generated/emoji/sheet_" + page_params.emojiset + "_32.png";
}
if ($("#settings.tab-pane.active").length) {
settings_display.update_page();
}

19
static/js/settings_display.js
View File

@ -6,6 +6,7 @@ exports.set_up = function () {
$("#display-settings-status").hide();
$("#user_timezone").val(page_params.timezone);
$("#emojiset_select").val(page_params.emojiset);
$("#default_language_modal [data-dismiss]").click(function () {
$("#default_language_modal").fadeOut(300);
@ -135,6 +136,24 @@ exports.set_up = function () {
},
});
});
$("#emojiset_select").change(function () {
var emojiset = $(this).val();
var data = {};
data.emojiset = JSON.stringify(emojiset);
channel.patch({
url: '/json/settings/display',
data: data,
success: function () {
var spinner = $("#emojiset_spinner").expectOne();
loading.make_indicator(spinner, {text: 'Changing emojiset.'});
},
error: function (xhr) {
ui_report.error(i18n.t("Error changing emojiset."), xhr, $('#display-settings-status').expectOne());
},
});
});
};
function _update_page() {

2
static/styles/settings.css
View File

@ -1066,6 +1066,6 @@ input[type=text]#settings_search {
width: 15%;
}
#user_timezone {
#settings_page .display-settings-form select {
width: 245px;
}

11
static/templates/settings/display-settings.handlebars
View File

@ -108,5 +108,16 @@
</select>
</div>
{{#if false}}
<div class="input-group">
<label for="emojiset_select">{{t "Emoji style" }}:</label>
<select name="emojiset_select" id="emojiset_select">
{{#each page_params.emojiset_choices}}
<option value={{@key}}>{{this}}</option>
{{/each}}
</select>
<div id="emojiset_spinner"></div>
</div>
{{/if}}
</form>
</div>