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

224 lines
10 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" />
<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;
styles: Convert named colors to HSL values.
2018-10-14 21:57:50 +02:00
background-color: hsl(0, 0%, 100%);
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-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;
loading_page: Fix the color of the App-loading text. Fixes #20172
2021-11-06 05:01:39 +01:00
}
body.color-scheme-automatic #app-loading{
color: hsl(0, 0%, 20%);
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
}
frontend: Rename "night-mode" class to "dark-theme".
2021-11-26 09:02:57 +01:00
body.dark-theme #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
background-color: hsl(212, 28%, 18%);
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
}
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">
<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>
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>
templates: Inline tiny subscriptions/drafts templates.
2021-06-10 19:31:22 +02:00
<div class="subscriptions">
dom: Rename div to #manage_streams_container. The old name was confusing, since the contents of the div aren't just a table, and we have smaller elements that actually do list a bunch of subscriptions in tabular format.
2021-12-21 19:41:13 +01:00
<div id="manage_streams_container">
templates: Inline tiny subscriptions/drafts templates.
2021-06-10 19:31:22 +02:00
</div>
</div>
<div id="drafts_table"></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
Modify crumbbar style to look like an arrowbar Also: * Change fixed element positioning and fix bugs * Move settings dropdown back to the right and add left padding to left sidebar (imported from commit fcf903b59617687f94618a01ce7544b69f408130)
2014-01-09 16:58:51 +01:00
<div class="fixed-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">
<div class="column-middle column-overlay">
navbar: Rename tab_bar to message_view_header. Prior to commit eb4a2b9d4e80d495bf0a11c87bb31d18e94e9cc0 the center area of the navbar was based on a structure that appended crumbs or "tabs" as <li>s, forming a tab_bar and a tab_list. However, in eb4a2b9d4e80d495bf0a11c87bb31d18e94e9cc0 we apply a new style and structure to the navbar which lets go of the convention of tabs. Hence, we'd like to purge the tab_bar and tab_list labels from our code base. We purged tab_list in 1267caf5009118875f47fdafe312880af08024e1. This commit purges tab_bar, it includes: - A blanket search and replace of tab_bar with message_view_header. - Splitting a single line comment in tab_bar.js / message_view_header.js. - The renaming of tab_bar.js to message_view_header.js. - The renaming of tab_bar.hbs to message_view_header.hbs. - A blanket search and replace of tab_data with message_view_header_data. - Replacing the single occurrence of tabbar with message_view_header (it was within a comment.)
2020-07-08 23:44:01 +02:00
<div id="message_view_header_underpadding"></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>
Modify crumbbar style to look like an arrowbar Also: * Change fixed element positioning and fix bugs * Move settings dropdown back to the right and add left padding to left sidebar (imported from commit fcf903b59617687f94618a01ce7544b69f408130)
2014-01-09 16:58:51 +01:00
</div>
</div>
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
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>
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">
<div class="column-middle-inner tab-content">
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>
</div>
</div>
recent_topics: Make it the default view. Go to Recent Topics on "#", no hash and "#recent_topics". Go to Recent Topics as the last destination for escape key. Map `a` key to All messages and change its hash to `#all_messages`.
2020-09-20 10:14:24 +02:00
<div class="tab-pane" 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 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>
Miscellaneous fixes to message pane redesign (imported from commit 8cedb21cb3a520dd9a28c943e047e8f73f410cae)
2014-02-18 17:41:49 +01: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 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>
templates: Rename home.html to message_feed_errors.html. This much more clearly expresses the purpose of the remaining content in this page.
2021-07-07 18:44:15 +02:00
{% include "zerver/app/message_feed_errors.html" %}
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>
<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>
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">
Replace the modal footers with an exit button at top of overlay. This replaces the bootstrap default modal footers that have a [data-dismiss] button with an .exit button in the top section of the overlay that is styled congruently to the current subscriptions page.
2017-02-01 20:51:25 +01:00
<button class="button no-style exit">&times;</button>
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>
messages: Add support for quickly deleting all messages in a topic. This is primarily a feature for onboarding, where an organization administrator might send a bunch of random test messages as part of joining, but then want a pristine organization when their users later join. But it can theoretically be used for other use cases (e.g. for moderation or removing threads that are problematic in some way). Tweaked by tabbott to handle corner cases with is_history_public_to_subscribers. Fixes #10912.
2019-01-18 17:40:54 +01:00
<div id="delete-topic-modal-holder"></div>
left sidebar: Add an "unstar all messages" option. In this commit, I've added a feature to unstar all the starred messages. This is useful, e.g., for folks who are using starred messages to keep track of things they should come back when next at their desktop. The event flow is the standard one for a feature with a confirmation modal: (1) User clicks on unstar all messages. (2) We display a confirmation modal; if the user confirms, we send a request to the backend to clear all starred messages. (3) The events system sends that UI update back to us, removing the stars from the UI. Fixes #11401.
2019-02-22 12:28:29 +01:00
<div class="left-sidebar-modal-holder"></div>
mute user: Add dev-only UI to mute/unmute a user. Since the "mute users" feature isn't complete yet, this UI is shown only in development setups. Ideally we should have had this commit after the whole feature was completed and merged, but doing so makes it difficult to test and merge subparts of the feature one by one (which is a better workflow, while we still decide what exactly we want this feature to do). This commit adds a new button in the user info popover to mute or unmute the user, and uses a confirmation dialog while muting, because muting a user accidently can lead to the muter losing out on a lot of information. TODOs when making this UI visible in production- 1. Make a /help page and link to it from the confirmation dialog and the API docs.
2021-03-27 13:14:34 +01:00
<div class="mute-user-modal-holder"></div>
messages: Allow moving a topic to another stream. This completes the implementation of support for moving a topic to another stream by adding a basic UI for it. Fixes #6427, which was previously the most-upvoted issue request in Zulip. There are likely to be a bunch of follow-up UI improvements on top of this change to fully flesh out the feature.
2020-02-19 01:38:34 +01:00
<div id="move-a-topic-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>
login_to_access: Modal which blocks access for spectator. We will use this modal for any narrow / hash or other UI element that requires an actual account to use, to provide something reasonable to occur when a user clicks on those things.
2020-10-05 16:09:25 +02:00
<div id="login-to-access-modal-holder"></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 %}