mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-03 10:32:39 +00:00
add placeholder to input
This commit is contained in:
@@ -11,6 +11,7 @@ const Combobox = createClass({
|
|||||||
className : '',
|
className : '',
|
||||||
trigger : 'hover',
|
trigger : 'hover',
|
||||||
default : '',
|
default : '',
|
||||||
|
placeholder : '',
|
||||||
autoSuggest : {
|
autoSuggest : {
|
||||||
clearAutoSuggestOnClick : true,
|
clearAutoSuggestOnClick : true,
|
||||||
suggestMethod : 'includes',
|
suggestMethod : 'includes',
|
||||||
@@ -69,7 +70,12 @@ const Combobox = createClass({
|
|||||||
<div className='dropdown-input item'
|
<div className='dropdown-input item'
|
||||||
onMouseEnter={this.props.trigger == 'hover' ? ()=>{this.handleDropdown(true);} : undefined}
|
onMouseEnter={this.props.trigger == 'hover' ? ()=>{this.handleDropdown(true);} : undefined}
|
||||||
onClick= {this.props.trigger == 'click' ? ()=>{this.handleDropdown(true);} : undefined}>
|
onClick= {this.props.trigger == 'click' ? ()=>{this.handleDropdown(true);} : undefined}>
|
||||||
<input type='text' onChange={(e)=>this.handleInput(e)} value={this.state.value || ''} />
|
<input
|
||||||
|
type='text'
|
||||||
|
onChange={(e)=>this.handleInput(e)}
|
||||||
|
value={this.state.value || ''}
|
||||||
|
placeholder={this.props.placeholder}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
@@ -84,7 +90,6 @@ const Combobox = createClass({
|
|||||||
value : item.props[filterOn]
|
value : item.props[filterOn]
|
||||||
}));
|
}));
|
||||||
if(suggestMethod === 'includes'){
|
if(suggestMethod === 'includes'){
|
||||||
console.log('includes');
|
|
||||||
dropdownChildren = dropdownChildren.filter((item)=>item.value.includes(this.state.value));
|
dropdownChildren = dropdownChildren.filter((item)=>item.value.includes(this.state.value));
|
||||||
} else if(suggestMethod === 'sequential'){
|
} else if(suggestMethod === 'sequential'){
|
||||||
dropdownChildren = dropdownChildren.filter((item)=>item.value.startsWith(this.state.value));
|
dropdownChildren = dropdownChildren.filter((item)=>item.value.startsWith(this.state.value));
|
||||||
|
|||||||
@@ -238,6 +238,7 @@ const MetadataEditor = createClass({
|
|||||||
<Combobox trigger='click'
|
<Combobox trigger='click'
|
||||||
className='language-dropdown'
|
className='language-dropdown'
|
||||||
default={this.props.metadata.lang || ''}
|
default={this.props.metadata.lang || ''}
|
||||||
|
placeholder='en'
|
||||||
onSelect={(value)=>this.handleLanguage(value)}
|
onSelect={(value)=>this.handleLanguage(value)}
|
||||||
onEntry={(e)=>{this.handleFieldChange('lang', e);}}
|
onEntry={(e)=>{this.handleFieldChange('lang', e);}}
|
||||||
options={listLanguages()}
|
options={listLanguages()}
|
||||||
|
|||||||
Reference in New Issue
Block a user