task: AddCatalogPriceForm: show a currency

Fix #1388

Author: bahoss

src/main/frontend/src/components/AddCatalogPriceForm.js

@@ -2,7 +2,6 @@
 // IMPORTANT:
 // You must update ResourceUrl.RESOURCES_VERSION each time whenever you're modified this file!
 //
-// @todo #1342 AddCatalogPriceForm: show a currency
 
 class AddCatalogPriceForm extends React.Component {
 	constructor(props) {
@@ -130,17 +129,66 @@ class AddCatalogPriceForm extends React.Component {
 							{ this.props.l10n['t_price'] || 'Price' }
 						</label>
 						<div className="col-sm-6">
-							<div className="row">
-								<div className="col-xs-6">
-									<input
-										className="form-control"
-										id="catalog-price"
-										type="text"
-										size="5"
-										required="required"
-										onChange={ this.handleChangePrice }/>
-								</div>			
-							</div>
+							{this.state.catalog==="michel" && <div className="col-xs-6 input-group">
+								<span className="input-group-addon">&euro;</span> 
+								<input 
+									type="text" 
+									className="form-control js-with-tooltip" 
+									size="5" 
+									title="EUR" 
+									required="required"
+									onChange={ this.handleChangePrice }/> 
+							</div>}
+							{this.state.catalog==="scott" && <div className="col-xs-6 input-group">
+								<span className="input-group-addon">$</span>
+								<input 
+									type="text" 
+									className="form-control js-with-tooltip" 
+									size="5" 
+									title="USD" 
+									required="required"
+									onChange={ this.handleChangePrice }/> 
+							</div>}
+							{this.state.catalog==="yvert" && <div className="col-xs-6 input-group ">
+								<span className="input-group-addon">&euro;</span> 
+								<input 
+									type="text" 
+									className="form-control js-with-tooltip" 
+									size="5" 
+									title="EUR" 
+									required="required"
+									onChange={ this.handleChangePrice }/> 
+							</div>}	
+							{this.state.catalog==="gibbons" && <div className="col-xs-6 input-group">
+								<span className="input-group-addon">&pound;</span>  
+								<input 
+									type="text" 
+									className="form-control js-with-tooltip" 
+									size="5" 
+									title="GBP" 
+									required="required"
+									onChange={ this.handleChangePrice }/> 
+							</div>}
+							{this.state.catalog==="solovyov" && <div className="col-xs-6 input-group">
+								<span className="input-group-addon">&#x20bd;</span>  
+								<input 
+									type="text" 
+									className="form-control js-with-tooltip" 
+									size="5" 
+									title="RUB"
+									required="required"
+									onChange={ this.handleChangePrice }/> 
+							</div>}
+							{this.state.catalog==="zagorski" && <div className="col-xs-6 input-group">
+								<span className="input-group-addon">&#x20bd;</span> 
+								<input 
+									type="text" 
+									className="form-control" 
+									size="5" 
+									title="RUB" 
+									required="required"
+									onChange={ this.handleChangePrice }/> 
+							</div>}
 						</div>
 					</div>
 					<div className="col-sm-offset-3 col-sm-4">