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

33 lines
1.5 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">
settings_org: Refactor code for dropdown list widget settings. This commit refactors the code for dropdown list widget settings such that we can reuse the added functions for further settings that will use dropdown_list_widget. This change will be helpful when we will add group-based settings and change some of the existing role-based settings to be group-based. We add a new function "get_widget_for_dropdown_list_settings" to get the widget variable from setting name. The functions to get and set the setting value use "get_widget_for_dropdown_list_settings" function to get the widget and then gets or sets the setting value accordingly. We also add "data-setting-widget-type" and "data-setting-value-type" attributes to the element like other settings. The "data-setting-widget-type" attr is used by get_input_element_value to use "get_dropdown_list_widget_setting_value" function for dropdown-list-widget settings. The "data-setting-value-type" attribute is used to parse the setting value to correct types in "get_dropdown_list_widget_setting_value" function.
2022-12-29 10:59:51 +01:00
<span class="{{widget_name}}_setting dropup actual-dropdown-menu prop-element" id="id_{{widget_name}}" aria-labelledby="{{widget_name}}_label" data-setting-widget-type="dropdown-list-widget" {{#if value_type}}data-setting-value-type="{{value_type}}"{{/if}}>
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 label}}
settings: Avoid dropdown_list_widget on same line as labels. The 3 instances of dropdown_list_widget using the `label` property had different design than the rest of all of our dropdowns, in that the label was on the same line as the dropdown. Fix this by adjusting the `label` option to use our standard `dropdown-title` CSS class. Also remove the colons in the labels. I confirmed that these were the only instances of this widget using the label feature. Fixes #20415.
2022-03-16 00:08:41 +01:00
<label id="{{widget_name}}_label" class="dropdown-title">
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>
dropdown_list_widget: Replaced pencil icon with chevron-down. This is the standard way to indicate that something is a dropdown menu, and in particular avoids confusion some folks had with the pencil icon. Tweaked by tabbott to unify CSS with all of our other dropdown list widget instances. Fixes #19888.
2021-11-29 11:54:35 +01:00
<i class="fa fa-chevron-down"></i>
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
</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>