+
{this.props.legend}
);
}
}
+// Outputs definition
+// ---------------------
+// ---------------------
class CostOutput extends React.Component {
constructor(props) {
super(props);
this.handleChange = this.handleChange.bind(this);
}
handleChange() {
this.props.onCostChange(this.props.display);
}
render() {
return (
);
}
}
function Textoutput(props){
return(
{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[select]});
}
render() {
const Amount = this.state.amount;
const Rate=this.state.Rate;
const Cost=this.makecost(Amount,Rate);
return (
-
{this.props.name}
+
{this.props.name}
);
}
makecost(amount,rate) {
var total=(amount-this.props.data.AmountFree)*rate;
total=tomoney(total);
- this.props.onCostChange(this.props.name,total);
+ this.props.onCostChange(this.props.n,total);
return total;
}
}
class CategoryAmountRatesCost extends React.Component {
constructor(props) {
super(props);
this.state={SelectCat : 0, Cat : this.props.data.Cat[Object.keys(this.props.data.Cat)[0]],
amount : 1, SelectRate : 0 , Rate : this.props.data.Rates[Object.keys(this.props.data.Rates)[0]]};
this.handleCatChange = this.handleCatChange.bind(this);
this.handleAmountChange = this.handleAmountChange.bind(this);
this.handleRateChange = this.handleRateChange.bind(this);
// this.handleCostChange = this.handleCostChange.bind(this);
}
handleAmountChange(amount) {
this.setState({amount: amount});
}
handleRateChange(select) {
this.setState({SelectRate: select});
this.setState({Rate: this.props.data.Rates[select]});
}
handleCatChange(select) {
this.setState({SelectCat: select});
this.setState({Cat: this.props.data.Cat[select]});
}
- // handleCostChange(total) {
- // this.props.onCostChange(this.props.name,total);
- // }
+
render() {
const Cat=this.state.Cat;
const Amount = this.state.amount;
const Rate=this.state.Rate;
const Cost=this.makecost(Cat,Amount,Rate);
return (
-
{this.props.name}
+
{this.props.name}
);
}
makecost(cat,amount,rate) {
var total=cat+(amount-this.props.data.AmountFree)*rate;
total=tomoney(total);
- this.props.onCostChange(this.props.name,total);
+ this.props.onCostChange(this.props.n,total);
return total;
}
}
class CategoryCost extends React.Component {
constructor(props) {
super(props);
this.state={SelectCat : 0, Cat : this.props.data.Cat[Object.keys(this.props.data.Cat)[0]]};
this.handleCatChange = this.handleCatChange.bind(this);
}
handleCatChange(select) {
this.setState({SelectCat: select});
this.setState({Cat: this.props.data.Cat[select]});
}
- // handleCostChange(total) {
- // this.props.onCostChange(this.props.name,total);
- // }
+
render() {
const Cat=this.state.Cat;
const Cost=this.makecost(Cat);
return (
-
{this.props.name}
+
{this.props.name}
);
}
makecost(cat) {
var total=cat;
total=tomoney(total);
- this.props.onCostChange(this.props.name,total);
+ this.props.onCostChange(this.props.n,total);
return total;
}
}
+
+// Combine plugins
+// ---------------------
+// ---------------------
class ProviderPluginsSelector extends React.Component {
constructor(props) {
super(props);
this.handleCostChange = this.handleCostChange.bind(this);
this.handleProviderChange = this.handleProviderChange.bind(this);
-
- this.state={selected:0,keys:this.ProvidersName(this.props.data)}
-
+ this.state={selected:0,
+ keys:this.ProvidersName(props.data),
+ };
}
- handleCostChange(name,e) {
- this.props.handleCostChange(name,e.target.value);
+ handleCostChange(n,e) {
+ console.log("here n : "+n+" e = "+ e);
+ this.props.handleCostChange(n,e);
}
handleProviderChange(e){
+ const select=this.state.keys.indexOf(e.target.value);
+ this.setState({selected:select});
}
render() {
- const Test=this.cmp2string("AmountRatesCost");//window[NasEpfl.style];
+ console.log("n= "+this.props.n)
+ const Cmp=this.cmp2string(this.cmpdata(this.state.selected).style);
+ const Cdata=this.cmpdata(this.state.selected);
return(
-
-
-
-
-
-
-
+
+
{this.props.data.name}
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
+
+ {(index) => }
+