inputs: Rename input.hbs partial block to input_wrapper.hbs.

This commit is contained in:
Sayam Samal
2025-07-03 02:54:25 +05:30
committed by Tim Abbott
parent 2df8ee43cf
commit 3b0115dce7
7 changed files with 17 additions and 17 deletions

View File

@@ -1,6 +1,6 @@
import Handlebars from "handlebars/runtime.js"; import Handlebars from "handlebars/runtime.js";
import render_input from "../templates/components/input.hbs"; import render_input_wrapper from "../templates/components/input_wrapper.hbs";
import * as common from "./common.ts"; import * as common from "./common.ts";
import {default_html_elements, intl} from "./i18n.ts"; import {default_html_elements, intl} from "./i18n.ts";
@@ -178,10 +178,10 @@ Handlebars.registerHelper("popover_hotkey_hints", (...args) => {
// The below section is for registering global Handlebar partials. // The below section is for registering global Handlebar partials.
// The "input" partial block located at web/templates/components/input.hbs // The "input_wrapper" partial block located at web/templates/components/input_wrapper.hbs
// is used to wrap any input element that needs to be styled as a Zulip input. // is used to wrap any input element that needs to be styled as a Zulip input.
// Usage example: // Usage example:
// {{#> input . input_type="filter-input" custom_classes="inbox-search-wrapper" icon="search" input_button_icon="close"}} // {{#> input_wrapper . input_type="filter-input" custom_classes="inbox-search-wrapper" icon="search" input_button_icon="close"}}
// <input type="text" id="{{INBOX_SEARCH_ID}}" class="input-element" value="{{search_val}}" autocomplete="off" placeholder="{{t 'Filter' }}" /> // <input type="text" id="{{INBOX_SEARCH_ID}}" class="input-element" value="{{search_val}}" autocomplete="off" placeholder="{{t 'Filter' }}" />
// {{/input}} // {{/input_wrapper}}
Handlebars.registerPartial("input", render_input); Handlebars.registerPartial("input_wrapper", render_input_wrapper);

View File

@@ -1,3 +1,3 @@
{{#> input input_type="filter-input" icon="search" input_button_icon="close"}} {{#> input_wrapper input_type="filter-input" icon="search" input_button_icon="close"}}
<input class="input-element" type="text" placeholder="{{t 'Filter component' }}" /> <input class="input-element" type="text" placeholder="{{t 'Filter component' }}" />
{{/input}} {{/input_wrapper}}

View File

@@ -6,9 +6,9 @@
{{else}} {{else}}
<div class="search_group" id="inbox-filters" role="group"> <div class="search_group" id="inbox-filters" role="group">
{{> ../dropdown_widget widget_name="inbox-filter"}} {{> ../dropdown_widget widget_name="inbox-filter"}}
{{#> input . input_type="filter-input" custom_classes="inbox-search-wrapper" icon="search" input_button_icon="close"}} {{#> input_wrapper . input_type="filter-input" custom_classes="inbox-search-wrapper" icon="search" input_button_icon="close"}}
<input type="text" id="{{INBOX_SEARCH_ID}}" class="input-element" value="{{search_val}}" autocomplete="off" placeholder="{{t 'Filter' }}" /> <input type="text" id="{{INBOX_SEARCH_ID}}" class="input-element" value="{{search_val}}" autocomplete="off" placeholder="{{t 'Filter' }}" />
{{/input}} {{/input_wrapper}}
</div> </div>
<div id="inbox-empty-with-search" class="inbox-empty-text empty-list-message"> <div id="inbox-empty-with-search" class="inbox-empty-text empty-list-message">
{{t "No conversations match your filters."}} {{t "No conversations match your filters."}}

View File

@@ -183,9 +183,9 @@
<span class="unread_count"></span> <span class="unread_count"></span>
</div> </div>
<div class="zoom-out-hide direct-messages-search-section left-sidebar-filter-input-container"> <div class="zoom-out-hide direct-messages-search-section left-sidebar-filter-input-container">
{{#> input input_type="filter-input" icon="search" input_button_icon="close"}} {{#> input_wrapper input_type="filter-input" icon="search" input_button_icon="close"}}
<input type="text" class="input-element direct-messages-list-filter home-page-input" autocomplete="off" placeholder="{{t 'Filter direct messages' }}" /> <input type="text" class="input-element direct-messages-list-filter home-page-input" autocomplete="off" placeholder="{{t 'Filter direct messages' }}" />
{{/input}} {{/input_wrapper}}
</div> </div>
</div> </div>
{{~!-- squash whitespace --~}} {{~!-- squash whitespace --~}}
@@ -210,9 +210,9 @@
</span> </span>
</div> </div>
<div class="left-sidebar-filter-input-container"> <div class="left-sidebar-filter-input-container">
{{#> input input_type="filter-input" custom_classes="notdisplayed stream_search_section" icon="search" input_button_icon="close"}} {{#> input_wrapper input_type="filter-input" custom_classes="notdisplayed stream_search_section" icon="search" input_button_icon="close"}}
<input type="text" class="input-element stream-list-filter home-page-input" autocomplete="off" placeholder="{{t 'Filter channels' }}" /> <input type="text" class="input-element stream-list-filter home-page-input" autocomplete="off" placeholder="{{t 'Filter channels' }}" />
{{/input}} {{/input_wrapper}}
</div> </div>
</div> </div>
<div id="topics_header"> <div id="topics_header">

View File

@@ -2,9 +2,9 @@
<div id="recent_filters_group"> <div id="recent_filters_group">
{{> recent_view_filters .}} {{> recent_view_filters .}}
</div> </div>
{{#> input . input_type="filter-input" id="recent-view-search-wrapper" icon="search" input_button_icon="close"}} {{#> input_wrapper . input_type="filter-input" id="recent-view-search-wrapper" icon="search" input_button_icon="close"}}
<input type="text" id="recent_view_search" class="input-element user-list-filter" value="{{ search_val }}" autocomplete="off" placeholder="{{t 'Filter topics (t)' }}" /> <input type="text" id="recent_view_search" class="input-element user-list-filter" value="{{ search_val }}" autocomplete="off" placeholder="{{t 'Filter topics (t)' }}" />
{{/input}} {{/input_wrapper}}
</div> </div>
<div class="table_fix_head"> <div class="table_fix_head">
<div class="recent-view-container"> <div class="recent-view-container">

View File

@@ -2,9 +2,9 @@
<div class="right-sidebar-items"> <div class="right-sidebar-items">
<div id="user-list"> <div id="user-list">
<div id="userlist-header"> <div id="userlist-header">
{{#> input input_type="filter-input" id="userlist-header-search" icon="search" input_button_icon="close"}} {{#> input_wrapper input_type="filter-input" id="userlist-header-search" icon="search" input_button_icon="close"}}
<input type="text" class="input-element user-list-filter home-page-input" autocomplete="off" placeholder="{{t 'Filter users' }}" /> <input type="text" class="input-element user-list-filter home-page-input" autocomplete="off" placeholder="{{t 'Filter users' }}" />
{{/input}} {{/input_wrapper}}
<span id="buddy-list-menu-icon" class="user-list-sidebar-menu-icon"> <span id="buddy-list-menu-icon" class="user-list-sidebar-menu-icon">
<i class="zulip-icon zulip-icon-more-vertical" aria-hidden="true"></i> <i class="zulip-icon zulip-icon-more-vertical" aria-hidden="true"></i>
</span> </span>