+
+
+
+ );
+ }
+}
+
+
class ButtonInput extends React.Component {
constructor(props) {
super(props);
this.handleChange = this.handleChange.bind(this);
}
handleChange() {
this.props.onClick(this.props.n);
}
render() {
return (
+
+
+
+
+
+
+
+ Are you sure you want to suppress this line ?
+ +
+ You are removing a item. Please confirm you want to suppress : {this.props.info}
+
+
+
+
+
+
{this.props.name}
);
}
}
class TxtInput extends React.Component {
constructor(props) {
super(props);
this.handleChange = this.handleChange.bind(this);
}
handleChange(e) {
this.props.onChange(e.target.value);
}
render() {
const value = this.props.value;
return (
{this.state.listoptions}
{props.text}
);
}
// Plugins definition
// ---------------------
// ---------------------
class AmountRatesCost extends React.Component {
constructor(props) {
super(props);
this.state={amount : 1, SelectRate : 0 , Rate : this.props.data.Rates[Object.keys(this.props.data.Rates)[0]]};
this.handleAmountChange = this.handleAmountChange.bind(this);
this.handleRateChange = this.handleRateChange.bind(this);
}
handleAmountChange(amount) {
this.setState({amount: amount});
}
handleRateChange(select) {
this.setState({SelectRate: select});
this.setState({Rate: this.props.data.Rates[Object.keys(this.props.data.Rates)[select]]});
}
render() {
const Amount = this.state.amount;
const Rate=this.state.Rate;
const Cost=this.makecost(Amount,Rate);
return (
Please select a provider in the list.
);
}
}
+
+
+
// Combine plugins
// ---------------------
// ---------------------
class ProviderPluginsSelector extends React.Component {
constructor(props) {
super(props);
this.handleCostChange = this.handleCostChange.bind(this);
this.handleProviderChange = this.handleProviderChange.bind(this);
this.handleCommentChange = this.handleCommentChange.bind(this);
this.handleAddPlugin = this.handleAddPlugin.bind(this);
+ this.handleRmvPlugin = this.handleRmvPlugin.bind(this);
this.state={
selected:0,
keys:this.ProvidersName(props.data),
enabled :true,
n:1,
cost:0,
prevcost:0,
comments:"",
};
}
handleCostChange(n,e) {
// console.log("here n : "+n+" e = "+ e);
if(! this.state.enabled){
e=0;
}
if (this.state.prevcost != e ) {
this.setState({cost: e});
this.setState({prevcost: e});
this.props.handleCostChange(n,e);}
}
handleProviderChange(select){
this.setState({selected:select});
// this.setState({Cdata:this.cmpdata(this.state.selected)});
// this.setSate({kmm:this.makemenu(this.state.Cdata,0)});
}
handleCommentChange(com){
this.setState({comments:com});
}
handleAddPlugin(n){
this.props.handleAddPlugin(n);
}
-
+ handleRmvPlugin(n){
+ this.props.handleRmvPlugin(n);
+ }
render() {
// console.log("n= "+this.props.n)
const Cmp=this.cmp2string(this.cmpdata(this.state.selected).Style);
const Cdata=this.cmpdata(this.state.selected);
const id=this.props.data.Name.replace(/\s/g,'')+this.props.n;
const selected=this.state.selected;
return(
-
-
-
-
*/}
- {/**/}
-
-
+
+
+
+
+
+
-
![]({"icons/"+this.props.data.Icon})
+
+
+ {minus}
+
+
{makeinfo(this.props.keys,this.props.selected,this.props.Cdata,this.props.n)}
{this.props.comments}