diff options
author | Asaad Mahmood <Unknowngi@live.com> | 2015-11-05 10:26:44 +0500 |
---|---|---|
committer | Asaad Mahmood <Unknowngi@live.com> | 2015-11-05 10:26:44 +0500 |
commit | 11ccb14fd46daf76bbde67c39c349ee742788b45 (patch) | |
tree | 62de1fd3b058956777b37f21e7931a47c08834bf /web/react/components/user_settings/custom_theme_chooser.jsx | |
parent | 8c2dace188c066f5f70264bc2a34b50d87512e10 (diff) | |
parent | 4897997025d07998e77cee4dd1c4252fff763db4 (diff) | |
download | chat-11ccb14fd46daf76bbde67c39c349ee742788b45.tar.gz chat-11ccb14fd46daf76bbde67c39c349ee742788b45.tar.bz2 chat-11ccb14fd46daf76bbde67c39c349ee742788b45.zip |
Merge branch 'plt-960' of https://github.com/rgarmsen2295/platform into PLT-960
Diffstat (limited to 'web/react/components/user_settings/custom_theme_chooser.jsx')
-rw-r--r-- | web/react/components/user_settings/custom_theme_chooser.jsx | 77 |
1 files changed, 59 insertions, 18 deletions
diff --git a/web/react/components/user_settings/custom_theme_chooser.jsx b/web/react/components/user_settings/custom_theme_chooser.jsx index 095e5b622..986b0b2fd 100644 --- a/web/react/components/user_settings/custom_theme_chooser.jsx +++ b/web/react/components/user_settings/custom_theme_chooser.jsx @@ -55,28 +55,68 @@ export default class CustomThemeChooser extends React.Component { const elements = []; let colors = ''; Constants.THEME_ELEMENTS.forEach((element, index) => { - elements.push( - <div - className='col-sm-4 form-group' - key={'custom-theme-key' + index} - > - <label className='custom-label'>{element.uiName}</label> + if (element.id === 'codeTheme') { + const codeThemeOptions = []; + + element.themes.forEach((codeTheme, codeThemeIndex) => { + codeThemeOptions.push( + <option + key={'code-theme-key' + codeThemeIndex} + value={codeTheme.id} + > + {codeTheme.uiName} + </option> + ); + }); + + elements.push( <div - className='input-group color-picker' - id={element.id} + className='col-sm-4 form-group' + key={'custom-theme-key' + index} > - <input - className='form-control' - type='text' - defaultValue={theme[element.id]} - onChange={this.onInputChange} - /> - <span className='input-group-addon'><i></i></span> + <label className='custom-label'>{element.uiName}</label> + <div + className='input-group dropdown' + id={element.id} + > + <select + className='form-control' + type='text' + defaultValue={theme[element.id]} + onChange={this.onInputChange} + > + {codeThemeOptions} + </select> + <img + src={'/static/images/themes/code_themes/' + theme[element.id] + '.png'} + /> + </div> </div> - </div> - ); + ); + } else { + elements.push( + <div + className='col-sm-4 form-group' + key={'custom-theme-key' + index} + > + <label className='custom-label'>{element.uiName}</label> + <div + className='input-group color-picker' + id={element.id} + > + <input + className='form-control' + type='text' + defaultValue={theme[element.id]} + onChange={this.onInputChange} + /> + <span className='input-group-addon'><i></i></span> + </div> + </div> + ); - colors += theme[element.id] + ','; + colors += theme[element.id] + ','; + } }); colors += theme.codeTheme; @@ -87,6 +127,7 @@ export default class CustomThemeChooser extends React.Component { {'Copy and paste to share theme colors:'} </label> <input + readOnly='true' type='text' className='form-control' value={colors} |