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

180 lines
8.2 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 %}
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
{% 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 %}
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
<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 {
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
}
</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">
Period should be part of the translation.
2016-10-13 14:31:53 +02:00
<h3>{{ _('Loading...') }}</h3>
index.html: Refactor 'javascript:' URI to be written as JavaScript block. This is important because we intent to start using CSP in our main app which means dropping of any inline event handlers (onclick="...", onerror="...") and <a href="javascript:..."> links that can be used to run scripts.
2018-04-11 23:32:48 +02:00
<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>
csp: Dynamically generate and add nonce to script tags.
2018-04-11 20:10:36 +02:00
<script nonce="{{ csp_nonce }}">
index.html: Refactor 'javascript:' URI to be written as JavaScript block. This is important because we intent to start using CSP in our main app which means dropping of any inline event handlers (onclick="...", onerror="...") and <a href="javascript:..."> links that can be used to run scripts.
2018-04-11 23:32:48 +02:00
document.addEventListener('DOMContentLoaded', function () {
function reload() {
location.reload(true);
}
document.getElementById('reload-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>
templates: Move all core app templates into a subdirectory. This should make it easier to find the templates that are actually part of the core webapp, instead of having them all mixed together with the portico pages.
2018-04-22 07:02:19 +02:00
{% include "zerver/app/lightbox_overlay.html" %}
{% include "zerver/app/subscriptions.html" %}
{% include "zerver/app/drafts.html" %}
templates: Show Overlay of Recent Topics. * Show an empty overlay of recent topics. * Register click event to open recent topics. * Launch recent topics on "t" keypress. This is based on the draft overlay.
2020-04-08 13:59:56 +02:00
{% include "zerver/app/recent_topics.html" %}
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">
templates: Move all core app templates into a subdirectory. This should make it easier to find the templates that are actually part of the core webapp, instead of having them all mixed together with the portico pages.
2018-04-22 07:02:19 +02:00
{% include "zerver/app/settings_overlay.html" %}
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
templates: Extract navbar_alerts to seperate file. This is a prep-commit for the new navbar style, seperating navbar_alerts.html from navbar.html in order to make the structure and styles of navbar.html easier to tweak. These templates have very little to do with each other to begin with appart from the fact that they are both rendered at the top of the app.
2020-02-19 10:03:03 +01:00
{% include "zerver/app/navbar_alerts.html" %}
templates: Move all core app templates into a subdirectory. This should make it easier to find the templates that are actually part of the core webapp, instead of having them all mixed together with the portico pages.
2018-04-22 07:02:19 +02:00
{% include "zerver/app/navbar.html" %}
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">
<div id="tab_bar_underpadding"></div>
</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>
{% trans %}<strong class="message">Unable to connect to
Zulip.</strong> Updates may be delayed.{% endtrans %} {{ _('Retrying soon...') }} <a class="restart_get_events_button">{{ _('Try now.') }}</a>
</div>
<div class="alert alert_sidebar alert-error home-error-bar" id="zephyr-mirror-error">
<div class="exit"></div>
{# The below isn't tagged for translation
intentionally, because the feature is only used at
MIT. #}
<strong>Your Zephyr mirror is not working.</strong>
<span id="normal-zephyr-mirror-error-text">
We recommend that
you <a class="webathena_login">give Zulip the ability to mirror the messages for you via
WebAthena</a>. If you'd prefer, you can instead
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>
<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>
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">
<div class="column-left">
templates: Move all core app templates into a subdirectory. This should make it easier to find the templates that are actually part of the core webapp, instead of having them all mixed together with the portico pages.
2018-04-22 07:02:19 +02:00
{% include "zerver/app/left_sidebar.html" %}
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">
<div class="tab-pane active" id="home">
<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 all core app templates into a subdirectory. This should make it easier to find the templates that are actually part of the core webapp, instead of having them all mixed together with the portico pages.
2018-04-22 07:02:19 +02:00
{% include "zerver/app/home.html" %}
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><!--/tab-content-->
</div>
<div class="column-right">
templates: Move all core app templates into a subdirectory. This should make it easier to find the templates that are actually part of the core webapp, instead of having them all mixed together with the portico pages.
2018-04-22 07:02:19 +02:00
{% include "zerver/app/right_sidebar.html" %}
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">
templates: Move all core app templates into a subdirectory. This should make it easier to find the templates that are actually part of the core webapp, instead of having them all mixed together with the portico pages.
2018-04-22 07:02:19 +02:00
{% include "zerver/app/keyboard_shortcuts.html" %}
{% include "zerver/app/search_operators.html" %}
{% include "zerver/app/markdown_help.html" %}
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>
</div>
user status: Add ability to edit status text.
2019-01-26 21:14:33 +01:00
<div class="user_status_overlay overlay new-style" data-overlay="user_status_overlay" aria-hidden="true">
<div class="overlay-content modal-bg">
user status: Change user status modal style to standard modal style. Tweaked by tabbott to use SCSS nesting. Fixes part of #11629.
2019-04-15 19:57:47 +02:00
<div class="user-status-header">
<h1>Set a status</h1>
<div class="exit">
<span class="exit-sign">&times;</span>
</div>
</div>
<div class="modal-body">
<label for="user_status">Status message</label>
<input type="text" class="user_status" maxlength="60" />
user status: Add "clear message (x)" button for status message input. This adds the same "x" button as we have in "stream search" or "people search" to the user status modal. The button is shown if someone types something, or if the status message was already set (meaning there was already a value in the input field). If the input field is empty, the button is not visible. This fixes the follow-up comments from #12179.
2019-04-28 22:32:38 +02:00
<button type="button" class="btn clear_search_button" id="clear_status_message_button" disabled="disabled">
<i class="fa fa-remove" aria-hidden="true"></i>
</button>
user status: Change user status modal style to standard modal style. Tweaked by tabbott to use SCSS nesting. Fixes part of #11629.
2019-04-15 19:57:47 +02:00
</div>
user status: Add user status message options to user status modal. Several user status message options are added to user status modal so that the users can pick from them. Fixes part of #11629.
2019-04-23 18:07:10 +02:00
<div class="user-status-options">
user status: Clean up code for user status options. - Changed the <p>s to <button>s and modified the css accordingly. - Changed the css to use scss nesting. - Changed the line-height from 1.0em to 1.1em, because on Safari the "g" was not fully displayed.
2019-04-25 14:01:50 +02:00
<button type="button" class="button no-style user-status-value" data-user-status-value="In a meeting">In a meeting</button>
<button type="button" class="button no-style user-status-value" data-user-status-value="Commuting">Commuting</button>
<button type="button" class="button no-style user-status-value" data-user-status-value="Out sick">Out sick</button>
<button type="button" class="button no-style user-status-value" data-user-status-value="Vacationing">Vacationing</button>
<button type="button" class="button no-style user-status-value" data-user-status-value="Working remotely">Working remotely</button>
user status: Add user status message options to user status modal. Several user status message options are added to user status modal so that the users can pick from them. Fixes part of #11629.
2019-04-23 18:07:10 +02:00
</div>
user status: Change user status modal style to standard modal style. Tweaked by tabbott to use SCSS nesting. Fixes part of #11629.
2019-04-15 19:57:47 +02:00
<div class="modal-footer">
<button class="button exit small rounded">Cancel</button>
<button class="sea-green small rounded button set_user_status">
user status: Fix wording in set-status modal.
2019-02-01 05:22:36 +01:00
Save
user status: Add ability to edit status text.
2019-01-26 21:14:33 +01:00
</button>
</div>
</div>
</div>
templates: Move all core app templates into a subdirectory. This should make it easier to find the templates that are actually part of the core webapp, instead of having them all mixed together with the portico pages.
2018-04-22 07:02:19 +02:00
{% include "zerver/app/invite_user.html" %}
{% include "zerver/app/logout.html" %}
{% include "zerver/app/deprecation_notice.html" %}
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>
In-Browser Notifications Some browsers don't support desktop notifications. Some people haven't allowed permissions for humbug to have desktop notifications. This is a poor man's attempt at desktop notifications. We are adding the bootstrap-notify package (http://nijikokun.github.io/bootstrap-notify/) Resolves Trac #1336. (imported from commit 6a54f7d1875e765dabd32d94ada8ebe4474a3d71)
2013-06-19 01:41:27 +02:00
<div class='notifications top-right'></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>
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>
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 %}