list methods

Author: jeffibm

app/javascript/components/AeInlineMethods/index.jsx

@@ -1,6 +1,6 @@
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { Modal, Button, ModalBody } from 'carbon-components-react';
 import MiqTree from '../MiqTreeView';
@@ -10,6 +10,7 @@ const AeInlineMethod = ({ type }) => {
   const [data, setData] = useState({
     isModalOpen: false,
     selectedNode: undefined,
+    list: [],
   });
 
   /** Function to show/hide the modal. */
@@ -33,9 +34,18 @@ const AeInlineMethod = ({ type }) => {
     </Button>
   );
 
+  console.log(data);
+
+  const renderList = () => (data.list.map((item) => (
+    <div key={item.key}>
+      <div>{item.fqname}</div>
+    </div>
+  )));
+
   return (
     <div>
       {renderAddButton()}
+      {renderList()}
       <Modal
         primaryButtonDisabled={data.selectedNode === undefined}
         size="lg"
@@ -46,6 +56,10 @@ const AeInlineMethod = ({ type }) => {
         onRequestClose={() => showModal(false)}
         onRequestSubmit={() => {
           console.log('on onRequestSubmit');
+          setData({
+            ...data,
+            list: data.list.push(data.selectedNode),
+          });
           showModal(false);
         }}
         onSecondarySubmit={() => {

app/javascript/components/MiqTreeView/MiqTreeParentNode.jsx

@@ -15,7 +15,7 @@ const MiqTreeParentNode = ({
     if (!item) {
       return undefined;
     }
-    if (selectableItem(item, selectKey)) {
+    if (selectableItem(item, selectKey) || !item.lazyLoad) {
       return undefined;
     }
     return item.state.expanded ? <CaretDown16 className="tree-caret" /> : <CaretRight16 className="tree-caret" />;