@@ -32,6 +32,25 @@ class AddCatalogPriceForm extends React.Component {
32
32
} ) ;
33
33
}
34
34
35
+ getCurrencyByCatalogName ( catalog ) {
36
+ switch ( catalog ) {
37
+ case 'michel' :
38
+ case 'yvert' :
39
+ return [ '\u20AC' , 'EUR' ] ;
40
+ break ;
41
+ case 'scott' :
42
+ return [ '$' , 'USD' ] ;
43
+ break ;
44
+ case 'gibbons' :
45
+ return [ '\u00A3' , 'GBP' ] ;
46
+ break ;
47
+ case 'solovyov' :
48
+ case 'zagorski' :
49
+ return [ '\u20BD' , 'RUB' ] ;
50
+ break ;
51
+ }
52
+ }
53
+
35
54
handleSubmit ( event ) {
36
55
event . preventDefault ( ) ;
37
56
@@ -85,30 +104,8 @@ class AddCatalogPriceForm extends React.Component {
85
104
}
86
105
render ( ) {
87
106
const hasValidationErrors = this . state . validationErrors . length > 0 ;
88
- let currency ;
89
- let title ;
107
+ const [ currencySymbol , currencyName ] = this . getCurrencyByCatalogName ( this . state . catalog ) ;
90
108
91
- switch ( this . state . catalog ) {
92
- case 'michel' :
93
- case 'yvert' :
94
- currency = '\u20AC' ;
95
- title = 'EUR' ;
96
- break ;
97
- case 'scott' :
98
- currency = '$' ;
99
- title = 'USD' ;
100
- break ;
101
- case 'gibbons' :
102
- currency = '\u00A3' ;
103
- title = 'GBP' ;
104
- break ;
105
- case 'solovyov' :
106
- case 'zagorski' :
107
- currency = '\u20BD' ;
108
- title = ' RUB' ;
109
- break ;
110
- }
111
-
112
109
return (
113
110
< div className = "col-sm-12 form-group" >
114
111
< form className = { `form-horizontal ${ hasValidationErrors ? 'has-error' : '' } ` } onSubmit = { this . handleSubmit } >
@@ -151,17 +148,19 @@ class AddCatalogPriceForm extends React.Component {
151
148
< div className = "form-group form-group-sm" >
152
149
< label className = "control-label col-sm-3" >
153
150
{ this . props . l10n [ 't_price' ] || 'Price' }
154
- </ label >
155
- < div className = "col-sm-6" >
156
- < div className = "col-xs-6 input-group" >
157
- < span className = "input-group-addon" > { currency } </ span >
158
- < input
151
+ </ label >
152
+ < div className = "row" >
153
+ < div className = "col-sm-6" >
154
+ < div className = "col-xs-6 input-group" >
155
+ < span className = "input-group-addon" > { currencySymbol } </ span >
156
+ < input
159
157
type = "text"
160
158
className = "form-control js-with-tooltip"
161
159
size = "5"
162
- title = { title }
160
+ title = { currencyName }
163
161
required = "required"
164
162
onChange = { this . handleChangePrice } />
163
+ </ div >
165
164
</ div >
166
165
</ div >
167
166
</ div >
0 commit comments