mirror of
https://github.com/zulip/zulip.git
synced 2025-10-23 04:52:12 +00:00
9b1b52ec8a
Having the class named after a color limited to things we can do with the class + does not signify what the class is for in terms of it's use. Name decided at https://chat.zulip.org/#narrow/channel/101-design/topic/grey-box.20dark.20theme.20color.2E/near/2272404
87 lines
4.3 KiB
Handlebars
87 lines
4.3 KiB
Handlebars
<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>
|
|
|
|
<div class="input-group">
|
|
<label class="settings-field-label">{{t "User list style" }}</label>
|
|
<div class="user_list_style_values settings-highlight-box prop-element" id="{{prefix}}user_list_style" data-setting-widget-type="radio-group" data-setting-choice-type="number">
|
|
{{#each user_list_style_values}}
|
|
<label class="preferences-radio-choice-label">
|
|
<span class="radio-choice-controls">
|
|
<input type="radio" class="setting_user_list_style_choice" name="user_list_style" value="{{this.code}}"/>
|
|
<span class="preferences-radio-choice-text">{{this.description}}</span>
|
|
</span>
|
|
<span class="right preview">
|
|
{{#if (eq this.code 1)}}
|
|
<span class="user-name-and-status-emoji">
|
|
<span class="user-name">{{../full_name}}</span>
|
|
{{> ../status_emoji emoji_name="house" emoji_code="1f3e0"}}
|
|
</span>
|
|
{{/if}}
|
|
{{#if (eq this.code 2)}}
|
|
<span class="user-name-and-status-text">
|
|
<span class="user-name-and-status-emoji">
|
|
<span class="user-name">{{../full_name}}</span>
|
|
{{> ../status_emoji emoji_name="house" emoji_code="1f3e0"}}
|
|
</span>
|
|
<span class="status-text">{{t "Working remotely" }}</span>
|
|
</span>
|
|
{{/if}}
|
|
{{#if (eq this.code 3)}}
|
|
<span class="profile-with-avatar">
|
|
<span class="user-profile-picture">
|
|
<img src="{{../profile_picture}}"/>
|
|
</span>
|
|
<span class="user-name-and-status-wrapper">
|
|
<span class="user-name-and-status-emoji">
|
|
<span class="user-name">{{../full_name}}</span>
|
|
{{> ../status_emoji emoji_name="house" emoji_code="1f3e0"}}
|
|
</span>
|
|
<span class="status-text">{{t "Working remotely" }}</span>
|
|
</span>
|
|
</span>
|
|
{{/if}}
|
|
</span>
|
|
</label>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<label for="{{prefix}}web_animate_image_previews" class="settings-field-label">{{t "Play animated images" }}</label>
|
|
<select name="web_animate_image_previews" class="setting_web_animate_image_previews prop-element settings_select bootstrap-focus-style" id="{{prefix}}web_animate_image_previews" data-setting-widget-type="string">
|
|
{{> dropdown_options_widget option_values=web_animate_image_previews_values}}
|
|
</select>
|
|
</div>
|
|
|
|
{{> settings_checkbox
|
|
setting_name="receives_typing_notifications"
|
|
is_checked=settings_object.receives_typing_notifications
|
|
label=settings_label.receives_typing_notifications
|
|
render_only=settings_render_only.receives_typing_notifications
|
|
prefix=prefix}}
|
|
|
|
{{> settings_checkbox
|
|
setting_name="hide_ai_features"
|
|
is_checked=settings_object.hide_ai_features
|
|
label=settings_label.hide_ai_features
|
|
render_only=settings_render_only.hide_ai_features
|
|
prefix=prefix}}
|
|
|
|
{{> settings_checkbox
|
|
setting_name="fluid_layout_width"
|
|
is_checked=settings_object.fluid_layout_width
|
|
label=settings_label.fluid_layout_width
|
|
render_only=settings_render_only.fluid_layout_width
|
|
prefix=prefix}}
|
|
|
|
{{> 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}}
|
|
</div>
|