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}
+
-
-
+
+
+
);
}
}
// 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 (
+ {this.props.Prepend}
+
+
+
+ {this.props.InvalidMessage}
+
+
{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.
);
}
}
+class UserCost extends React.Component {
+ constructor(props) {
+ super(props);
+ this.handleChange = this.handleChange.bind(this);
+ this.handleProviderChange = this.handleProviderChange.bind(this);
+ this.handleServiceChange = this.handleServiceChange.bind(this);
+ this.state={total:0,
+ CostError:false,
+ ProviderError:true,
+ ServiceError:true,
+ };
+ }
+ handleChange(value){
+ if (isNaN(value)||value===''){
+ console.log("Nan Detected");
+ this.setState({CostError: true});
+ value=0;
+ }else{
+ this.setState({CostError: false});
+ }
+ this.setState({total:value});
+ this.props.onCostChange(this.props.n,tomoney(value));
+ }
+ handleProviderChange(txt){
+ this.props.handleProviderChange(txt);
+ if(txt ===''){
+ this.setState({ProviderError: true});
+ }
+ else {
+ this.setState({ProviderError: false});
+ }
+ }
+ handleServiceChange(txt){
+ this.props.handleServiceChange(txt);
+ if(txt ===''){
+ this.setState({ServiceError: true});
+ }
+ else {
+ this.setState({ServiceError: false});
+ }
+ }
+ classtxt(error){
+ if(error){
+ return "is-invalid";
+ }
+ else {
+ return "is-valid";
+ }
+ }
+ render() {
+ // this.handleChange(this.state.total);
+ return (
+
+ );
+ }
+
+}
// 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.handleProviderChangetxt = this.handleProviderChangetxt.bind(this);
+ this.handleServiceChangetxt = this.handleServiceChangetxt.bind(this);
this.state={
selected:0,
keys:this.ProvidersName(props.data),
enabled :true,
n:1,
cost:0,
prevcost:0,
comments:"",
+ Provider:"",
+ Name:"",
+ manualname:false,
};
}
handleCostChange(n,e) {
// console.log("here n : "+n+" e = "+ e);
if(! this.state.enabled){
e=0;
}
- if (this.state.prevcost != e ) {
+ if (this.state.prevcost !== e ) {
this.setState({cost: e});
this.setState({prevcost: e});
this.props.handleCostChange(n,e);}
}
handleProviderChange(select){
-
+ this.state.Provider='';
+ this.state.Name='';
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);
}
+ handleProviderChangetxt(txt){
+ this.setState({Provider:txt});
+ }
+ handleServiceChangetxt(txt){
+ this.setState({Name:txt});
+ }
+
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;
+ this.state.manualname=false;
+ this.state.keys=this.ProvidersName(this.props.data);
+ const Cmp=this.cmp2string(this.cmpdata(selected).Style);
+ const Cdata=this.cmpdata(selected);
+ const id=this.props.data.Name.replace(/\s/g,'')+this.props.n;
+
return(
+
+
+
+
+
+
-
+
-
{minus}
+
- {makeinfo(this.props.keys,this.props.selected,this.props.Cdata,this.props.n)}
+ {makeinfo(this.props.keys,this.props.selected,this.props.Cdata)}
{this.props.comments}