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

190 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" %}
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
Load blueslip as early as possible This will help us track down errors in third-party javascript libraries. blueslip needs jQuery and the page_params, so those must come first. (imported from commit f53f67d758298d4e1c2784ec27e09d6abf0b3223)
2013-05-16 22:42:28 +02:00
{% block page_params %}
{# Insert parameters, which have been encoded with JSONEncoderForHTML. #}
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
<script nonce="{{ csp_nonce }}">
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
{% autoescape off %}
var page_params = {{ page_params }};
{% endautoescape %}
Load blueslip as early as possible This will help us track down errors in third-party javascript libraries. blueslip needs jQuery and the page_params, so those must come first. (imported from commit f53f67d758298d4e1c2784ec27e09d6abf0b3223)
2013-05-16 22:42:28 +02:00
</script>
{% endblock %}
webpack: Transition app.js to be compiled by webpack. This commit moves all files previously under the 'app' bundle in the Django pipeline to being compiled by webpack under the 'app' entry point. In the process, it moves assets under the app entry to a file called app.js that consumes all relevant css and js files. This commit also edits the webpack config to be able to expose certain variables for third party libraries that are currently required by some modules. This is bad coding form and should be refactored to requiring whatever dependencies a module may have; we're just deferring that to the future to simplify the series of transitions we need to do here. The variable exposure is done using expose-loader in webpack. The app/index.html template is edited to override the newly introduced 'commonjs' block in the base template. This is done as a temporary measure so as not to disrupt other pages on the app during the transition. It also fixes the value of the 'this' context that was being inferred as window by third party libraries. This is done using imports-loader in the webpack config. This is also messy and probably isn't how we want things to work long term.
2018-05-28 08:09:49 +02:00
{% block commonjs %}
{{ render_bundle('app', attrs='nonce="%s"' % (csp_nonce)) }}
{{ render_bundle('katex', attrs='nonce="%s"' % (csp_nonce)) }}
{% 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">
build_emoji: Change sprite CSS files to use hyphens in names. This is more consistent with our other names in emoji infra.
2018-08-25 20:16:23 +02:00
<link id="emoji-spritesheet" href="/static/generated/emoji/{{ emojiset }}-sprite.css" rel="stylesheet" type="text/css">
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>
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
#css-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;
}
</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
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 id="css-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" %}
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: 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
<a href="/zephyr-mirror" target="_blank">run the
Zephyr mirror script yourself</a> in a screen
session.
</span>
<span id="desktop-zephyr-mirror-error-text" class="notdisplayed">To fix
this, you'll need to use the web interface.</span>
</div>
<div class="alert alert_sidebar alert-error home-error-bar" id="home-error"></div>
<div class="alert alert_sidebar alert-error home-error-bar" id="reloading-application"></div>
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>
Display SQL queries when DEBUG = True and URL like /?show_debug=y (imported from commit dc3efd7aee2975f7d007296ba1ee1f72b262c493)
2012-09-26 00:26:35 +02:00
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
{% if show_debug %}
<div class="tab-pane" id="debug">
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/debug.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>
{% endif %}
</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" />
</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">
<p class="user-status-value" data-user-status-value="In a meeting">In a meeting</p>
<p class="user-status-value" data-user-status-value="Commuting">Commuting</p>
<p class="user-status-value" data-user-status-value="Out sick">Out sick</p>
<p class="user-status-value" data-user-status-value="Vacationing">Vacationing</p>
<p class="user-status-value" data-user-status-value="Working remotely">Working remotely</p>
</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/bankruptcy.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>
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 %}