Added type checks

This commit is contained in:
vpopescu
2022-09-22 15:36:17 +02:00
parent 6219c206e9
commit 2cdba6f42a
2 changed files with 81 additions and 72 deletions

View File

@@ -58,82 +58,88 @@ const DynamicTable = (props) => {
}; };
const renderKeyRows = () => { const renderKeyRows = () => {
return propkeys.map(function (o, i) { if (propkeys){
return ( return propkeys.map(function (o, i) {
<tr key={"item-" + i}> return (
<td> <tr key={"item-" + i}>
<input <td>
className="form-control" <input
type="text" className="form-control"
value={propkeys[i]} type="text"
id={o} value={propkeys[i]}
onChange={(e) => { id={o}
if (e.target.value != "") { onChange={(e) => {
propkeys[i] = e.target.value; if (e.target.value != "") {
} else { propkeys[i] = e.target.value;
propvalues.splice(i, 1); } else {
propkeys.splice(i, 1); propvalues.splice(i, 1);
} propkeys.splice(i, 1);
setOwnKeys(propkeys); }
props.setPropKeys(propkeys); setOwnKeys(propkeys);
props.setProp(propobject); props.setPropKeys(propkeys);
handleRefresh(); props.setProp(propobject);
}} handleRefresh();
/> }}
</td> />
</tr> </td>
); </tr>
}); );
});
};
}; };
const renderValueRows = () => { const renderValueRows = () => {
return propvalues.map(function (o, i) { if (propvalues){
//console.log("ValRows" +i) return propvalues.map(function (o, i) {
//console.log("ValRows" +o) //console.log("ValRows" +i)
return ( //console.log("ValRows" +o)
<tr key={"item-" + i}> return (
<td> <tr key={"item-" + i}>
<input <td>
className="form-control" <input
type="text" className="form-control"
value={o} type="text"
onChange={(e) => { value={o}
propvalues[i] = e.target.value; onChange={(e) => {
props.setPropValues(propvalues); propvalues[i] = e.target.value;
setOwnValues(propvalues); props.setPropValues(propvalues);
handleRefresh(); setOwnValues(propvalues);
}} handleRefresh();
/> }}
</td> />
</tr> </td>
); </tr>
}); );
});
};
}; };
const renderDelete = () => { const renderDelete = () => {
return propvalues.map(function (o, i) { if (propvalues){
return ( return propvalues.map(function (o, i) {
<tr key={"item-" + i}> return (
<td> <tr key={"item-" + i}>
<button <td>
className="btn btn-default" <button
onClick={() => { className="btn btn-default"
propvalues.splice(i, 1); onClick={() => {
propkeys.splice(i, 1); propvalues.splice(i, 1);
var propobject = {}; propkeys.splice(i, 1);
propkeys.forEach((key, i) => (propobject[key] = propvalues[i])); var propobject = {};
props.setProp(propobject); propkeys.forEach((key, i) => (propobject[key] = propvalues[i]));
props.setPropKeys(propkeys); props.setProp(propobject);
props.setPropValues(propvalues); props.setPropKeys(propkeys);
setOwnValues(propvalues); props.setPropValues(propvalues);
setOwnKeys(propkeys); setOwnValues(propvalues);
handleRefresh(); setOwnKeys(propkeys);
}} handleRefresh();
> }}
Delete >
</button> Delete
</td> </button>
</tr> </td>
); </tr>
}); );
});
};
}; };
return ( return (

View File

@@ -91,6 +91,9 @@ const GroupEdit = (props) => {
<DynamicTable <DynamicTable
current_propobject={group_data.properties} current_propobject={group_data.properties}
setProp={setProp} setProp={setProp}
setPropKeys={setPropKeys}
setPropValues={setPropValues}
//Add keys //Add keys
/> />
</div> </div>