2024-01-17 09:24:09 +01:00
|
|
|
<form class="preferences-settings-form">
|
2023-03-04 14:49:02 +01:00
|
|
|
<div class="general-settings {{#if for_realm_settings}}settings-subsection-parent{{else}}subsection-parent{{/if}}">
|
2021-08-19 16:38:10 +02:00
|
|
|
<!-- this is inline block so that the alert notification can sit beside
|
2021-10-21 14:11:19 +02:00
|
|
|
it. If there's not an alert, don't make it inline-block.-->
|
2021-09-27 12:59:09 +02:00
|
|
|
<div class="subsection-header inline-block">
|
2023-03-04 14:49:02 +01:00
|
|
|
<h3>{{t "General" }}</h3>
|
|
|
|
{{> settings_save_discard_widget section_name="general-settings" show_only_indicator=(not for_realm_settings) }}
|
2021-09-27 12:59:09 +02:00
|
|
|
</div>
|
2021-11-09 12:36:40 +01:00
|
|
|
{{#unless for_realm_settings}}
|
2022-05-02 11:15:25 +02:00
|
|
|
{{> language_selection_widget
|
|
|
|
section_name="default_language_name"
|
|
|
|
setting_value=default_language_name
|
2023-07-28 11:31:24 +02:00
|
|
|
section_title=settings_label.default_language_settings_label
|
|
|
|
language_code=default_language }}
|
2021-10-21 14:11:19 +02:00
|
|
|
{{/unless}}
|
2017-04-02 20:59:22 +02:00
|
|
|
|
2021-08-19 16:38:10 +02:00
|
|
|
<div class="input-group">
|
2024-03-29 07:54:50 +01:00
|
|
|
<label for="twenty_four_hour_time" class="settings-field-label">{{ settings_label.twenty_four_hour_time }}</label>
|
2023-02-16 10:57:08 +01:00
|
|
|
<select name="twenty_four_hour_time" class="setting_twenty_four_hour_time prop-element settings_select bootstrap-focus-style" id="{{prefix}}twenty_four_hour_time" data-setting-widget-type="string">
|
2021-08-19 16:38:10 +02:00
|
|
|
{{#each twenty_four_hour_time_values}}
|
2021-12-04 15:39:38 +01:00
|
|
|
<option value='{{ this.value }}'>{{ this.description }}</option>
|
2021-08-19 16:38:10 +02:00
|
|
|
{{/each}}
|
|
|
|
</select>
|
2017-04-26 04:45:03 +02:00
|
|
|
</div>
|
2021-08-19 16:38:10 +02:00
|
|
|
<div class="input-group">
|
2024-03-29 07:54:50 +01:00
|
|
|
<label for="color_scheme" class="settings-field-label">{{t "Theme" }}</label>
|
2023-02-16 10:57:08 +01:00
|
|
|
<select name="color_scheme" class="setting_color_scheme prop-element settings_select bootstrap-focus-style" id="{{prefix}}color_scheme" data-setting-widget-type="number">
|
2021-10-21 14:11:19 +02:00
|
|
|
{{> dropdown_options_widget option_values=color_scheme_values}}
|
|
|
|
</select>
|
|
|
|
</div>
|
2024-07-11 08:07:36 +02:00
|
|
|
|
|
|
|
{{> settings_checkbox
|
|
|
|
setting_name="dense_mode"
|
|
|
|
is_checked=settings_object.dense_mode
|
|
|
|
label=settings_label.dense_mode
|
|
|
|
render_only=settings_render_only.dense_mode
|
|
|
|
prefix=prefix}}
|
2024-07-11 08:09:34 +02:00
|
|
|
|
|
|
|
{{#if information_density_settings.render_group}}
|
|
|
|
<div class="information-density-settings">
|
|
|
|
<div class="title">{{t "Information density settings"}}</div>
|
|
|
|
{{#each information_density_settings.settings.user_display_settings}}
|
|
|
|
{{> settings_numeric_input
|
|
|
|
setting_name=this
|
|
|
|
setting_value=(lookup ../settings_object this)
|
|
|
|
label=(lookup ../settings_label this)
|
|
|
|
render_only=(lookup ../settings_render_only.render_only this)
|
|
|
|
prefix=../prefix}}
|
|
|
|
{{/each}}
|
|
|
|
</div>
|
|
|
|
{{/if}}
|
2023-03-04 13:28:12 +01:00
|
|
|
</div>
|
|
|
|
|
2024-01-21 17:52:07 +01:00
|
|
|
<div class="emoji-preferences {{#if for_realm_settings}}settings-subsection-parent{{else}}subsection-parent{{/if}}">
|
2023-03-04 13:28:12 +01:00
|
|
|
<div class="subsection-header">
|
|
|
|
<h3 class="light">{{t "Emoji" }}</h3>
|
2024-01-31 21:39:48 +01:00
|
|
|
{{> settings_save_discard_widget section_name="emoji-preferences-settings" show_only_indicator=(not for_realm_settings) }}
|
2023-03-04 13:28:12 +01:00
|
|
|
</div>
|
2021-10-21 14:11:19 +02:00
|
|
|
|
|
|
|
<div class="input-group">
|
2024-03-29 11:20:36 +01:00
|
|
|
<label class="settings-field-label">{{t "Emoji theme" }}</label>
|
2022-09-30 16:24:36 +02:00
|
|
|
<div class="emojiset_choices grey-box prop-element" id="{{prefix}}emojiset" data-setting-widget-type="radio-group" data-setting-choice-type="string">
|
2021-08-25 13:03:05 +02:00
|
|
|
{{#each settings_object.emojiset_choices}}
|
2024-01-20 01:00:48 +01:00
|
|
|
<label class="preferences-radio-choice-label">
|
2023-09-18 21:35:53 +02:00
|
|
|
<div class="radio-choice-controls">
|
|
|
|
<input type="radio" class="setting_emojiset_choice" name="emojiset" value="{{this.key}}"/>
|
|
|
|
<span>{{this.text}}</span>
|
|
|
|
{{#if (eq this.key "google-blob")}}
|
|
|
|
<span>(<em>{{t "deprecated" }}</em>)</span>
|
|
|
|
{{> ../help_link_widget link="/help/emoji-and-emoticons#change-your-emoji-set" }}
|
|
|
|
{{/if}}
|
|
|
|
</div>
|
2021-12-04 15:39:38 +01:00
|
|
|
<span class="right">
|
|
|
|
{{#if (eq this.key "text") }}
|
|
|
|
<div class="emoji_alt_code"> :relaxed:</div>
|
|
|
|
{{else}}
|
|
|
|
<img class="emoji" src="/static/generated/emoji/images-{{this.key}}-64/1f642.png" />
|
|
|
|
<img class="emoji" src="/static/generated/emoji/images-{{this.key}}-64/1f44d.png" />
|
|
|
|
<img class="emoji" src="/static/generated/emoji/images-{{this.key}}-64/1f680.png" />
|
|
|
|
<img class="emoji" src="/static/generated/emoji/images-{{this.key}}-64/1f389.png" />
|
|
|
|
{{/if}}
|
|
|
|
</span>
|
|
|
|
</label>
|
2021-08-19 16:38:10 +02:00
|
|
|
{{/each}}
|
2017-11-02 21:25:36 +01:00
|
|
|
</div>
|
2018-03-23 22:38:00 +01:00
|
|
|
</div>
|
2021-08-19 16:38:10 +02:00
|
|
|
|
|
|
|
{{> settings_checkbox
|
|
|
|
setting_name="translate_emoticons"
|
2021-08-25 13:03:05 +02:00
|
|
|
is_checked=settings_object.translate_emoticons
|
2021-08-19 21:04:24 +02:00
|
|
|
label=settings_label.translate_emoticons
|
2024-01-11 22:15:30 +01:00
|
|
|
help_link="/help/configure-emoticon-translations"
|
2021-08-19 21:04:24 +02:00
|
|
|
prefix=prefix}}
|
2021-10-21 14:11:19 +02:00
|
|
|
|
2022-04-08 16:04:22 +02:00
|
|
|
{{> settings_checkbox
|
|
|
|
setting_name="display_emoji_reaction_users"
|
|
|
|
is_checked=settings_object.display_emoji_reaction_users
|
|
|
|
label=settings_label.display_emoji_reaction_users
|
|
|
|
prefix=prefix}}
|
2023-03-04 12:59:24 +01:00
|
|
|
</div>
|
|
|
|
|
2024-07-11 09:26:58 +02:00
|
|
|
<div class="navigation-settings {{#if for_realm_settings}}settings-subsection-parent{{else}}subsection-parent{{/if}}">
|
2023-03-04 12:59:24 +01:00
|
|
|
<div class="subsection-header">
|
2024-07-11 09:26:58 +02:00
|
|
|
<h3 class="light">{{t "Navigation" }}</h3>
|
|
|
|
{{> settings_save_discard_widget section_name="navigation-settings" show_only_indicator=(not for_realm_settings) }}
|
2023-03-04 12:59:24 +01:00
|
|
|
</div>
|
2022-08-12 22:41:06 +02:00
|
|
|
|
2024-07-11 09:26:58 +02:00
|
|
|
<div class="input-group thinner setting-next-is-related">
|
|
|
|
<label for="web_home_view" class="settings-field-label">{{t "Home view" }}
|
|
|
|
{{> ../help_link_widget link="/help/configure-home-view" }}
|
|
|
|
</label>
|
|
|
|
<select name="web_home_view" class="setting_web_home_view prop-element settings_select bootstrap-focus-style" id="{{prefix}}web_home_view" data-setting-widget-type="string">
|
|
|
|
{{> dropdown_options_widget option_values=web_home_view_values}}
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
{{> settings_checkbox
|
|
|
|
setting_name="web_escape_navigates_to_home_view"
|
|
|
|
is_checked=settings_object.web_escape_navigates_to_home_view
|
|
|
|
label=settings_label.web_escape_navigates_to_home_view
|
|
|
|
prefix=prefix}}
|
|
|
|
|
|
|
|
{{> settings_checkbox
|
|
|
|
setting_name="web_navigate_to_sent_message"
|
|
|
|
is_checked=settings_object.web_navigate_to_sent_message
|
|
|
|
label=settings_label.web_navigate_to_sent_message
|
|
|
|
prefix=prefix}}
|
|
|
|
|
2023-03-08 02:27:45 +01:00
|
|
|
<div class="input-group">
|
2024-03-29 07:54:50 +01:00
|
|
|
<label for="web_mark_read_on_scroll_policy" class="settings-field-label">{{t "Automatically mark messages as read" }}
|
2023-03-08 02:27:45 +01:00
|
|
|
{{> ../help_link_widget link="/help/marking-messages-as-read" }}
|
|
|
|
</label>
|
|
|
|
<select name="web_mark_read_on_scroll_policy" class="setting_web_mark_read_on_scroll_policy prop-element settings_select bootstrap-focus-style" id="{{prefix}}web_mark_read_on_scroll_policy" data-setting-widget-type="number">
|
|
|
|
{{> dropdown_options_widget option_values=web_mark_read_on_scroll_policy_values}}
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
|
2024-07-11 09:26:58 +02:00
|
|
|
<div class="input-group">
|
|
|
|
<label for="web_channel_default_view" class="settings-field-label">{{t "Channel links in the left sidebar go to" }}</label>
|
|
|
|
<select name="web_channel_default_view" class="setting_web_channel_default_view prop-element settings_select bootstrap-focus-style" id="{{prefix}}web_channel_default_view" data-setting-widget-type="number">
|
|
|
|
{{> dropdown_options_widget option_values=web_channel_default_view_values}}
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="information-settings {{#if for_realm_settings}}settings-subsection-parent{{else}}subsection-parent{{/if}}">
|
|
|
|
<div class="subsection-header">
|
|
|
|
<h3 class="light">{{t "Information" }}</h3>
|
|
|
|
{{> settings_save_discard_widget section_name="information-settings" show_only_indicator=(not for_realm_settings) }}
|
|
|
|
</div>
|
|
|
|
|
2022-08-12 22:41:06 +02:00
|
|
|
<div class="input-group">
|
2024-03-29 11:20:36 +01:00
|
|
|
<label class="settings-field-label">{{t "User list style" }}</label>
|
2022-09-30 16:24:36 +02:00
|
|
|
<div class="user_list_style_values grey-box prop-element" id="{{prefix}}user_list_style" data-setting-widget-type="radio-group" data-setting-choice-type="number">
|
2022-08-12 22:41:06 +02:00
|
|
|
{{#each user_list_style_values}}
|
2024-01-20 01:00:48 +01:00
|
|
|
<label class="preferences-radio-choice-label">
|
2023-09-18 21:35:53 +02:00
|
|
|
<div class="radio-choice-controls">
|
|
|
|
<input type="radio" class="setting_user_list_style_choice" name="user_list_style" value="{{this.code}}"/>
|
|
|
|
<span>{{this.description}}</span>
|
|
|
|
</div>
|
2022-08-12 22:41:06 +02:00
|
|
|
<span class="right preview">
|
|
|
|
{{#if (eq this.code 1)}}
|
2023-09-18 21:01:13 +02:00
|
|
|
<div class="user-name-and-status-emoji">
|
|
|
|
<span class="user-name">{{../full_name}}</span>
|
|
|
|
{{> ../status_emoji emoji_code="1f3e0"}}
|
|
|
|
</div>
|
2022-08-12 22:41:06 +02:00
|
|
|
{{/if}}
|
|
|
|
{{#if (eq this.code 2)}}
|
|
|
|
<div class="user-name-and-status-text">
|
|
|
|
<div class="user-name-and-status-emoji">
|
|
|
|
<span class="user-name">{{../full_name}}</span>
|
|
|
|
{{> ../status_emoji emoji_code="1f3e0"}}
|
|
|
|
</div>
|
|
|
|
<span class="status-text">{{t "Working remotely" }}</span>
|
|
|
|
</div>
|
|
|
|
{{/if}}
|
|
|
|
</span>
|
|
|
|
</label>
|
|
|
|
{{/each}}
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-10-21 14:11:19 +02:00
|
|
|
|
2023-04-25 13:37:16 +02:00
|
|
|
<div class="input-group">
|
2024-03-29 07:54:50 +01:00
|
|
|
<label for="web_stream_unreads_count_display_policy" class="settings-field-label">{{t "Show unread counts for" }}</label>
|
2023-04-25 13:37:16 +02:00
|
|
|
<select name="web_stream_unreads_count_display_policy" class="setting_web_stream_unreads_count_display_policy prop-element bootstrap-focus-style settings_select" id="{{prefix}}web_stream_unreads_count_display_policy" data-setting-widget-type="number">
|
|
|
|
{{> dropdown_options_widget option_values=web_stream_unreads_count_display_policy_values}}
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
|
2024-07-11 08:39:46 +02:00
|
|
|
{{#each information_section_checkbox_group.settings.user_display_settings}}
|
2021-12-04 15:39:38 +01:00
|
|
|
{{> settings_checkbox
|
|
|
|
setting_name=this
|
|
|
|
is_checked=(lookup ../settings_object this)
|
|
|
|
label=(lookup ../settings_label this)
|
2024-07-11 07:51:19 +02:00
|
|
|
render_only=(lookup ../settings_render_only.render_only this)
|
2021-12-04 15:39:38 +01:00
|
|
|
prefix=../prefix}}
|
2021-10-21 14:11:19 +02:00
|
|
|
{{/each}}
|
|
|
|
|
2024-07-11 09:26:58 +02:00
|
|
|
<div class="input-group">
|
|
|
|
<label for="demote_inactive_streams" class="settings-field-label">{{t "Demote inactive channels" }}
|
|
|
|
{{> ../help_link_widget link="/help/manage-inactive-channels" }}
|
|
|
|
</label>
|
|
|
|
<select name="demote_inactive_streams" class="setting_demote_inactive_streams prop-element settings_select bootstrap-focus-style" id="{{prefix}}demote_inactive_streams" data-setting-widget-type="number">
|
|
|
|
{{> dropdown_options_widget option_values=demote_inactive_streams_values}}
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
|
2024-07-11 08:31:09 +02:00
|
|
|
{{> settings_checkbox
|
|
|
|
setting_name="high_contrast_mode"
|
|
|
|
is_checked=settings_object.high_contrast_mode
|
|
|
|
label=settings_label.high_contrast_mode
|
|
|
|
render_only=settings_render_only.high_contrast_mode
|
|
|
|
prefix=prefix}}
|
2021-08-19 16:38:10 +02:00
|
|
|
</div>
|
|
|
|
</form>
|