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

27 lines
1.1 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}}
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 class="button small rounded dropdown-toggle" data-toggle="dropdown">
<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>
</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}}
dropdown-list-widget: Properly handle disabled state. We wrap the [reset] anchor tag in a button so that we can set 'disabled' attribute on it. We change the styles to hide the [reset] button and the pencil icon when the widget is disabled. We also need to call `e.preventDefault()` in the event handler since now the anchor tag behaves as a button.
2020-05-19 07:01:53 +02:00
<button class="button small dropdown_list_reset_button">
<a>{{reset_button_text}}</a>
</button>
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>