Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/templates/zerver/app/index.html

277 lines
12 KiB
HTML
Raw Normal View History

[manual] Rename Django app from zephyr to zerver. This needs to be deployed to both staging and prod at the same off-peak time (and the schema migration run). At the time it is deployed, we need to make a few changes directly in the database: (1) UPDATE django_content_type set app_label='zerver' where app_label='zephyr'; (2) UPDATE south_migrationhistory set app_name='zerver' where app_name='zephyr'; (imported from commit eb3fd719571740189514ef0b884738cb30df1320)
2013-07-29 23:03:31 +02:00
{% extends "zerver/base.html" %}
templates: Use just one webpack entry point per page. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-10-23 07:46:34 +02:00
{% set entrypoint = "app" %}
Document what all the Django templates are for (imported from commit fa2b6c5327b0004f2c19502471f6717d84705ba7)
2012-10-16 06:03:29 +02:00
{# The app itself. #}
{# Includes some other templates as tabs. #}
index.html: Clarify comments The spacing around these gave the wrong implication. (imported from commit 2e64a2e360d29739dc0ba867594a3f40ceb3e057)
2012-11-02 16:59:54 +01:00
templates: Reenable mobile zooming on non-app pages. Commit db45d220a82a941a68e88011dbd561513f05326e (#3996) disabled mobile zooming on all pages, with the reasoning that focusing an input may automatically zoom the page and break content. I’m not sure whether that was a good reason, but at most it only applies to the app page. Reenable zooming on all other pages like the portico and documentation to improve their accessibility. (Note: the other common reason to disable zooming, which was that mobile browsers once added a 300ms tap delay to recognize double-tap zoom gestures, has been obsolete since 2014: https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away) Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-05-17 06:08:52 +02:00
{% block meta_viewport %}
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
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" />
templates: Reenable mobile zooming on non-app pages. Commit db45d220a82a941a68e88011dbd561513f05326e (#3996) disabled mobile zooming on all pages, with the reasoning that focusing an input may automatically zoom the page and break content. I’m not sure whether that was a good reason, but at most it only applies to the app page. Reenable zooming on all other pages like the portico and documentation to improve their accessibility. (Note: the other common reason to disable zooming, which was that mobile browsers once added a 300ms tap delay to recognize double-tap zoom gestures, has been obsolete since 2014: https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away) Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-05-17 06:08:52 +02:00
{% endblock %}
Refactor index.html, move things to base.html. In this commit we also remove the navbar from base.html for implementing further changes as requested by Waseem. (imported from commit 85a8ea82ff0e271120adde83e15eb671b5584722)
2012-09-24 17:17:41 +02:00
{% block customhead %}
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<meta name="apple-mobile-web-app-capable" content="yes" />
templates: Use static() helper to generate /static/ URLs.
2023-01-25 00:08:42 +01:00
<link href="{{ static('images/logo/apple-touch-icon-precomposed.png') }}" rel="apple-touch-icon-precomposed" />
HTML validation: Remove obsolete attributes from <script>, <style>. <script charset=…>, <script type=…>, and <style type=…> are “obsolete but conforming” in HTML5. They make the validator.nu output noisier and real problems a little harder to find. (type was required in HTML 4, which is not relevant to us.) Signed-off-by: Anders Kaseorg <andersk@mit.edu>
2018-07-06 23:31:53 +02:00
<style>
templates: Make the Loading… message more robust. Don’t hide it until both CSS and JS have loaded. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-09-20 06:43:04 +02:00
#app-loading {
minor: Introduce color logo on loading page. With a few small styling tweaks from tabbott. Fixes #18890.
2021-06-25 04:39:29 +02:00
font-size: 16px;
UI redesign: Change background color. Fixes: #21750
2023-03-24 00:09:48 +01:00
background-color: hsl(0, 0%, 94%);
index.html: Clean up indentation and whitespace in HEAD. This is mostly to make our linter happy after removing the conditional in the previous commit.
2018-05-01 18:46:38 +02:00
position: fixed;
height: 100%;
width: 100%;
padding: 10px;
top: 0px;
left: 0px;
templates: Make the Loading… message more robust. Don’t hide it until both CSS and JS have loaded. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-09-20 06:43:04 +02:00
z-index: 9001;
index.html: Clean up indentation and whitespace in HEAD. This is mostly to make our linter happy after removing the conditional in the previous commit.
2018-05-01 18:46:38 +02:00
}
minor: Introduce color logo on loading page. With a few small styling tweaks from tabbott. Fixes #18890.
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-middle-content h3 {
text-align: center;
}
app-loading: Add a delay before showing the reload message. Fixes #22182 This message often flashes on screen briefly, causing unnecessary worry for the user (is the app likely to not load?). To address this, we add a delay before the message is shown. As a consequence, we change the notice to no longer suggest waiting a few seconds, since we did that before showing it.
2022-06-03 19:02:17 +02:00
@keyframes showAtEnd {
99% {
visibility: hidden;
}
100% {
visibility: visible;
}
}
minor: Introduce color logo on loading page. With a few small styling tweaks from tabbott. Fixes #18890.
2021-06-25 04:39:29 +02:00
#app-loading-bottom-content {
top: unset;
bottom: 20px;
app-loading: Add a delay before showing the reload message. Fixes #22182 This message often flashes on screen briefly, causing unnecessary worry for the user (is the app likely to not load?). To address this, we add a delay before the message is shown. As a consequence, we change the notice to no longer suggest waiting a few seconds, since we did that before showing it.
2022-06-03 19:02:17 +02:00
animation: 7s showAtEnd;
animation-fill-mode: forwards;
visibility: hidden;
loading_page: Fix the color of the App-loading text. Fixes #20172
2021-11-06 05:01:39 +01:00
}
loading: Show error when spectator fails to register. Fixes #25683.
2023-06-26 01:24:01 +02:00
#app-loading-error {
display: flex;
height: 100vh;
justify-content: center;
align-items: center;
visibility: hidden;
}
dark_theme: Move color scheme classes from body to root element. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2022-11-25 21:55:06 +01:00
:root.dark-theme #app-loading {
UI redesign: Change background color. Fixes: #21750
2023-03-24 00:09:48 +01:00
background-color: hsl(0, 0%, 11%);
css: Set night theme font CSS on loading page.
2021-07-06 23:57:17 +02:00
color: hsl(236, 33%, 90%);
minor: Introduce color logo on loading page. With a few small styling tweaks from tabbott. Fixes #18890.
2021-06-25 04:39:29 +02:00
}
app: Make automatic-scheme loading colors consistent with light/dark. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2023-05-09 23:21:22 +02:00
@media (prefers-color-scheme: dark) {
:root.color-scheme-automatic #app-loading {
app: Fix automatic-scheme loading color for rebased background change. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2023-05-10 02:21:31 +02:00
background-color: hsl(0, 0%, 11%);
app: Make automatic-scheme loading colors consistent with light/dark. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2023-05-09 23:21:22 +02:00
color: hsl(236, 33%, 90%);
}
}
css: Add spinning animation for pre-CSS app loading page. Fixes #22265.
2023-01-24 09:43:10 +01:00
.app-loading-spinner-container {
position: relative;
margin: auto;
display: flex;
justify-content: center;
}
.app-loading-logo {
height: 64px;
padding: 10px;
}
@keyframes zspinner {
to {transform: rotate(360deg);}
}
.app-loading-spinner:before {
content: '';
box-sizing: border-box;
position: absolute;
width: 84px;
height: 84px;
border-radius: 50%;
border: 4px solid hsl(0,0%,94%);
border-top-color: hsl(0,0%,52%);
animation: zspinner 1s linear infinite;
}
style: Add bootstrap link styles in the app's index.html. We add bootstrap anchor tag styles in our main `index.html` page so that the link styles are always applied on the reload link and it looks like a link. Fixes #25377.
2023-05-02 05:08:01 +02:00
/* Bootstrap 'a' tag styles for styling reload link */
a#reload-lnk:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a#reload-lnk:hover,
a#reload-lnk:active {
outline: 0;
}
a#reload-lnk {
color: #0088cc;
text-decoration: none;
cursor: pointer;
}
a#reload-lnk:hover,
a#reload-lnk:focus {
color: #005580;
text-decoration: underline;
}
index.html: Clean up indentation and whitespace in HEAD. This is mostly to make our linter happy after removing the conditional in the previous commit.
2018-05-01 18:46:38 +02:00
</style>
Refactor index.html, move things to base.html. In this commit we also remove the navbar from base.html for implementing further changes as requested by Waseem. (imported from commit 85a8ea82ff0e271120adde83e15eb671b5584722)
2012-09-24 17:17:41 +02:00
{% endblock %}
index.html: Clean up indentation and whitespace in HEAD. This is mostly to make our linter happy after removing the conditional in the previous commit.
2018-05-01 18:46:38 +02:00
Refactor index.html, move things to base.html. In this commit we also remove the navbar from base.html for implementing further changes as requested by Waseem. (imported from commit 85a8ea82ff0e271120adde83e15eb671b5584722)
2012-09-24 17:17:41 +02:00
{% block content %}
ui: Render feedback widget client side. We re-render the feedback widget on every call to show(). This allows us more flexibility to mess with the markup for particular use cases.
2018-12-21 18:21:37 +01:00
<div id="feedback_container" class="new-style">
</div>
overlays: Move overlays earlier in index.html. It appears as though the ordering of the overlays in the DOM is overriding their z-index in Safari on mobile. This moves them up to the top of the template ahead of the header so that the header will no longer display above the overlays in positioning. Fixes: #7248.
2017-11-01 22:11:15 +01:00
templates: Make the Loading… message more robust. Don’t hide it until both CSS and JS have loaded. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-09-20 06:43:04 +02:00
<div id="app-loading">
minor: Introduce color logo on loading page. With a few small styling tweaks from tabbott. Fixes #18890.
2021-06-25 04:39:29 +02:00
<div id="app-loading-middle-content">
css: Add spinning animation for pre-CSS app loading page. Fixes #22265.
2023-01-24 09:43:10 +01:00
<div class="app-loading-spinner-container">
<div class="app-loading-spinner"></div>
index: Load Zulip logo for loading indicator as inline svg. Fetching an external SVG doesn't work, since the whole point of this screen is to be displayed while we're waiting for external resources to load.
2023-02-03 19:48:00 +01:00
<svg class="app-loading-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 773.12 773.12"><linearGradient id="a" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#50adff"/><stop offset="1" stop-color="#7877fc"/></linearGradient><circle cx="386.56" cy="386.56" r="386.56" fill="url(#a)"/><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" fill="#fff"/></svg>
minor: Introduce color logo on loading page. With a few small styling tweaks from tabbott. Fixes #18890.
2021-06-25 04:39:29 +02:00
</div>
</div>
<div id="app-loading-bottom-content">
loading: Show error when spectator fails to register. Fixes #25683.
2023-06-26 01:24:01 +02:00
<p>{% trans %}If this message does not go away, try <a class="reload-lnk">reloading</a> the page.{% endtrans %}</p>
</div>
<div id="app-loading-error">
<p>{% trans %}Error loading Zulip. Try <a class="reload-lnk">reloading</a> the page.{% endtrans %}</p>
minor: Introduce color logo on loading page. With a few small styling tweaks from tabbott. Fixes #18890.
2021-06-25 04:39:29 +02:00
</div>
loading: Show error when spectator fails to register. Fixes #25683.
2023-06-26 01:24:01 +02:00
<script nonce="{{ csp_nonce }}">
document.addEventListener('DOMContentLoaded', function () {
function reload() {
location.reload(true);
}
document.querySelectorAll('.reload-lnk').forEach(lnk => lnk.addEventListener('click', reload));
});
</script>
Make app less shocking when CSS fails to load. We now have a stand-in message that says "Loading CSS...", which only gets hidden once the CSS loads. This is a better user experience than seeing completely unformatted Zulip HTML on the page. The message is set to fill the whole page, and it's cleared once zulip.css gets loaded. (imported from commit 613fe3d6a39197aabfeb63823b7fad75834bb9eb)
2013-11-25 23:05:08 +01:00
</div>
tooltips: Add new central tooltip template store. We should migrate all the static content tooltip templates to this file to avoid duplicate DOM elements.
2023-04-28 02:19:36 +02:00
<div id="tooltip-templates-container"></div>
stream_settings: Update ID of overlay container element. This commit renames ID of the container element of stream settings overlay to streams_overlay_container. This makes it consistent with the container element of settings overlay.
2023-04-18 04:45:32 +02:00
<div id="streams_overlay_container"></div>
user_groups: Update ID of overlay container element. This commit renames ID of the container element of group settings overlay to group_overlay_container. We also rename the variables used for this element. This makes it consistent with the container element of settings overlay.
2023-04-18 04:48:39 +02:00
<div id="groups_overlay_container"></div>
templates: Inline tiny subscriptions/drafts templates.
2021-06-10 19:31:22 +02:00
<div id="drafts_table"></div>
scheduled_messages: Add overlay to display and edit them. Fixes #20971
2023-04-14 21:35:56 +02:00
<div id="scheduled_messages_overlay_container"></div>
frontend: Toggle aria-hidden for overlay container visibility.
2017-06-22 12:43:49 +02:00
<div id="settings_overlay_container" class="overlay" data-overlay="settings" aria-hidden="true">
redesign: Change /#settings and /#administration to an overlay. This also adds a box-shadow to the #deactivate_self_modal so that it looks similar to the old backdrop.
2016-12-03 01:12:52 +01:00
</div>
index: Move informational-overlays outside .app. This is how other overlays are managed, and will be important in upcoming refactoring, since we don't want the overlay height to be restricted by the height of the `.app`.
2023-05-17 19:38:03 +02:00
<div class="informational-overlays overlay new-style" data-overlay="informationalOverlays" aria-hidden="true">
<div class="overlay-content modal-bg">
<div class="overlay-tabs">
<span class="exit">&times;</span>
</div>
<div class="overlay-body">
</div>
</div>
</div>
index: Move audio file HTML out of .app. There's no compelling reason for these to be inside the container element for the app's main screen UI.
2023-05-19 23:41:19 +02:00
index: Move user-profile-modal outside `.app`. Keep it inside `.app` restricted its height and its ability to draw over other elements.
2023-05-19 12:25:09 +02:00
<div id="user-profile-modal-holder"></div>
index: Move audio file HTML out of .app. There's no compelling reason for these to be inside the container element for the app's main screen UI.
2023-05-19 23:41:19 +02:00
<audio id="user-notification-sound-audio">
<source class="notification-sound-source-ogg" type="audio/ogg" />
<source class="notification-sound-source-mp3" type="audio/mpeg" />
</audio>
<audio id="realm-default-notification-sound-audio">
<source class="notification-sound-source-ogg" type="audio/ogg" />
<source class="notification-sound-source-mp3" type="audio/mpeg" />
</audio>
index: Move alert box out of `.app`. This allows us to show alert box above navbar.
2023-05-19 12:38:29 +02:00
<div class="alert-box">
<div class="alert alert_sidebar alert-error home-error-bar" id="connection-error">
<div class="exit"></div>
<strong class="message">{{ _('Unable to connect to Zulip.') }}</strong>
{{ _('Updates may be delayed.') }}
{{ _('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
<a href="/zephyr-mirror" target="_blank" rel="noopener noreferrer">run the
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>
<div class="alert alert_sidebar" id="request-progress-status-banner">
<div class="alert-zulip-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"></circle>
<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"></path>
</svg>
</div>
<div class="loading-indicator"></div>
<div class="success-indicator">
<i class="fa fa-check"></i>
</div>
<div class="alert-content"></div>
<div class="exit"></div>
</div>
</div>
overlays: Move overlays earlier in index.html. It appears as though the ordering of the overlays in the DOM is overriding their z-index in Safari on mobile. This moves them up to the top of the template ahead of the header so that the header will no longer display above the overlays in positioning. Fixes: #7248.
2017-11-01 22:11:15 +01:00
css: Scroll on `html` instead of `.app`.
2023-05-20 16:30:21 +02:00
<div id="navbar-fixed-container">
<div id="navbar_alerts_wrapper"></div>
<div id="header-container"></div>
</div>
Switch message pane headers to new design (imported from commit f640641553779450f9d9d15e5586ef38e068367b)
2014-01-15 17:11:37 +01:00
Revert "Add adjustments for browsers with fixed scrollbar" This reverts commit 462a3eb5e6b83f9d8091b83e3f8dc458236938ed. We're reverting this to see if it is the cause of our recent CSS performance issues. (imported from commit 6a0b041cfcb6770bbfda0d354444bad2d64459ab)
2014-02-13 22:40:40 +01:00
<div class="app">
zerver/index.html: Clean up to use 4 space indentation. In this commit we also fix a test which would fail as a result of doing this cleanup since the test wasn't designed to take into account the space chars which might occur in the beginning of a html line.
2018-01-27 18:30:55 +01:00
<div class="app-main">
left_sidebar: Migrate to handlebars. This commit migrates the `left_sidebar.html` Django template to handlebars by creating a new file as `left_sidebar.hbs` which is then rendered using `ui_init` module. These are the minor changes introduced by virtue of template migration - - The `compute_show_invites_and_add_streams` function now only concerns with the invite_to_realm_policy. - Renamed the `compute_show_invites_and_add_streams` function to `compute_show_invites` due to the above change. - Fixes relevant `test_home.py` tests due to the above changes. Fixes part of #18792.
2021-06-29 09:48:40 +02:00
<div class="column-left" id="left-sidebar-container">
zerver/index.html: Clean up to use 4 space indentation. In this commit we also fix a test which would fail as a result of doing this cleanup since the test wasn't designed to take into account the space chars which might occur in the beginning of a html line.
2018-01-27 18:30:55 +01:00
</div>
<div class="column-middle">
gear_menu: Delete unused Bootstrap tabs code. Before 2017, Zulip's manage streams and settings UIs were tab in the same pane position as our current message feed and recent topics. That original implementation was implemented using Bootstrap tabs; while it hasn't been in use for years, we had a bunch of stale code related to it leftover in this module.
2022-11-21 03:52:18 +01:00
<div class="column-middle-inner">
recent_topics: Move from overlay to a narrow-like view. Recent Topics is no longer an overlay now, but note that it is also not a typical messages narrow. It can reside between an overlay and a Filter in the sense that it is dispalyed as a typical Filter narrow but has properties of an Overlay. Compose box is not visible in this view as it will be confusing to many users and hence compose shortcuts have also been disabled. Keyboard shortcuts that apply on messages have also been disabled. The remaining shortcuts that apply to a narrow are still accessible here.
2020-07-05 12:19:09 +02:00
<div id="recent_topics_view">
<div class="recent_topics_container">
<div id="recent_topics_table"></div>
recent_topics: Show loading indicator before fetching initial messages. Hide the loading indicator after initial fetch for recent topics.
2022-02-25 06:08:08 +01:00
<div id="recent_topics_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="recent_topics_loading_messages_indicator"></div>
</div>
recent_topics: Move from overlay to a narrow-like view. Recent Topics is no longer an overlay now, but note that it is also not a typical messages narrow. It can reside between an overlay and a Filter in the sense that it is dispalyed as a typical Filter narrow but has properties of an Overlay. Compose box is not visible in this view as it will be confusing to many users and hence compose shortcuts have also been disabled. Keyboard shortcuts that apply on messages have also been disabled. The remaining shortcuts that apply to a narrow are still accessible here.
2020-07-05 12:19:09 +02:00
</div>
</div>
gear_menu: Delete unused Bootstrap tabs code. Before 2017, Zulip's manage streams and settings UIs were tab in the same pane position as our current message feed and recent topics. That original implementation was implemented using Bootstrap tabs; while it hasn't been in use for years, we had a bunch of stale code related to it leftover in this module.
2022-11-21 03:52:18 +01:00
<div id="message_feed_container">
templates: Move main_div definition to index.html. This will make it easier to have JavaScript render the home.html template.
2021-07-07 18:35:14 +02:00
<div class="message_area_padder message_list" id="main_div">
templates: Merge core of home.html into index.html. This makes it easier to read and understand our templates, since now the former home.html is all error message content.
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>
message_feed_errors: Convert to handlebars.
2022-01-19 11:03:00 +01:00
<div id="message_feed_errors_container"></div>
templates: Merge core of home.html into index.html. This makes it easier to read and understand our templates, since now the former home.html is all error message content.
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>
unread_banner: Refactor unread banner HTML structure. Previously, the unread banner templates just rendered on the contents of the unread banner. This works fine if we don't want to make changes towards the parent/container of the contents. This change introduces a new container to each unread banner templates and a rename. Thus, we can make unique styling changes to the unread banners while also bring the structure closer to how it is for compose banners.
2023-05-01 22:23:27 +02:00
<div id="mark_read_on_scroll_state_banner">
message feed: Notify user when messages are not being marked as read. Notifies user when messages are not being marked as read through a banner that lets them mark all messages in the narrow as read. Note that the banner is only displayed if the user's actions, like scrolling, would've actually marked the messages as read. This avoids distracting the user when viewing a thread they've already read. tabbott has verified that if new messages come in, the banner will reappear. Fixes: #18768.
2021-08-02 20:09:56 +02:00
</div>
templates: Merge core of home.html into index.html. This makes it easier to read and understand our templates, since now the former home.html is all error message content.
2021-07-07 18:41:35 +02:00
<div id="bottom_whitespace">
</div>
templates: Move main_div definition to index.html. This will make it easier to have JavaScript render the home.html template.
2021-07-07 18:35:14 +02:00
</div>
Miscellaneous fixes to message pane redesign (imported from commit 8cedb21cb3a520dd9a28c943e047e8f73f410cae)
2014-02-18 17:41:49 +01:00
</div>
layout: Introduce a #compose-content div. This should make it more intuitive to add new elements to the compose box (such as banners), and it also makes it a bit more clear for styling purposes that the same geometry happens whether the compose box is open or the buttons are visible. I lifted the #compose_container div into the server template. It's not totally clear to me why we need both #compose and #compose_container, but there are some scary comments about 1400px that made me too timid to address that quirk. In passing I removed a clearly redundant click handler.
2021-06-10 16:52:29 +02:00
<div id="compose" {% if embedded %}data-embedded{% endif %}>
<div id="compose-container"></div>
</div>
zerver/index.html: Clean up to use 4 space indentation. In this commit we also fix a test which would fail as a result of doing this cleanup since the test wasn't designed to take into account the space chars which might occur in the beginning of a html line.
2018-01-27 18:30:55 +01:00
</div><!--/tab-content-->
</div>
right_sidebar: Migrate to handlebars. This commit migrates the `right_sidebar.html` Django template to handlebars by creating a new file as `right_sidebar.hbs` which is then rendered using `ui_init` module. It also removes the tests in `test_home` due to the template migration, since these elements aren't rendered on the backend anymore. We also remove `test_compute_show_invites_and_add_streams*`. Fixes part of #18792.
2021-06-29 12:47:35 +02:00
<div class="column-right" id="right-sidebar-container">
zerver/index.html: Clean up to use 4 space indentation. In this commit we also fix a test which would fail as a result of doing this cleanup since the test wasn't designed to take into account the space chars which might occur in the beginning of a html line.
2018-01-27 18:30:55 +01:00
</div><!--/right sidebar-->
</div><!--/row-->
templates: Remove logout form shared template. It's sufficiently tiny that the shared code benefits don't justify the cost, given that we plan to move index.html to a different templating system soon.
2021-06-10 22:12:23 +02:00
<div class="hidden">
<form id="logout_form" action="/accounts/logout/" method="POST">{{ csrf_input }}
</form>
</div>
Make layout more responsive. To be fully responsive, we can basically never specify the width of our container in a fixed number of pixels; otherwise we'll run into the situation where there's an inordinate amount of wasted space on our left and right. So everything needs to change from, e.g. row to row-fluid, and that has a whole cascading series of changes that that implies. (imported from commit 7e2771d916f429548c65c0a00fc4c11397054656)
2013-02-28 19:04:58 +01:00
</div>
Initial Django commit: basic account, zephyr stream, narrowing, etc. (imported from commit 3cd40521171a4020c19021eda0d20ee9f802af41)
2012-08-28 18:44:51 +02:00
{% endblock %}