0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-06 16:32:40 +00:00

revert change to Themes dropdown

This commit is contained in:
Gazook89
2022-11-23 22:44:17 -06:00
parent 678c1fb3d8
commit adb261f8f1

View File

@@ -197,20 +197,20 @@ const MetadataEditor = createClass({
if(this.props.metadata.renderer == 'legacy') { if(this.props.metadata.renderer == 'legacy') {
dropdown = dropdown =
<Combobox className='disabled' trigger='disabled'> <Nav.dropdown className='disabled' trigger='disabled'>
<div> <div>
{`Themes are not supported in the Legacy Renderer`} <i className='fas fa-caret-down'></i> {`Themes are not supported in the Legacy Renderer`} <i className='fas fa-caret-down'></i>
</div> </div>
</Combobox>; </Nav.dropdown>;
} else { } else {
dropdown = dropdown =
<Combobox trigger='click'> <Nav.dropdown trigger='click'>
<div> <div>
{`${_.upperFirst(currentTheme.renderer)} : ${currentTheme.name}`} <i className='fas fa-caret-down'></i> {`${_.upperFirst(currentTheme.renderer)} : ${currentTheme.name}`} <i className='fas fa-caret-down'></i>
</div> </div>
{/*listThemes('Legacy')*/} {/*listThemes('Legacy')*/}
{listThemes('V3')} {listThemes('V3')}
</Combobox>; </Nav.dropdown>;
} }
return <div className='field themes'> return <div className='field themes'>
@@ -219,6 +219,30 @@ const MetadataEditor = createClass({
</div>; </div>;
}, },
renderLanguageDropdown : function(){
const langCodes = ['en', 'de', 'de-ch', 'fr', 'ja', 'es', 'it', 'sv', 'ru', 'zh-Hans', 'zh-Hant'];
const listLanguages = ()=>{
return _.map(langCodes.sort(), (code, index)=>{
const languageNames = new Intl.DisplayNames([code], { type: 'language' });
return <div className='item' title={''} key={`${index}`} data-value={`${code}`}>
{`${code}`}
<div className='detail'>{`${languageNames.of(code)}`}</div>
</div>;
});
};
return <div className='field language'>
<label>language</label>
<Combobox trigger='click'
default={this.props.metadata.lang || ''}
onSelect={(value)=>this.handleLanguage(value)}
onEntry={(e)=>{this.handleFieldChange('lang', e);}}
options={listLanguages()}>
</Combobox>
</div>;
},
renderRenderOptions : function(){ renderRenderOptions : function(){
if(!global.enable_v3) return; if(!global.enable_v3) return;
@@ -252,30 +276,6 @@ const MetadataEditor = createClass({
</div>; </div>;
}, },
renderLanguageDropdown : function(){
const langCodes = ['en', 'de', 'de-ch', 'fr', 'ja', 'es', 'it', 'sv', 'ru', 'zh-Hans', 'zh-Hant'];
const listLanguages = ()=>{
return _.map(langCodes.sort(), (code, index)=>{
const languageNames = new Intl.DisplayNames([code], { type: 'language' });
return <div className='item' title={''} key={`${index}`} data-value={`${code}`}>
{`${code}`}
<div className='detail'>{`${languageNames.of(code)}`}</div>
</div>;
});
};
return <div className='field language'>
<label>language</label>
<Combobox trigger='click'
default={this.props.metadata.lang || ''}
onSelect={(value)=>this.handleLanguage(value)}
onEntry={(e)=>{this.handleFieldChange('lang', e);}}
options={listLanguages()}>
</Combobox>
</div>;
},
render : function(){ render : function(){
return <div className='metadataEditor'> return <div className='metadataEditor'>
<div className='field title'> <div className='field title'>