2013-07-29 23:03:31 +02:00
|
|
|
{% extends "zerver/base.html" %}
|
2019-10-23 07:46:34 +02:00
|
|
|
{% set entrypoint = "app" %}
|
2012-10-16 06:03:29 +02:00
|
|
|
{# The app itself. #}
|
|
|
|
{# Includes some other templates as tabs. #}
|
2012-11-02 16:59:54 +01:00
|
|
|
|
2019-05-17 06:08:52 +02:00
|
|
|
{% block meta_viewport %}
|
2021-04-21 00:46:14 +02:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
2019-05-17 06:08:52 +02:00
|
|
|
{% endblock %}
|
|
|
|
|
2012-09-24 17:17:41 +02:00
|
|
|
{% block customhead %}
|
2021-04-21 00:46:14 +02:00
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
|
<link href="/static/images/logo/apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed" />
|
2018-07-06 23:31:53 +02:00
|
|
|
<style>
|
2019-09-20 06:43:04 +02:00
|
|
|
#app-loading {
|
2021-06-25 04:39:29 +02:00
|
|
|
font-size: 16px;
|
2018-10-14 21:57:50 +02:00
|
|
|
background-color: hsl(0, 0%, 100%);
|
2018-05-01 18:46:38 +02:00
|
|
|
position: fixed;
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
padding: 10px;
|
|
|
|
top: 0px;
|
|
|
|
left: 0px;
|
2019-09-20 06:43:04 +02:00
|
|
|
z-index: 9001;
|
2018-05-01 18:46:38 +02:00
|
|
|
}
|
2021-06-25 04:39:29 +02:00
|
|
|
#app-loading-middle-content, #app-loading-bottom-content {
|
|
|
|
position: absolute;
|
|
|
|
left: 50%;
|
|
|
|
top: 50%;
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
#app-loading-logo {
|
|
|
|
width: 96px;
|
|
|
|
height: 96px;
|
|
|
|
margin: 0 auto 24px;
|
|
|
|
}
|
|
|
|
#app-loading-middle-content h3 {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
#app-loading-bottom-content {
|
|
|
|
top: unset;
|
|
|
|
bottom: 20px;
|
|
|
|
}
|
|
|
|
body.night-mode #app-loading {
|
|
|
|
background-color: hsl(212, 28%, 18%);
|
2021-07-06 23:57:17 +02:00
|
|
|
color: hsl(236, 33%, 90%);
|
2021-06-25 04:39:29 +02:00
|
|
|
}
|
2018-05-01 18:46:38 +02:00
|
|
|
</style>
|
2012-09-24 17:17:41 +02:00
|
|
|
{% endblock %}
|
2018-05-01 18:46:38 +02:00
|
|
|
|
2012-09-24 17:17:41 +02:00
|
|
|
{% block content %}
|
2018-12-21 18:21:37 +01:00
|
|
|
<div id="feedback_container" class="new-style">
|
|
|
|
</div>
|
2017-11-01 22:11:15 +01:00
|
|
|
|
2019-09-20 06:43:04 +02:00
|
|
|
<div id="app-loading">
|
2021-06-25 04:39:29 +02:00
|
|
|
<div id="app-loading-middle-content">
|
|
|
|
<div id="app-loading-logo">
|
|
|
|
<img src="/static/images/logo/zulip-icon-circle.svg" />
|
|
|
|
</div>
|
|
|
|
<h3>{{ _('Loading...') }}</h3>
|
|
|
|
</div>
|
|
|
|
<div id="app-loading-bottom-content">
|
|
|
|
<p>{% trans %}If this message does not go away, please wait a couple seconds and <a id="reload-lnk">reload</a> the page.{% endtrans %}</p>
|
|
|
|
<script nonce="{{ csp_nonce }}">
|
|
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
|
|
function reload() {
|
|
|
|
location.reload(true);
|
|
|
|
}
|
|
|
|
document.getElementById('reload-lnk').addEventListener('click', reload);
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
</div>
|
2013-11-25 23:05:08 +01:00
|
|
|
</div>
|
|
|
|
|
2021-06-10 19:31:22 +02:00
|
|
|
<div class="subscriptions">
|
|
|
|
<div id="subscriptions_table">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="drafts_table"></div>
|
2017-06-22 12:43:49 +02:00
|
|
|
<div id="settings_overlay_container" class="overlay" data-overlay="settings" aria-hidden="true">
|
2018-04-22 07:02:19 +02:00
|
|
|
{% include "zerver/app/settings_overlay.html" %}
|
2016-12-03 01:12:52 +01:00
|
|
|
</div>
|
2017-11-01 22:11:15 +01:00
|
|
|
|
2021-06-05 11:16:17 +02:00
|
|
|
<div id="navbar_alerts_wrapper"></div>
|
2021-06-30 16:20:43 +02:00
|
|
|
<div id="navbar-container"></div>
|
2014-01-15 17:11:37 +01:00
|
|
|
|
2014-01-09 16:58:51 +01:00
|
|
|
<div class="fixed-app">
|
2018-01-27 18:30:55 +01:00
|
|
|
<div class="app-main">
|
|
|
|
<div class="column-middle column-overlay">
|
2020-07-08 23:44:01 +02:00
|
|
|
<div id="message_view_header_underpadding"></div>
|
2018-01-27 18:30:55 +01:00
|
|
|
</div>
|
2014-01-09 16:58:51 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2014-02-13 22:40:40 +01:00
|
|
|
<div class="app">
|
2018-01-27 18:30:55 +01:00
|
|
|
<div class="alert-box">
|
|
|
|
<div class="alert alert_sidebar alert-error home-error-bar" id="connection-error">
|
|
|
|
<div class="exit"></div>
|
|
|
|
{% trans %}<strong class="message">Unable to connect to
|
|
|
|
Zulip.</strong> Updates may be delayed.{% endtrans %} {{ _('Retrying soon...') }} <a class="restart_get_events_button">{{ _('Try now.') }}</a>
|
|
|
|
</div>
|
|
|
|
<div class="alert alert_sidebar alert-error home-error-bar" id="zephyr-mirror-error">
|
|
|
|
<div class="exit"></div>
|
|
|
|
{# The below isn't tagged for translation
|
|
|
|
intentionally, because the feature is only used at
|
|
|
|
MIT. #}
|
|
|
|
<strong>Your Zephyr mirror is not working.</strong>
|
|
|
|
<span id="normal-zephyr-mirror-error-text">
|
|
|
|
We recommend that
|
|
|
|
you <a class="webathena_login">give Zulip the ability to mirror the messages for you via
|
|
|
|
WebAthena</a>. If you'd prefer, you can instead
|
2020-05-26 05:15:21 +02:00
|
|
|
<a href="/zephyr-mirror" target="_blank" rel="noopener noreferrer">run the
|
2018-01-27 18:30:55 +01:00
|
|
|
Zephyr mirror script yourself</a> in a screen
|
|
|
|
session.
|
|
|
|
</span>
|
|
|
|
<span id="desktop-zephyr-mirror-error-text" class="notdisplayed">To fix
|
|
|
|
this, you'll need to use the web interface.</span>
|
|
|
|
</div>
|
|
|
|
<div class="alert alert_sidebar alert-error home-error-bar" id="home-error"></div>
|
|
|
|
<div class="alert alert_sidebar alert-error home-error-bar" id="reloading-application"></div>
|
2013-08-13 12:52:26 +02:00
|
|
|
</div>
|
2018-01-27 18:30:55 +01:00
|
|
|
<div class="app-main">
|
2021-06-29 09:48:40 +02:00
|
|
|
<div class="column-left" id="left-sidebar-container">
|
2018-01-27 18:30:55 +01:00
|
|
|
</div>
|
|
|
|
<div class="column-middle">
|
|
|
|
<div class="column-middle-inner tab-content">
|
2020-07-05 12:19:09 +02:00
|
|
|
<div id="recent_topics_view">
|
|
|
|
<div class="recent_topics_container">
|
|
|
|
<div id="recent_topics_table"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-09-20 10:14:24 +02:00
|
|
|
<div class="tab-pane" id="message_feed_container">
|
2018-01-27 18:30:55 +01:00
|
|
|
<div class="fixed-app" id="floating_recipient_bar">
|
|
|
|
<div class="app-main recipient_bar_content">
|
|
|
|
<div class="column-middle column-overlay recipient-bar-main">
|
|
|
|
<div class="floating_recipient">
|
|
|
|
<div style="display: none;" id="current_label_stream" class="recipient_row">
|
|
|
|
<div class="message_label_clickable message_header message_header_stream right_part"></div>
|
|
|
|
</div>
|
|
|
|
<div style="display: none;" id="current_label_private_message" class="recipient_row">
|
|
|
|
<div class="message_label_clickable message_header message_header_private_message right_part"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2014-02-18 17:41:49 +01:00
|
|
|
</div>
|
2018-01-27 18:30:55 +01:00
|
|
|
<div id="alert-bar-container" class="alert-bar-container" style='display: none;'>
|
|
|
|
<div id="alert-bar" class="alert-bar">
|
|
|
|
<div id="alert-bar-contents" class="alert-bar-contents">
|
|
|
|
<div id="custom-alert-bar-content"></div>
|
2018-07-02 23:25:28 +02:00
|
|
|
<i class="fa fa-remove close-alert-icon" aria-hidden="true"></i>
|
2018-01-27 18:30:55 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-07-07 18:35:14 +02:00
|
|
|
<div class="message_area_padder message_list" id="main_div">
|
2021-07-07 18:41:35 +02:00
|
|
|
<div class="top-messages-logo">
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 773.12 773.12">
|
|
|
|
<circle cx="386.56" cy="386.56" r="386.56"/>
|
|
|
|
<path d="M566.66 527.25c0 33.03-24.23 60.05-53.84 60.05H260.29c-29.61 0-53.84-27.02-53.84-60.05 0-20.22 9.09-38.2 22.93-49.09l134.37-120c2.5-2.14 5.74 1.31 3.94 4.19l-49.29 98.69c-1.38 2.76.41 6.16 3.25 6.16h191.18c29.61 0 53.83 27.03 53.83 60.05zm0-281.39c0 20.22-9.09 38.2-22.93 49.09l-134.37 120c-2.5 2.14-5.74-1.31-3.94-4.19l49.29-98.69c1.38-2.76-.41-6.16-3.25-6.16H260.29c-29.61 0-53.84-27.02-53.84-60.05s24.23-60.05 53.84-60.05h252.54c29.61 0 53.83 27.02 53.83 60.05z"/>
|
|
|
|
</svg>
|
|
|
|
</div>
|
|
|
|
<div id="loading_older_messages_indicator"></div>
|
|
|
|
<div id="page_loading_indicator"></div>
|
2021-07-07 18:35:14 +02:00
|
|
|
{% include "zerver/app/home.html" %}
|
2021-07-07 18:41:35 +02:00
|
|
|
<div class="message_table focused_table" id="zhome" role="list" aria-live="polite" aria-label="{{ _('Messages') }}">
|
|
|
|
</div>
|
|
|
|
<div class="message_table" id="zfilt" role="list" aria-live="polite" aria-label="{{ _('Messages') }}">
|
|
|
|
</div>
|
|
|
|
<div id="typing_notifications">
|
|
|
|
</div>
|
|
|
|
<div id="bottom_whitespace">
|
|
|
|
<div class="bottom-messages-logo">
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 773.12 773.12">
|
|
|
|
<circle cx="386.56" cy="386.56" r="386.56"/>
|
|
|
|
<path d="M566.66 527.25c0 33.03-24.23 60.05-53.84 60.05H260.29c-29.61 0-53.84-27.02-53.84-60.05 0-20.22 9.09-38.2 22.93-49.09l134.37-120c2.5-2.14 5.74 1.31 3.94 4.19l-49.29 98.69c-1.38 2.76.41 6.16 3.25 6.16h191.18c29.61 0 53.83 27.03 53.83 60.05zm0-281.39c0 20.22-9.09 38.2-22.93 49.09l-134.37 120c-2.5 2.14-5.74-1.31-3.94-4.19l49.29-98.69c1.38-2.76-.41-6.16-3.25-6.16H260.29c-29.61 0-53.84-27.02-53.84-60.05s24.23-60.05 53.84-60.05h252.54c29.61 0 53.83 27.02 53.83 60.05z"/>
|
|
|
|
</svg>
|
|
|
|
</div>
|
|
|
|
<div id="loading_newer_messages_indicator"></div>
|
|
|
|
</div>
|
2021-07-07 18:35:14 +02:00
|
|
|
</div>
|
2014-02-18 17:41:49 +01:00
|
|
|
</div>
|
2021-06-10 16:52:29 +02:00
|
|
|
<div id="compose" {% if embedded %}data-embedded{% endif %}>
|
|
|
|
<div id="compose-container"></div>
|
|
|
|
</div>
|
2018-01-27 18:30:55 +01:00
|
|
|
</div><!--/tab-content-->
|
|
|
|
</div>
|
2021-06-29 12:47:35 +02:00
|
|
|
<div class="column-right" id="right-sidebar-container">
|
2018-01-27 18:30:55 +01:00
|
|
|
</div><!--/right sidebar-->
|
|
|
|
</div><!--/row-->
|
2017-06-22 12:43:49 +02:00
|
|
|
<div class="informational-overlays overlay new-style" data-overlay="informationalOverlays" aria-hidden="true">
|
2017-11-16 01:31:46 +01:00
|
|
|
<div class="overlay-content modal-bg">
|
2017-01-05 21:11:45 +01:00
|
|
|
<div class="overlay-tabs">
|
2017-02-01 20:51:25 +01:00
|
|
|
<button class="button no-style exit">×</button>
|
2017-01-05 21:11:45 +01:00
|
|
|
</div>
|
|
|
|
<div class="overlay-body">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-06-10 22:12:23 +02:00
|
|
|
<div class="hidden">
|
|
|
|
<form id="logout_form" action="/accounts/logout/" method="POST">{{ csrf_input }}
|
|
|
|
</form>
|
|
|
|
</div>
|
2018-04-23 20:41:35 +02:00
|
|
|
<div id="user-profile-modal-holder"></div>
|
2019-01-18 17:40:54 +01:00
|
|
|
<div id="delete-topic-modal-holder"></div>
|
2019-02-22 12:28:29 +01:00
|
|
|
<div class="left-sidebar-modal-holder"></div>
|
2021-03-27 13:14:34 +01:00
|
|
|
<div class="mute-user-modal-holder"></div>
|
2020-02-19 01:38:34 +01:00
|
|
|
<div id="move-a-topic-modal-holder"></div>
|
2021-07-07 18:33:53 +02:00
|
|
|
<audio id="notification-sound-audio">
|
|
|
|
<source id="notification-sound-source-ogg" type="audio/ogg" />
|
|
|
|
<source id="notification-sound-source-mp3" type="audio/mpeg" />
|
|
|
|
</audio>
|
2013-02-28 19:04:58 +01:00
|
|
|
</div>
|
2012-08-28 18:44:51 +02:00
|
|
|
{% endblock %}
|