Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/static/templates/right_sidebar.hbs

50 lines
2.7 KiB
Handlebars
Raw Normal View History

accessibility: Add navigation roles for sidebars.
2018-11-08 17:17:12 +01:00
<div class="right-sidebar" id="right-sidebar" role="navigation">
left sidebar: Clean up "split" list moves. This change only impacts users who have the setting to put the user lists in the left sidebar when they have a narrow window. First, we move ".right-sidebar-items" as an entire group. Second, we append the items to "#left-sidebar" instead of ".narrows_panel".
2019-02-10 20:36:36 +01:00
<div class="right-sidebar-items">
Clean right_sidebar.html to use 4 space indents.
2017-03-10 08:21:37 +01:00
<div id="user-list">
<div id="userlist-header">
tooltip: Improve tooltip placement for User sidebar title. Here, the tooltip was partially visible. This bug was similar to the one that is corrected for recipient bar icons. I have removed the class attribute `tippy-zulip-tooltip` for Filter stream title as this will be handled by the new changes.
2021-07-06 13:56:17 +02:00
<h4 class='sidebar-title'
templates: Prevent dangling end tags. In cases where an opening tag is so long that we stretch it to 2+ lines of code, we should try to use block-style formatting in the template code. Unfortunately, we have lots of legacy code that violates this concept, so this is a timid fix. There are also legit use cases like textarea where we probably need to keep the ugly template syntax for things to render properly.
2021-11-21 16:17:01 +01:00
id='userlist-title' data-tippy-content="{{t 'Search people' }} (w)">
{{t 'USERS' }}
</h4>
tooltip: Improve tooltip placement for search users icon in right sidebar. Similar to the previous commit, the tooltip was not completely visible in this case and this bug was similar to the one corrected in recipient bar icons.
2021-07-06 05:28:25 +02:00
<i id="user_filter_icon" class="fa fa-search"
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
aria-hidden="true" aria-label="{{t 'Search people' }}"
data-tippy-content="{{t 'Search people' }} (w)">
right sidebar: s/Filter users/Search people/. We previously had a mix of "Filter users" and "Search people" for this widget. "Search" is more correct because the right sidebar can only show a subset of the organization in some settings.
2021-06-19 01:37:51 +02:00
</i>
Removing the leading border-top in sidebar items. When the feedback module is hidden the #userlist_header border would brush against the navbar. Check if the feedback header isn’t there and remove the border top.
2016-08-16 01:06:52 +02:00
</div>
refactor: Add an explicit `user_search_section`. This, among other things, makes it easier to troubleshoot the resize code.
2019-02-10 19:58:59 +01:00
<div class="input-append notdisplayed" id="user_search_section">
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
<input class="user-list-filter home-page-input" type="text" autocomplete="off" placeholder="{{t 'Search people' }}" />
right-sidebar: Make Search people input collapsible with search icon. Fixes #4816
2018-01-04 18:15:42 +01:00
<button type="button" class="btn clear_search_button" id="clear_search_people_button">
right_sidebar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-02 02:42:36 +02:00
<i class="fa fa-remove" aria-hidden="true"></i>
Clean right_sidebar.html to use 4 space indents.
2017-03-10 08:21:37 +01:00
</button>
</div>
ui: Replace set_up_scrollbar with data-simplebar attribute. With perfectScrollbar, we needed to call a function from JavaScript to enable a scrollbar on a new element, but simplebar has a much simpler default API one can do by using data-simplebar attributes in the HTML. So we can delete all the scrollbar creation/deletion code. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-05-17 23:11:33 +02:00
<div id="buddy_list_wrapper" class="scrolling_list" data-simplebar>
right sidebar: Display text when no users match search.
2021-09-12 06:31:55 +02:00
<ul id="user_presences" class="filters required-text" data-empty="{{t 'No matching users.' }}"></ul>
buddy list: Add padding to progressive scrollings. We add a padded div to our container for the buddy list to give scrolling the illusion that we've rendered every list item, while still letting the browser do the heavy lifting instead of trying to fake it out too much.
2018-07-26 19:50:15 +02:00
<div id="buddy_list_wrapper_padding"></div>
buddy list: Introduce buddy_list_wrapper div. This new div allows us to split out two concerns: semantic list of items - remains in #user_presences widget real estate - controlled by new #buddy_list_wrapper We will use this for progressive rendering. We want to add padding to the buddy list without messing with the integrity of the actual HTML '<ul>' list. (One ugly alternative would have been to add a dummy list item, which be a pitfall for any code traversing the list.) Basically, all the code relating to click handlers and similar things was left alone. We only change js/css related to scrolling, resizing, and overflow.
2018-07-26 20:17:34 +02:00
</div>
Clean right_sidebar.html to use 4 space indents.
2017-03-10 08:21:37 +01:00
</div>
right-sidebar: Fix design bugs with keyboard-shortcuts. The keyboard-shortcuts icon currently has a fix position causing design related bugs such as overlapping with userlist in the sidebar. The fix wraps the invite-more-users link and keyboard icon inside a div with display property as flex instead of just using the anchor tags inside the side-bar items.
2021-03-22 20:21:58 +01:00
<div class="right-sidebar-shortcuts">
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
{{#if can_invite_others_to_realm}}
<a id="invite-user-link" href="#invite"><i class="fa fa-user-plus" aria-hidden="true"></i>{{t 'Invite more users' }}</a>
{{/if}}
right_sidebar: Add realm description for spectators.
2022-01-20 10:30:09 +01:00
<a id="sidebar-keyboard-shortcuts" data-overlay-trigger="keyboard-shortcuts" class="hidden-for-spectators">
tippyjs: Avoid unsafe allowHTML API in favor of <template> elements. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2022-03-02 23:06:33 +01:00
<i class="fa fa-keyboard-o fa-2x tippy-zulip-tooltip" id="keyboard-icon" data-tooltip-template-id="keyboard-icon-tooltip"></i>
<template id="keyboard-icon-tooltip">{{t 'Keyboard shortcuts' }} <span class="hotkey-hint">(?)</span></template>
right-sidebar: Fix design bugs with keyboard-shortcuts. The keyboard-shortcuts icon currently has a fix position causing design related bugs such as overlapping with userlist in the sidebar. The fix wraps the invite-more-users link and keyboard icon inside a div with display property as flex instead of just using the anchor tags inside the side-bar items.
2021-03-22 20:21:58 +01:00
</a>
right_sidebar: Add realm description for spectators.
2022-01-20 10:30:09 +01:00
<div class="only-visible-for-spectators">
<div class="realm-description">
home: Send rendered realm description for spectators. Display rendered markdown after passing it through our local rendered_markdown JS library.
2022-02-15 10:58:53 +01:00
<div class="rendered_markdown">{{rendered_markdown realm_description }}</div>
spectators: Add divider before sidebar login/signup buttons. This slightly improves the visuals of this component.
2022-03-01 20:51:00 +01:00
<hr />
right_sidebar: Add realm description for spectators.
2022-01-20 10:30:09 +01:00
<a href="/register" class="signup_button color_animated_button">
<i class="fa fa-pencil-square-o"></i>
<span>{{t 'Sign up' }}</span>
</a>
<a href="/login" class="login_button color_animated_button">
<i class="fa fa-sign-in"></i>
<span>{{t 'Log in' }}</span>
</a>
</div>
</div>
right-sidebar: Fix design bugs with keyboard-shortcuts. The keyboard-shortcuts icon currently has a fix position causing design related bugs such as overlapping with userlist in the sidebar. The fix wraps the invite-more-users link and keyboard icon inside a div with display property as flex instead of just using the anchor tags inside the side-bar items.
2021-03-22 20:21:58 +01:00
</div>
Clean right_sidebar.html to use 4 space indents.
2017-03-10 08:21:37 +01:00
</div>
</div>