summaryrefslogtreecommitdiffstats
path: root/gui-clamp/ui-react/src/components/dialogs/ControlLoop/InstantiationElements.js
diff options
context:
space:
mode:
authorbrunomilitzer <bruno.militzer@est.tech>2021-07-08 15:33:55 +0100
committerbrunomilitzer <bruno.militzer@est.tech>2021-07-13 15:20:41 +0100
commit71d6358a8f787c5d2688a485d42ff9514dc58a56 (patch)
tree091e1bf68ecff15267d7c1c14f68cca9d04f38a8 /gui-clamp/ui-react/src/components/dialogs/ControlLoop/InstantiationElements.js
parent9752dad7c9ad8f970fb87b92c06c7ae8d8121280 (diff)
Add Upload Control Loop Instantiation
Created Functionality to Upload JSON file to Control Loop Instantiation. Issue-ID: POLICY-3436 Change-Id: Iefd538c91154b7e61615ab63b440378e2feea502 Signed-off-by: brunomilitzer <bruno.militzer@est.tech>
Diffstat (limited to 'gui-clamp/ui-react/src/components/dialogs/ControlLoop/InstantiationElements.js')
-rw-r--r--gui-clamp/ui-react/src/components/dialogs/ControlLoop/InstantiationElements.js41
1 files changed, 41 insertions, 0 deletions
diff --git a/gui-clamp/ui-react/src/components/dialogs/ControlLoop/InstantiationElements.js b/gui-clamp/ui-react/src/components/dialogs/ControlLoop/InstantiationElements.js
new file mode 100644
index 0000000..d8e6348
--- /dev/null
+++ b/gui-clamp/ui-react/src/components/dialogs/ControlLoop/InstantiationElements.js
@@ -0,0 +1,41 @@
+/*
+ * ============LICENSE_START=======================================================
+ * Copyright (C) 2021 Nordix Foundation.
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ * ============LICENSE_END=========================================================
+ */
+
+import React, { useEffect, useState } from "react";
+import InstantiationElementItem from "./InstantiationElementItem";
+
+const InstantiationElements = (props) => {
+ const [clElements, setClElements] = useState([]);
+
+ useEffect(() => {
+ setClElements(Object.values(props.elements));
+ }, []);
+
+ return (
+ <React.Fragment>
+ {
+ clElements.map((clEl, index) => (
+ <InstantiationElementItem title={ clEl["definition"]["name"] } orderedState={ clEl["orderedState"] } key={ index } />
+ ))
+ }
+ </React.Fragment>
+ );
+}
+
+export default InstantiationElements;