Files
zulip/web/templates/user_group_settings/user_group_settings_overlay.hbs
Maneesh Shukla b0241bfa3c banners: Redesign group info banner.
Fixes part of #34252.
2025-08-01 09:08:30 -07:00

69 lines
3.8 KiB
Handlebars

<div id="groups_overlay" class="two-pane-settings-overlay overlay" data-overlay="group_subscriptions">
<div class="flex overlay-content">
<div class="two-pane-settings-container overlay-container">
<div class="two-pane-settings-header">
<div class="fa fa-chevron-left"></div>
<span class="user-groups-title">{{t 'User groups' }}</span>
<div class="exit">
<span class="exit-sign">&times;</span>
</div>
</div>
<div class="two-pane-settings-subheader">
<div class="left">
<div class="list-toggler-container">
<div id="add_new_user_group">
<button class="create_user_group_button two-pane-settings-plus-button">
<i class="create_button_plus_sign zulip-icon zulip-icon-user-group-plus" aria-hidden="true"></i>
</button>
<div class="float-clear"></div>
</div>
</div>
</div>
<div class="right">
<div class="display-type">
<div id="user_group_settings_title" class="user-group-info-title">{{t 'User group settings' }}</div>
<i class="fa fa-ban deactivated-user-icon deactivated-user-group-icon-right"></i>
</div>
</div>
</div>
<div class="two-pane-settings-body">
<div class="left">
<div class="input-append group_name_search_section two-pane-settings-search" id="group_filter">
<input type="text" name="group_name" id="search_group_name" class="filter_text_input" autocomplete="off"
placeholder="{{t 'Filter' }}" value=""/>
<button type="button" class="clear_search_button" id="clear_search_group_name">
<i class="zulip-icon zulip-icon-close" aria-hidden="true"></i>
</button>
<span>
<label class="checkbox" id="user-group-edit-filter-options">
{{> ../dropdown_widget widget_name="user_group_visibility_settings"}}
</label>
</span>
</div>
<div class="no-groups-to-show">
</div>
<div class="user-groups-list-wrapper two-pane-settings-left-simplebar-container" data-simplebar data-simplebar-tab-index="-1">
<div class="user-groups-list"></div>
</div>
</div>
<div class="right">
<div class="nothing-selected">
<div class="group-info-banner banner-wrapper"></div>
<div class="create-group-button-container">
{{> ../settings/upgrade_tip_widget . }}
<button type="button" class="create_user_group_button animated-purple-button">{{t 'Create user group' }}</button>
<span class="settings-empty-option-text creation-permission-text">
{{t 'You do not have permission to create user groups.' }}
</span>
</div>
</div>
<div id="user_group_settings" class="two-pane-settings-right-simplebar-container settings" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false">
{{!-- edit user group here --}}
</div>
{{> user_group_creation_form . }}
</div>
</div>
</div>
</div>
</div>