mirror of
https://github.com/jupyterhub/jupyterhub.git
synced 2025-10-12 04:23:01 +00:00
[pre-commit.ci] auto fixes from pre-commit.com hooks
for more information, see https://pre-commit.ci
This commit is contained in:
@@ -2,9 +2,7 @@ import React, { useState, useEffect } from "react";
|
|||||||
import "./table-select.css";
|
import "./table-select.css";
|
||||||
import PropTypes from "prop-types";
|
import PropTypes from "prop-types";
|
||||||
|
|
||||||
|
|
||||||
const DynamicTable = (props) => {
|
const DynamicTable = (props) => {
|
||||||
|
|
||||||
var [message, setMessage] = useState(""),
|
var [message, setMessage] = useState(""),
|
||||||
[message2, setMessage2] = useState("");
|
[message2, setMessage2] = useState("");
|
||||||
var { current_propobject } = props;
|
var { current_propobject } = props;
|
||||||
@@ -15,12 +13,11 @@ const DynamicTable = (props) => {
|
|||||||
var [propvalues, setOwnValues] = useState(Object.values(current_propobject));
|
var [propvalues, setOwnValues] = useState(Object.values(current_propobject));
|
||||||
var updateMessageKey = (event) => {
|
var updateMessageKey = (event) => {
|
||||||
setMessage(event.target.value);
|
setMessage(event.target.value);
|
||||||
}
|
};
|
||||||
var updateMessageValue = (event) => {
|
var updateMessageValue = (event) => {
|
||||||
setMessage2(event.target.value);
|
setMessage2(event.target.value);
|
||||||
}
|
};
|
||||||
const handleRefresh = () => {
|
const handleRefresh = () => {
|
||||||
|
|
||||||
var propobject = {};
|
var propobject = {};
|
||||||
propkeys.forEach((key, i) => (propobject[key] = propvalues[i]));
|
propkeys.forEach((key, i) => (propobject[key] = propvalues[i]));
|
||||||
props.setProp(propobject);
|
props.setProp(propobject);
|
||||||
@@ -28,8 +25,7 @@ const DynamicTable = (props) => {
|
|||||||
props.setPropValues(propvalues);
|
props.setPropValues(propvalues);
|
||||||
setMessage("");
|
setMessage("");
|
||||||
setMessage2("");
|
setMessage2("");
|
||||||
|
};
|
||||||
}
|
|
||||||
|
|
||||||
const handleClick = () => {
|
const handleClick = () => {
|
||||||
if (message != "") {
|
if (message != "") {
|
||||||
@@ -54,8 +50,7 @@ const DynamicTable = (props) => {
|
|||||||
console.log(propkeys);
|
console.log(propkeys);
|
||||||
console.log(propvalues);
|
console.log(propvalues);
|
||||||
console.log(propobject);
|
console.log(propobject);
|
||||||
}
|
};
|
||||||
|
|
||||||
|
|
||||||
const renderKeyRows = () => {
|
const renderKeyRows = () => {
|
||||||
return propkeys.map(function (o, i) {
|
return propkeys.map(function (o, i) {
|
||||||
@@ -76,7 +71,7 @@ const DynamicTable = (props) => {
|
|||||||
}
|
}
|
||||||
setOwnKeys(propkeys);
|
setOwnKeys(propkeys);
|
||||||
props.setPropKeys(propkeys);
|
props.setPropKeys(propkeys);
|
||||||
props.setProp(propobject)
|
props.setProp(propobject);
|
||||||
handleRefresh();
|
handleRefresh();
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
@@ -84,9 +79,8 @@ const DynamicTable = (props) => {
|
|||||||
</tr>
|
</tr>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
const renderValueRows = () => {
|
const renderValueRows = () => {
|
||||||
|
|
||||||
return propvalues.map(function (o, i) {
|
return propvalues.map(function (o, i) {
|
||||||
//console.log("ValRows" +i)
|
//console.log("ValRows" +i)
|
||||||
//console.log("ValRows" +o)
|
//console.log("ValRows" +o)
|
||||||
@@ -108,9 +102,8 @@ const DynamicTable = (props) => {
|
|||||||
</tr>
|
</tr>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
const renderDelete = () => {
|
const renderDelete = () => {
|
||||||
|
|
||||||
return propvalues.map(function (o, i) {
|
return propvalues.map(function (o, i) {
|
||||||
return (
|
return (
|
||||||
<tr key={"item-" + i}>
|
<tr key={"item-" + i}>
|
||||||
@@ -136,9 +129,7 @@ const DynamicTable = (props) => {
|
|||||||
</tr>
|
</tr>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
@@ -191,7 +182,7 @@ const DynamicTable = (props) => {
|
|||||||
<hr />
|
<hr />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
};
|
||||||
DynamicTable.propTypes = {
|
DynamicTable.propTypes = {
|
||||||
current_keys: PropTypes.array,
|
current_keys: PropTypes.array,
|
||||||
current_values: PropTypes.array,
|
current_values: PropTypes.array,
|
||||||
|
Reference in New Issue
Block a user