2016-10-06 20:34:07 +02:00
<div id="notification-settings" class="settings-section" data-name="notifications">
2017-04-26 04:45:56 +02:00
<form class="notification-settings-form">
2020-03-23 08:29:48 +01:00
<div id="general_notifications" class="subsection-parent">
<h3 class="inline-block"> {{ t "Notification triggers" }} </h3>
<div class="alert-notification" id="general-notify-settings-status"></div>
2020-03-26 19:45:07 +01:00
<p> {{ t "Configure how Zulip notifies you about new messages." }} </p>
2020-03-23 08:29:48 +01:00
<table id="notification-table" class="table table-condensed table-bordered wrapped-table">
<thead>
<tr>
<th rowspan="2" width="30%"></th>
<th colspan="2" width="28%"> {{ t "Desktop" }} </th>
2020-06-06 21:23:05 +02:00
<th rowspan="2" width="14%" class=" {{ # if show_push_notifications_tooltip .push_notifications }} control-label-disabled {{ / if }} ">
2020-03-23 08:29:48 +01:00
{{ t "Mobile" }}
{{ # if ( not page_params .realm_push_notifications_enabled ) }}
2021-02-26 09:50:06 +01:00
<i class="fa fa-question-circle settings-info-icon tippy-zulip-tooltip" data-tippy-content=" {{ t 'Mobile push notifications are not configured on this server.' }} "></i>
2020-03-23 08:29:48 +01:00
{{ / if }}
</th>
<th rowspan="2" width="14%"> {{ t "Email" }} </th>
<th rowspan="2" width="14%">@all
2021-02-26 09:50:06 +01:00
<i class="fa fa-question-circle settings-info-icon tippy-zulip-tooltip" data-tippy-content=" {{ t 'Whether wildcard mentions like @all are treated as mentions for the purpose of notifications.' }} "></i>
2020-03-23 08:29:48 +01:00
</th>
</tr>
<tr>
<th> {{ t "Visual" }} </th>
<th> {{ t "Audio" }} </th>
</tr>
</thead>
<tbody>
{{ # each general_settings }}
<tr>
<td> {{ this .label }} </td>
{{ # each this .notification_settings }}
{{ > notification_settings_checkboxes
setting_name=this.setting_name
is_checked=this.is_checked
2020-03-12 17:40:38 +01:00
is_disabled=this.is_disabled }}
2020-03-23 08:29:48 +01:00
{{ / each }}
</tr>
{{ / each }}
</tbody>
2020-03-12 17:40:38 +01:00
<tbody id="stream-specific-notify-table">
{{ > ../settings / stream_specific_notification_row }}
</tbody>
2020-03-23 08:29:48 +01:00
</table>
2018-01-25 02:11:17 +01:00
</div>
2017-04-26 04:45:56 +02:00
2020-03-22 16:51:22 +01:00
<div id="other_notifications" class="m-10 inline-block subsection-parent">
2018-01-25 02:11:17 +01:00
2018-03-07 23:08:42 +01:00
<h3 class="inline-block"> {{ t "Other notification settings" }} </h3>
<div class="alert-notification" id="other-notify-settings-status"></div>
2018-03-23 19:52:46 +01:00
2019-04-20 01:04:22 +02:00
<h5> {{ t "Desktop" }} </h5>
2020-04-27 00:02:36 +02:00
<p><a id="send_test_notification"> {{ t "Send test notification" }} </a></p>
2019-06-12 19:36:48 +02:00
{{ # each notification_settings .desktop_notification_settings }}
2019-07-11 04:05:28 +02:00
{{ > settings_checkbox
setting_name=this
is_checked=(lookup ../page_params this)
label=(lookup ../settings_label this)}}
2019-06-12 19:36:48 +02:00
{{ / each }}
2019-04-20 00:42:32 +02:00
2019-04-20 01:04:22 +02:00
<label for="notification_sound">
2019-06-07 06:01:20 +02:00
{{ t "Notification sound" }}
2019-04-20 01:04:22 +02:00
</label>
<div class="input-group {{ # unless enable_sound_select }} control-label-disabled {{ / unless }} ">
2020-05-07 11:20:22 +02:00
<select name="notification_sound" id="notification_sound" data-setting-widget-type="string"
2019-04-20 01:04:22 +02:00
{{ # unless enable_sound_select }}
disabled
{{ / unless }} >
2021-04-28 01:04:06 +02:00
<option value="none"> {{ t "None" }} </option>
2019-04-20 01:04:22 +02:00
{{ # each page_params .available_notification_sounds }}
<option value=" {{ this }} "> {{ this }} </option>
{{ / each }}
</select>
2020-06-11 05:35:33 +02:00
<span id="play_notification_sound">
2020-05-13 07:26:30 +02:00
<i class="fa fa-play-circle" aria-label=" {{ t 'Play sound' }} "></i>
2020-06-11 05:35:33 +02:00
</span>
2019-04-20 01:04:22 +02:00
</div>
2019-06-29 22:00:44 +02:00
<div class="input-group">
<label for="desktop_icon_count_display" class="dropdown-title"> {{ settings_label .desktop_icon_count_display }} </label>
2020-03-22 16:33:12 +01:00
<select name="desktop_icon_count_display" id="desktop_icon_count_display" class="prop-element"
2020-05-07 11:20:22 +02:00
data-setting-widget-type="number">
2020-01-22 19:01:51 +01:00
{{ > dropdown_options_widget option_values = desktop_icon_count_display_values }}
2019-06-29 22:00:44 +02:00
</select>
</div>
2019-04-20 01:04:22 +02:00
<h5> {{ t "Mobile" }} </h5>
2019-06-12 19:36:48 +02:00
{{ # each notification_settings .mobile_notification_settings }}
2019-07-11 04:05:28 +02:00
{{ > settings_checkbox
setting_name=this
is_checked=(lookup ../page_params this)
label=(lookup ../settings_label this)
2020-03-22 18:03:25 +01:00
show_push_notifications_tooltip=(lookup ../show_push_notifications_tooltip this)}}
2019-06-12 19:36:48 +02:00
{{ / each }}
2019-04-18 03:58:25 +02:00
2019-04-20 01:04:22 +02:00
<h5> {{ t "Email" }} </h5>
2019-06-12 19:36:48 +02:00
{{ # each notification_settings .email_notification_settings }}
2019-07-11 04:05:28 +02:00
{{ > settings_checkbox
setting_name=this
is_checked=(lookup ../page_params this)
label=(lookup ../settings_label this)}}
2019-06-12 19:36:48 +02:00
{{ / each }}
2018-01-06 23:30:43 +01:00
2017-04-26 04:45:56 +02:00
</div>
2018-01-11 21:36:11 +01:00
</form>
2016-10-05 02:17:42 +02:00
</div>