2018-11-08 17:17:12 +01:00
|
|
|
<div class="left-sidebar" id="left-sidebar" role="navigation">
|
2023-10-10 21:00:28 +02:00
|
|
|
<div id="left-sidebar-navigation-area" class="left-sidebar-navigation-area">
|
2024-06-18 11:35:02 +02:00
|
|
|
<div id="views-label-container" class="showing-expanded-navigation {{#if is_spectator}}remove-pointer-for-spectator{{/if}}">
|
2024-09-25 21:02:16 +02:00
|
|
|
<i id="toggle-top-left-navigation-area-icon" class="zulip-icon zulip-icon-heading-triangle-right sidebar-heading-icon rotate-icon-down views-tooltip-target hidden-for-spectators" aria-hidden="true"></i>
|
2023-10-11 19:08:42 +02:00
|
|
|
{{~!-- squash whitespace --~}}
|
2023-11-10 16:06:51 +01:00
|
|
|
<h4 class="left-sidebar-title"><span class="views-tooltip-target">{{t 'VIEWS' }}</span></h4>
|
2023-10-11 19:08:42 +02:00
|
|
|
<ul id="left-sidebar-navigation-list-condensed" class="filters">
|
2023-11-02 20:05:21 +01:00
|
|
|
<li class="top_left_inbox left-sidebar-navigation-condensed-item {{#if is_inbox_home_view}}selected-home-view{{/if}}">
|
|
|
|
<a href="#inbox" {{#if is_inbox_home_view}}tabindex="0"{{/if}} class="tippy-views-tooltip left-sidebar-navigation-icon-container" data-tooltip-template-id="inbox-tooltip-template">
|
2023-10-11 19:08:42 +02:00
|
|
|
<span class="filter-icon">
|
|
|
|
<i class="zulip-icon zulip-icon-inbox" aria-hidden="true"></i>
|
|
|
|
</span>
|
|
|
|
<span class="unread_count"></span>
|
|
|
|
</a>
|
|
|
|
</li>
|
2023-11-02 20:05:21 +01:00
|
|
|
<li class="top_left_recent_view left-sidebar-navigation-condensed-item {{#if is_recent_view_home_view}}selected-home-view{{/if}}">
|
|
|
|
<a href="#recent" {{#if is_recent_view_home_view}}tabindex="0"{{/if}} class="tippy-views-tooltip left-sidebar-navigation-icon-container" data-tooltip-template-id="recent-conversations-tooltip-template">
|
2023-10-11 19:08:42 +02:00
|
|
|
<span class="filter-icon">
|
2024-03-06 11:36:48 +01:00
|
|
|
<i class="zulip-icon zulip-icon-recent" aria-hidden="true"></i>
|
2023-10-11 19:08:42 +02:00
|
|
|
</span>
|
2023-11-02 20:05:21 +01:00
|
|
|
<span class="unread_count"></span>
|
2023-10-11 19:08:42 +02:00
|
|
|
</a>
|
|
|
|
</li>
|
2023-11-02 20:05:21 +01:00
|
|
|
<li class="top_left_all_messages left-sidebar-navigation-condensed-item {{#if is_all_messages_home_view}}selected-home-view{{/if}}">
|
2024-04-23 20:58:34 +02:00
|
|
|
<a href="#feed" {{#if is_all_messages_home_view}}tabindex="0"{{/if}} class="home-link tippy-views-tooltip left-sidebar-navigation-icon-container" data-tooltip-template-id="all-message-tooltip-template">
|
2023-10-11 19:08:42 +02:00
|
|
|
<span class="filter-icon">
|
2023-10-19 21:12:13 +02:00
|
|
|
<i class="zulip-icon zulip-icon-all-messages" aria-hidden="true"></i>
|
2023-10-11 19:08:42 +02:00
|
|
|
</span>
|
2023-11-02 20:05:21 +01:00
|
|
|
<span class="unread_count"></span>
|
2023-10-11 19:08:42 +02:00
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li class="top_left_mentions left-sidebar-navigation-condensed-item">
|
2023-10-18 17:47:01 +02:00
|
|
|
<a href="#narrow/is/mentioned" class="tippy-left-sidebar-tooltip left-sidebar-navigation-icon-container" data-tooltip-template-id="mentions-tooltip-template">
|
2023-10-11 19:08:42 +02:00
|
|
|
<span class="filter-icon">
|
2023-10-19 21:12:13 +02:00
|
|
|
<i class="zulip-icon zulip-icon-at-sign" aria-hidden="true"></i>
|
2023-10-11 19:08:42 +02:00
|
|
|
</span>
|
|
|
|
<span class="unread_count"></span>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li class="top_left_starred_messages left-sidebar-navigation-condensed-item">
|
2023-10-18 17:47:01 +02:00
|
|
|
<a href="#narrow/is/starred" class="tippy-left-sidebar-tooltip left-sidebar-navigation-icon-container" data-tooltip-template-id="starred-tooltip-template">
|
2023-10-11 19:08:42 +02:00
|
|
|
<span class="filter-icon">
|
2024-10-08 17:47:01 +02:00
|
|
|
<i class="zulip-icon zulip-icon-star" aria-hidden="true"></i>
|
2023-10-11 19:08:42 +02:00
|
|
|
</span>
|
|
|
|
<span class="unread_count"></span>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<div class="left-sidebar-navigation-menu-icon">
|
|
|
|
<i class="zulip-icon zulip-icon-more-vertical"></i>
|
|
|
|
</div>
|
|
|
|
</div>
|
2023-10-10 21:00:28 +02:00
|
|
|
<ul id="left-sidebar-navigation-list" class="left-sidebar-navigation-list filters">
|
2024-06-20 11:59:06 +02:00
|
|
|
<li class="top_left_inbox top_left_row hidden-for-spectators {{#if is_inbox_home_view}}selected-home-view{{/if}}">
|
|
|
|
<a href="#inbox" {{#if is_inbox_home_view}}tabindex="0"{{/if}} class="left-sidebar-navigation-label-container tippy-views-tooltip" data-tooltip-template-id="inbox-tooltip-template">
|
2023-08-09 07:23:30 +02:00
|
|
|
<span class="filter-icon">
|
|
|
|
<i class="zulip-icon zulip-icon-inbox" aria-hidden="true"></i>
|
|
|
|
</span>
|
|
|
|
{{~!-- squash whitespace --~}}
|
2023-10-10 21:00:28 +02:00
|
|
|
<span class="left-sidebar-navigation-label">{{t 'Inbox' }}</span>
|
2023-10-03 18:36:02 +02:00
|
|
|
<span class="unread_count"></span>
|
2023-08-09 07:23:30 +02:00
|
|
|
</a>
|
2023-10-03 18:40:44 +02:00
|
|
|
<span class="arrow sidebar-menu-icon inbox-sidebar-menu-icon hidden-for-spectators"><i class="zulip-icon zulip-icon-more-vertical" aria-hidden="true"></i></span>
|
2023-08-09 07:23:30 +02:00
|
|
|
</li>
|
2024-06-20 11:59:06 +02:00
|
|
|
<li class="top_left_recent_view top_left_row {{#if is_recent_view_home_view}}selected-home-view{{/if}}">
|
|
|
|
<a href="#recent" {{#if is_recent_view_home_view}}tabindex="0"{{/if}} class="left-sidebar-navigation-label-container tippy-views-tooltip" data-tooltip-template-id="recent-conversations-tooltip-template">
|
2022-01-22 06:24:52 +01:00
|
|
|
<span class="filter-icon">
|
2024-03-06 11:36:48 +01:00
|
|
|
<i class="zulip-icon zulip-icon-recent" aria-hidden="true"></i>
|
2022-01-22 06:24:52 +01:00
|
|
|
</span>
|
|
|
|
{{~!-- squash whitespace --~}}
|
2023-10-10 21:00:28 +02:00
|
|
|
<span class="left-sidebar-navigation-label">{{t 'Recent conversations' }}</span>
|
2023-11-02 20:05:21 +01:00
|
|
|
<span class="unread_count"></span>
|
2022-01-22 06:24:52 +01:00
|
|
|
</a>
|
2023-10-23 09:02:57 +02:00
|
|
|
<span class="arrow sidebar-menu-icon recent-view-sidebar-menu-icon hidden-for-spectators {{#if is_recent_view_home_view}}hide{{/if}}">
|
2023-10-23 21:12:18 +02:00
|
|
|
<i class="zulip-icon zulip-icon-more-vertical" aria-hidden="true"></i>
|
|
|
|
</span>
|
2022-01-22 06:24:52 +01:00
|
|
|
</li>
|
2024-06-20 11:59:06 +02:00
|
|
|
<li class="top_left_all_messages top_left_row {{#if is_all_messages_home_view}}selected-home-view{{/if}}">
|
|
|
|
<a href="#feed" {{#if is_all_messages_home_view}}tabindex="0"{{/if}} class="home-link left-sidebar-navigation-label-container tippy-views-tooltip" data-tooltip-template-id="all-message-tooltip-template">
|
2023-10-02 21:10:41 +02:00
|
|
|
<span class="filter-icon">
|
2023-10-20 15:57:54 +02:00
|
|
|
<i class="zulip-icon zulip-icon-all-messages" aria-hidden="true"></i>
|
2023-10-02 21:10:41 +02:00
|
|
|
</span>
|
|
|
|
{{~!-- squash whitespace --~}}
|
2024-04-02 13:10:48 +02:00
|
|
|
<span class="left-sidebar-navigation-label">{{t 'Combined feed' }}</span>
|
2023-11-02 20:05:21 +01:00
|
|
|
<span class="unread_count"></span>
|
2023-10-02 21:10:41 +02:00
|
|
|
</a>
|
2023-10-23 09:02:57 +02:00
|
|
|
<span class="arrow sidebar-menu-icon all-messages-sidebar-menu-icon hidden-for-spectators {{#if is_all_messages_home_view}}hide{{/if}}">
|
2023-10-23 21:12:18 +02:00
|
|
|
<i class="zulip-icon zulip-icon-more-vertical" aria-hidden="true"></i>
|
|
|
|
</span>
|
2023-10-02 21:10:41 +02:00
|
|
|
</li>
|
2023-04-03 20:01:12 +02:00
|
|
|
<li class="top_left_mentions top_left_row hidden-for-spectators">
|
2023-10-10 21:00:28 +02:00
|
|
|
<a class="left-sidebar-navigation-label-container" href="#narrow/is/mentioned">
|
2017-06-05 23:10:26 +02:00
|
|
|
<span class="filter-icon">
|
2023-10-20 15:57:54 +02:00
|
|
|
<i class="zulip-icon zulip-icon-at-sign" aria-hidden="true"></i>
|
2017-06-05 23:10:26 +02:00
|
|
|
</span>
|
2021-06-29 09:48:40 +02:00
|
|
|
{{~!-- squash whitespace --~}}
|
2023-10-10 21:00:28 +02:00
|
|
|
<span class="left-sidebar-navigation-label">{{t 'Mentions' }}</span>
|
2021-04-09 09:20:15 +02:00
|
|
|
<span class="unread_count"></span>
|
2017-06-05 23:10:26 +02:00
|
|
|
</a>
|
|
|
|
</li>
|
2024-06-20 11:59:06 +02:00
|
|
|
<li class="top_left_my_reactions top_left_row hidden-for-spectators">
|
|
|
|
<a class="left-sidebar-navigation-label-container tippy-views-tooltip" href="#narrow/has/reaction/sender/me" data-tooltip-template-id="my-reactions-tooltip-template">
|
2024-02-28 12:24:44 +01:00
|
|
|
<span class="filter-icon">
|
|
|
|
<i class="zulip-icon zulip-icon-smile" aria-hidden="true"></i>
|
|
|
|
</span>
|
|
|
|
{{~!-- squash whitespace --~}}
|
|
|
|
<span class="left-sidebar-navigation-label">{{t 'Reactions' }}</span>
|
|
|
|
<span class="unread_count"></span>
|
|
|
|
</a>
|
|
|
|
</li>
|
2023-04-03 20:01:12 +02:00
|
|
|
<li class="top_left_starred_messages top_left_row hidden-for-spectators">
|
2024-08-23 19:58:23 +02:00
|
|
|
<a class="left-sidebar-navigation-label-container tippy-views-tooltip" href="#narrow/is/starred" data-tooltip-template-id="starred-message-tooltip-template">
|
2017-06-05 23:10:26 +02:00
|
|
|
<span class="filter-icon">
|
2024-10-08 17:47:01 +02:00
|
|
|
<i class="zulip-icon zulip-icon-star" aria-hidden="true"></i>
|
2017-06-05 23:10:26 +02:00
|
|
|
</span>
|
2021-06-29 09:48:40 +02:00
|
|
|
{{~!-- squash whitespace --~}}
|
2023-10-10 21:00:28 +02:00
|
|
|
<span class="left-sidebar-navigation-label">{{t 'Starred messages' }}</span>
|
2021-04-09 09:20:15 +02:00
|
|
|
<span class="unread_count"></span>
|
2024-10-04 20:51:18 +02:00
|
|
|
<span class="masked_unread_count">
|
|
|
|
<i class="zulip-icon zulip-icon-masked-unread"></i>
|
|
|
|
</span>
|
2017-06-05 23:10:26 +02:00
|
|
|
</a>
|
2023-09-18 16:48:10 +02:00
|
|
|
<span class="arrow sidebar-menu-icon starred-messages-sidebar-menu-icon"><i class="zulip-icon zulip-icon-more-vertical" aria-hidden="true"></i></span>
|
2017-06-05 23:10:26 +02:00
|
|
|
</li>
|
2024-06-20 11:59:06 +02:00
|
|
|
<li class="top_left_drafts top_left_row hidden-for-spectators">
|
|
|
|
<a href="#drafts" class="left-sidebar-navigation-label-container tippy-views-tooltip" data-tooltip-template-id="drafts-tooltip-template">
|
2021-07-04 23:17:03 +02:00
|
|
|
<span class="filter-icon">
|
2023-10-20 15:57:54 +02:00
|
|
|
<i class="zulip-icon zulip-icon-drafts" aria-hidden="true"></i>
|
2021-07-04 23:17:03 +02:00
|
|
|
</span>
|
|
|
|
{{~!-- squash whitespace --~}}
|
2023-10-10 21:00:28 +02:00
|
|
|
<span class="left-sidebar-navigation-label">{{t 'Drafts' }}</span>
|
2021-07-04 23:17:03 +02:00
|
|
|
<span class="unread_count"></span>
|
|
|
|
</a>
|
2023-09-18 16:48:10 +02:00
|
|
|
<span class="arrow sidebar-menu-icon drafts-sidebar-menu-icon"><i class="zulip-icon zulip-icon-more-vertical" aria-hidden="true"></i></span>
|
2021-07-04 23:17:03 +02:00
|
|
|
</li>
|
2023-04-27 21:13:59 +02:00
|
|
|
<li class="top_left_scheduled_messages top_left_row hidden-for-spectators">
|
2023-10-10 21:00:28 +02:00
|
|
|
<a class="left-sidebar-navigation-label-container" href="#scheduled">
|
2023-04-27 21:13:59 +02:00
|
|
|
<span class="filter-icon">
|
2024-10-08 21:14:31 +02:00
|
|
|
<i class="zulip-icon zulip-icon-calendar-days" aria-hidden="true"></i>
|
2023-04-27 21:13:59 +02:00
|
|
|
</span>
|
|
|
|
{{~!-- squash whitespace --~}}
|
2023-10-10 21:00:28 +02:00
|
|
|
<span class="left-sidebar-navigation-label">{{t 'Scheduled messages' }}</span>
|
2023-04-27 21:13:59 +02:00
|
|
|
<span class="unread_count"></span>
|
|
|
|
</a>
|
|
|
|
</li>
|
2017-06-05 23:10:26 +02:00
|
|
|
</ul>
|
2022-09-13 13:15:57 +02:00
|
|
|
</div>
|
|
|
|
|
2024-07-04 12:52:48 +02:00
|
|
|
<div id="direct-messages-section-header" class="direct-messages-container hidden-for-spectators zoom-out zoom-in-sticky">
|
2024-09-25 21:02:16 +02:00
|
|
|
<i id="toggle-direct-messages-section-icon" class="zulip-icon zulip-icon-heading-triangle-right sidebar-heading-icon rotate-icon-down dm-tooltip-target zoom-in-hide" aria-hidden="true" tabindex="0" role="button"></i>
|
2024-07-04 12:52:48 +02:00
|
|
|
<h4 class="left-sidebar-title"><span class="dm-tooltip-target">{{t 'DIRECT MESSAGES' }}</span></h4>
|
2024-10-03 22:56:13 +02:00
|
|
|
<div class="left-sidebar-controls">
|
2024-10-16 19:11:43 +02:00
|
|
|
<span id="compose-new-direct-message" class="tippy-left-sidebar-tooltip" data-tooltip-template-id="new_direct_message_button_tooltip_template">
|
|
|
|
<i class="left-sidebar-new-direct-message-icon zulip-icon zulip-icon-square-plus" aria-label="{{t 'New direct message' }}"></i>
|
|
|
|
</span>
|
2024-07-04 12:52:48 +02:00
|
|
|
<a id="show-all-direct-messages" href="#narrow/is/dm" data-tooltip-template-id="show-all-direct-messages-template">
|
2024-10-01 21:51:25 +02:00
|
|
|
<i class="zulip-icon zulip-icon-all-messages" aria-label="{{t 'Direct message feed' }}"></i>
|
2024-07-04 12:46:35 +02:00
|
|
|
</a>
|
2024-10-03 22:56:13 +02:00
|
|
|
</div>
|
|
|
|
<div class="heading-markers-and-unreads">
|
2024-07-04 12:52:48 +02:00
|
|
|
<span class="unread_count"></span>
|
2022-09-13 13:15:57 +02:00
|
|
|
</div>
|
2024-07-04 12:52:48 +02:00
|
|
|
<a class="zoom-out-hide" id="hide-more-direct-messages">
|
|
|
|
<span class="hide-more-direct-messages-text"> {{t 'back to channels' }}</span>
|
|
|
|
</a>
|
2024-06-06 10:35:51 +02:00
|
|
|
<div class="zoom-out-hide direct-messages-search-section">
|
2024-08-14 06:33:37 +02:00
|
|
|
<input class="direct-messages-list-filter filter_text_input home-page-input" type="text" autocomplete="off" placeholder="{{t 'Filter direct messages' }}" />
|
2024-06-06 10:35:51 +02:00
|
|
|
<button type="button" class="btn clear_search_button" id="clear-direct-messages-search-button">
|
|
|
|
<i class="fa fa-remove" aria-hidden="true"></i>
|
|
|
|
</button>
|
|
|
|
</div>
|
2022-09-13 13:15:57 +02:00
|
|
|
</div>
|
|
|
|
{{~!-- squash whitespace --~}}
|
2024-06-16 13:46:37 +02:00
|
|
|
<div id="left_sidebar_scroll_container" class="scrolling_list" data-simplebar data-simplebar-tab-index="-1">
|
2023-10-30 16:07:07 +01:00
|
|
|
<div class="direct-messages-container zoom-out hidden-for-spectators">
|
2023-10-30 16:18:29 +01:00
|
|
|
<div id="direct-messages-list"></div>
|
2022-09-13 13:15:57 +02:00
|
|
|
</div>
|
|
|
|
|
2017-06-05 23:10:26 +02:00
|
|
|
<div id="streams_list" class="zoom-out">
|
2023-11-29 18:58:29 +01:00
|
|
|
<div id="streams_header" class="zoom-in-hide {{#if hide_unread_counts}}hide_unread_counts{{/if}}">
|
2024-04-18 18:36:57 +02:00
|
|
|
<h4 class="left-sidebar-title"><span class="streams-tooltip-target" data-tooltip-template-id="filter-streams-tooltip-template">{{t 'CHANNELS' }}</span></h4>
|
2024-10-03 22:56:13 +02:00
|
|
|
<div class="left-sidebar-controls">
|
2024-10-01 21:51:25 +02:00
|
|
|
<i id="filter_streams_tooltip" class="streams_filter_icon zulip-icon zulip-icon-search" aria-hidden="true" data-tooltip-template-id="filter-streams-tooltip-template"></i>
|
2024-04-18 18:36:57 +02:00
|
|
|
<span id="add_streams_tooltip" class="hidden-for-spectators" data-tippy-content="{{t 'Add channels' }}">
|
2024-10-01 21:51:25 +02:00
|
|
|
<i id="streams_inline_icon" class="zulip-icon zulip-icon-square-plus" aria-hidden="true" ></i>
|
2023-11-15 17:47:59 +01:00
|
|
|
</span>
|
2024-10-03 22:56:13 +02:00
|
|
|
</div>
|
|
|
|
<div class="heading-markers-and-unreads">
|
2023-11-15 17:17:13 +01:00
|
|
|
<span class="unread_count"></span>
|
2024-10-04 20:51:18 +02:00
|
|
|
<span class="masked_unread_count">
|
|
|
|
<i class="zulip-icon zulip-icon-masked-unread"></i>
|
|
|
|
</span>
|
2023-11-09 00:36:56 +01:00
|
|
|
</div>
|
2023-11-15 17:47:59 +01:00
|
|
|
|
2024-06-28 19:32:15 +02:00
|
|
|
<div class="notdisplayed stream_search_section">
|
2024-04-18 18:36:57 +02:00
|
|
|
<input class="stream-list-filter home-page-input filter_text_input" type="text" autocomplete="off" placeholder="{{t 'Filter channels' }}" />
|
2018-01-04 18:14:27 +01:00
|
|
|
<button type="button" class="btn clear_search_button" id="clear_search_stream_button">
|
2018-07-02 02:53:50 +02:00
|
|
|
<i class="fa fa-remove" aria-hidden="true"></i>
|
2017-06-05 23:10:26 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
bug fix: Move stream search out of scroll container.
We want the search widget, when visible, to be
outside the scroll container for the stream list.
One obvious use case is if you start scrolling, and
then realize it might be less effort to search.
Also, for user search, it already worked this way.
We have to add a couple resizing hooks here, but
it's not necessary to change the actual resize
calculation, since we move the section inside
of #streams_header, which is already accounted
for.
The only markup change here is to add
a `stream_search_section` class. I don't
know why we use `notdisplayed` here instead of
jQuery, or what `input-append` is for, but I
considered them outside the scope of this change.
We can also remove some crufty CSS that was
compensating for it being inside the container.
2019-02-09 19:09:56 +01:00
|
|
|
</div>
|
|
|
|
<div id="topics_header">
|
2024-04-18 18:36:57 +02:00
|
|
|
<a class="show-all-streams" tabindex="0">{{t 'Back to channels' }}</a> <span class="unread_count"></span>
|
bug fix: Move stream search out of scroll container.
We want the search widget, when visible, to be
outside the scroll container for the stream list.
One obvious use case is if you start scrolling, and
then realize it might be less effort to search.
Also, for user search, it already worked this way.
We have to add a couple resizing hooks here, but
it's not necessary to change the actual resize
calculation, since we move the section inside
of #streams_header, which is already accounted
for.
The only markup change here is to add
a `stream_search_section` class. I don't
know why we use `notdisplayed` here instead of
jQuery, or what `input-append` is for, but I
considered them outside the scope of this change.
We can also remove some crufty CSS that was
compensating for it being inside the container.
2019-02-09 19:09:56 +01:00
|
|
|
</div>
|
2022-09-13 13:15:57 +02:00
|
|
|
<div id="stream-filters-container">
|
2017-06-05 23:10:26 +02:00
|
|
|
<ul id="stream_filters" class="filters"></ul>
|
2022-02-07 21:20:39 +01:00
|
|
|
{{#unless is_guest }}
|
2022-08-15 21:32:10 +02:00
|
|
|
<div id="subscribe-to-more-streams"></div>
|
2022-02-07 21:20:39 +01:00
|
|
|
{{/unless}}
|
2024-05-07 06:17:42 +02:00
|
|
|
<div class="only-visible-for-spectators">
|
|
|
|
<div id="login-link-container" class="login_button">
|
2023-12-04 18:57:47 +01:00
|
|
|
<i class="zulip-icon zulip-icon-log-in" aria-hidden="true"></i>
|
2022-11-29 20:38:07 +01:00
|
|
|
{{~!-- squash whitespace --~}}
|
2024-05-07 06:17:42 +02:00
|
|
|
<a class="login-text">
|
|
|
|
{{t 'Log in to browse more channels'}}
|
|
|
|
</a>
|
|
|
|
</div>
|
2022-11-29 20:38:07 +01:00
|
|
|
</div>
|
2017-06-05 23:10:26 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|