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

33 lines
1.4 KiB
Handlebars
Raw Normal View History

dropdown-list-widget: Rename setting_name -> widget_name. This change is another in a series of commits that allows us to use DLW outside of realm_settings.
2020-05-18 23:08:30 +02:00
<div class="input-group dropdown-list-widget" id="{{widget_name}}_widget">
frontend: Fix broken label tag and removed label expression. - Rectifies broken label tag having a misleading 'for' attribute. - Removed 'name' attribute from unlabelled span tag. - Removed label expression from DropdownListWidget to built an, abstraction for control group only. Fixes #17311.
2021-03-29 21:11:25 +02:00
<span class="{{widget_name}}_setting dropup actual-dropdown-menu prop-element" id="id_{{widget_name}}" aria-labelledby="{{widget_name}}_label">
{{#if label}}
<label id="{{widget_name}}_label" class="inline-block">
edit_bot: Fix dropdown username capitalization. Restructured dropdown_list_widget template to unwrap label tag from the control group, hence defaulting the edit_bot dropdown items to their original text size.
2021-03-29 21:05:05 +02:00
{{ label }}
</label>
frontend: Fix broken label tag and removed label expression. - Rectifies broken label tag having a misleading 'for' attribute. - Removed 'name' attribute from unlabelled span tag. - Removed label expression from DropdownListWidget to built an, abstraction for control group only. Fixes #17311.
2021-03-29 21:11:25 +02:00
{{/if}}
settings: Fix size of dropdown_list_widget elements. We remove the small CSS class, which set the font size as something tiny, and also restructure it with a fixed height and more natural markup for the reset link.
2021-06-12 01:18:16 +02:00
<button class="button rounded dropdown-toggle" type="button" data-toggle="dropdown">
edit_bot: Fix dropdown username capitalization. Restructured dropdown_list_widget template to unwrap label tag from the control group, hence defaulting the edit_bot dropdown items to their original text size.
2021-03-29 21:05:05 +02:00
<span id="{{widget_name}}_name"></span>
<i class="fa fa-pencil"></i>
</button>
<ul class="dropdown-menu modal-bg" role="menu">
<li class="dropdown-search" role="presentation">
<input class="no-input-change-detection" type="text" role="menuitem" placeholder="{{list_placeholder}}" autofocus/>
</li>
<div class="dropdown-list-wrapper" data-simplebar>
<span class="dropdown-list-body"></span>
dropdown_list_widget: Add support for Multiselect dropdown list widget (MDLW). This commit adds the support to select multiple dropdown items by inheriting dropdown list widget and overriding some of it's properties. The parameters that can be passed along with it are- - widget_name: The desired name of the widget. - data: The data that needs to be populated as dropdown items. - default_text: The default text to be rendered when none of the items is selected. - on_update: Function to trigger once the filter button is pressed. - on_close: Function to trigger once the dropdown is successfully closed after filtering. - value: The default value that is initially selected by user. - limit: The maximum number of dropdown items to display on button text. This widget can later be implemented in recent topic view to replace the several ellipses filter button and also within the organisation user's page to quickly sort the users list according to their org role.
2021-07-27 14:35:58 +02:00
{{#if filter_button_text }}
<button class="button rounded small sea-green multiselect_btn" tabindex="0">
<i class="fa fa-filter" aria-hidden="true"></i>
{{filter_button_text}}
</button>
{{/if}}
edit_bot: Fix dropdown username capitalization. Restructured dropdown_list_widget template to unwrap label tag from the control group, hence defaulting the edit_bot dropdown items to their original text size.
2021-03-29 21:05:05 +02:00
</div>
</ul>
</span>
dropdown_list_widget: Properly handle reset button text. There can be several cases when we don't require a reset button with the dropdown_list_widget. Hence, Added an abstraction for dropdown_list_widget that renders the button only if it's corresponding text is passed.
2021-03-28 14:53:25 +02:00
{{#if reset_button_text}}
settings: Fix size of dropdown_list_widget elements. We remove the small CSS class, which set the font size as something tiny, and also restructure it with a fixed height and more natural markup for the reset link.
2021-06-12 01:18:16 +02:00
<a class="dropdown_list_reset_button" role="button">
{{reset_button_text}}
</a>
dropdown_list_widget: Properly handle reset button text. There can be several cases when we don't require a reset button with the dropdown_list_widget. Hence, Added an abstraction for dropdown_list_widget that renders the button only if it's corresponding text is passed.
2021-03-28 14:53:25 +02:00
{{/if}}
settings: Extract DropdownListWidget from default_code_language_widget. We extract a general purpose widget to create dropdown lists with search. This widget is used for default code block language, but can be easily extended to cover notifications_stream and similar options. The current usage is: ```js const widget = DropdownListWidget({ setting_name: 'realm_alpha_beta', data: [{name: 'hello', value: 'world'}, {...}, ...], subsection: 'msg-editing', default_text: 'Nothing is selected', }); ``` and ```handlebars {{> dropdown_list_widget setting_name="realm_alpha_beta" list_placeholder=(t 'Filter the data') reset_button_text=(t '[Unset]') label=admin_settings_label.realm_alpha_beta }} ``` This can further be refined by shifting more variables from handlebars to javascript in the future.
2020-04-10 06:30:14 +02:00
</div>