mirror of
https://github.com/jupyterhub/jupyterhub.git
synced 2025-10-12 20:43:02 +00:00
Merge branch 'group_property_feature' of https://github.com/vladfreeze/jupyterhub into group_property_feature
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;
|
||||||
@@ -18,12 +16,11 @@ const DynamicTable = (props) => {
|
|||||||
|
|
||||||
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);
|
||||||
@@ -31,8 +28,7 @@ const DynamicTable = (props) => {
|
|||||||
props.setPropValues(propvalues);
|
props.setPropValues(propvalues);
|
||||||
setMessage("");
|
setMessage("");
|
||||||
setMessage2("");
|
setMessage2("");
|
||||||
|
};
|
||||||
}
|
|
||||||
|
|
||||||
const handleClick = () => {
|
const handleClick = () => {
|
||||||
if (message != "") {
|
if (message != "") {
|
||||||
@@ -57,8 +53,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) {
|
||||||
@@ -79,7 +74,7 @@ const DynamicTable = (props) => {
|
|||||||
}
|
}
|
||||||
setOwnKeys(propkeys);
|
setOwnKeys(propkeys);
|
||||||
props.setPropKeys(propkeys);
|
props.setPropKeys(propkeys);
|
||||||
props.setProp(propobject)
|
props.setProp(propobject);
|
||||||
handleRefresh();
|
handleRefresh();
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
@@ -87,9 +82,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)
|
||||||
@@ -111,9 +105,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}>
|
||||||
@@ -139,9 +132,7 @@ const DynamicTable = (props) => {
|
|||||||
</tr>
|
</tr>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
@@ -194,7 +185,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