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

270 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
}
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 {
background-color: hsl(212, 28%, 18%);
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">
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
<p>{% trans %}If this message does not go away, try <a id="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
<script nonce="{{ csp_nonce }}">
document.addEventListener('DOMContentLoaded', function () {
function reload() {
location.reload(true);
}
document.getElementById('reload-lnk').addEventListener('click', reload);
});
</script>
</div>
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>
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
navbar_alerts: Replace HTML template with handlebars architecture. This moves this block of HTML templates, which are dynamically rendered with some user data, to be managed by the frontend handlebars template system. This migration involves only displaying active alerts in the DOM, and thus we no longer need navbar_alerts to have display: none by default.
2021-06-05 11:16:17 +02:00
<div id="navbar_alerts_wrapper"></div>
navbar: Migrate to handlebars. This commit migrates the `navbar.html` Django template to handlebars by creating a new file as `navbar.hbs` within `/static/templates` which is then rendered using `ui_init` module. As a part of migration, we also remove the `search_pills_enabled` and `embedded` parameters from the context attribute as they are no longer needed now. Fixes part of #18792.
2021-06-30 16:20:43 +02:00
<div id="navbar-container"></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="alert-box">
<div class="alert alert_sidebar alert-error home-error-bar" id="connection-error">
<div class="exit"></div>
i18n: Remove markup from network error strings. This will avoid translators having to do new work when we change CSS class names. Also use a unicode ... character.
2021-12-07 00:03:37 +01:00
<strong class="message">{{ _('Unable to connect to Zulip.') }}</strong>
{{ _('Updates may be delayed.') }}
{{ _('Retrying soon…') }}
<a class="restart_get_events_button">{{ _('Try now.') }}</a>
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="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
docs: Fix many spelling mistakes. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2022-02-08 00:13:33 +01:00
Webathena</a>. If you'd prefer, you can instead
CVE-2020-14194: Use noopener/noreferrer for external links. We fixed the main issue of this form in CVE-2020-9444, but the audit done at that time only included links found in rendered_markdown; this change completes our audit for links with target=_blank anywhere in the codebase.
2020-05-26 05:15:21 +02:00
<a href="/zephyr-mirror" target="_blank" rel="noopener noreferrer">run the
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
Zephyr mirror script yourself</a> in a screen
session.
</span>
linters: Rewrite check-templates. I rewrote most of tools/lib/pretty-printer.py, which was fairly easy due to being able to crib some important details from the previous implementation. The main motivation for the rewrite was that we weren't handling else/elif blocks correctly, and it was difficult to modify the previous code. The else/elif shortcomings were somewhat historical in nature--the original parser didn't recognize them (since they weren't in any Zulip templates at the time), and then the pretty printer was mostly able to hack around that due to the "nudge" strategy. Eventually the nudge strategy became too brittle. The "nudge" strategy was that we would mostly trust the existing templates, and we would just nudge over some lines in cases of obviously faulty indentation. Now we are bit more opinionated and rigorous, and we basically set the indentation explicitly for any line that is not in a code/script block. This leads to this diff touching several templates for mostly minor fix-ups. We aren't completely opinionated, as we respect the author's line wrapping decisions in many cases, and we also allow authors not to indent blocks within the template language's block constructs.
2021-11-20 13:25:41 +01:00
<span id="desktop-zephyr-mirror-error-text" class="notdisplayed">
To fix this, you'll need to use the web interface.
</span>
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="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>
unread_ops: Let server do the mark as unread for us. Previous algorithm was not correct if we didn't have full data for the current narrow loaded from the server. #23512 adds the support to mark messages in a narrow unread after a give message_id. Added a new alert banner to indicate loading and success states of an ongoing request. This is useful when requests can take a long time to complete.
2022-11-16 10:50:35 +01:00
<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>
Switch to fixed sidebar layout and remove bootstrap layout hooks. (imported from commit 060340a2febb7b8df6477a3419e7588a8503e377)
2013-08-13 12:52:26 +02:00
</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 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">
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 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>
app/index.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-02 23:25:28 +02:00
<i class="fa fa-remove close-alert-icon" aria-hidden="true"></i>
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>
</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 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-->
frontend: Toggle aria-hidden for overlay container visibility.
2017-06-22 12:43:49 +02:00
<div class="informational-overlays overlay new-style" data-overlay="informationalOverlays" aria-hidden="true">
settings: Use `.modal-bg` class to control background color. This lets the `.modal-bg` class dictate background color instead of manually setting it for all modals.
2017-11-16 01:31:46 +01:00
<div class="overlay-content modal-bg">
Convert overlay modals to unified modal system. This converts three modals: 1. Markdown Help 2. Keyword Shortcuts 3. Search Operators Into a system in which they all appear in the same overlay now.
2017-01-05 21:11:45 +01:00
<div class="overlay-tabs">
overlay: Fix bug of information overlay not closing when text is selected. There was a bug where information overlay was not closing on clicking "x" when some text was selected. This was due to document.getSelection().type returning "Range" and we do not close the modal in that case as per the code added in 081d74141b13. As the "x" icon was button, the document.getSelection().type was still returning "Range" for the text selected, but when the "x" icon is inside a span, as in settings overlay, clicking on "x" deselects the already selected text and selection type is not "Range" and thus modal is closed. This commit also improves the vertical alignment of "x". Fixes #20645.
2022-01-07 11:57:08 +01:00
<span class="exit">&times;</span>
Convert overlay modals to unified modal system. This converts three modals: 1. Markdown Help 2. Keyword Shortcuts 3. Search Operators Into a system in which they all appear in the same overlay now.
2017-01-05 21:11:45 +01:00
</div>
<div class="overlay-body">
</div>
</div>
</div>
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>
popover: Add an option to show user profile. Fixes #8880
2018-04-23 20:41:35 +02:00
<div id="user-profile-modal-holder"></div>
notification: Rename notification-sound audio and child elements. This is a prep commit for adding UI for realm-level defaults of user settings. This commit renames notification-sound-audio element to user-notification-sound-audio because we will be adding similar element for realm-level default of user settings also. We also change the child elements to have current id as their class for the same reason.
2021-08-09 14:57:06 +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" />
templates: Move notification sound elements. These more naturally should sit at the outside of the page, not the bottom of home.
2021-07-07 18:33:53 +02:00
</audio>
settings: Add UI for realm-level defaults of notification settings. This commit adds UI for realm-level defaults of user notification settings. We do not have "Send test notification" option here.
2021-08-26 21:03:27 +02:00
<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>
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 %}