Removed old component

dashboard/src/main/home/cluster-dashboard/expanded-chart/status/ControllerTab.tsx

@@ -37,350 +37,6 @@ type StateType = {
 };
 
 // Controller tab in log section that displays list of pods on click.
-class ControllerTab extends Component<PropsType, StateType> {
-  state = {
-    pods: [] as any[],
-    raw: [] as any[],
-    showTooltip: [] as boolean[],
-    podPendingDelete: null as any,
-    websockets: {} as Record<string, any>,
-    selectors: [] as string[],
-    available: null as number,
-    total: null as number,
-    canUpdatePod: true,
-  };
-
-  updatePods = () => {
-    let { currentCluster, currentProject, setCurrentError } = this.context;
-    let { controller, selectPod, isFirst } = this.props;
-
-    api
-      .getMatchingPods(
-        "<token>",
-        {
-          cluster_id: currentCluster.id,
-          namespace: controller?.metadata?.namespace,
-          selectors: this.state.selectors,
-        },
-        {
-          id: currentProject.id,
-        }
-      )
-      .then((res) => {
-        let pods = res?.data?.map((pod: any) => {
-          return {
-            namespace: pod?.metadata?.namespace,
-            name: pod?.metadata?.name,
-            phase: pod?.status?.phase,
-          };
-        });
-        let showTooltip = new Array(pods.length);
-        for (let j = 0; j < pods.length; j++) {
-          showTooltip[j] = false;
-        }
-
-        this.setState({ pods, raw: res.data, showTooltip });
-
-        if (isFirst) {
-          let pod = res.data[0];
-          let status = this.getPodStatus(pod.status);
-          status === "failed" &&
-            pod.status?.message &&
-            this.props.setPodError(pod.status?.message);
-          if (this.state.canUpdatePod) {
-            // this prevents multiple requests from changing the first pod
-            selectPod(res.data[0]);
-            this.setState({
-              canUpdatePod: false,
-            });
-          }
-        }
-      })
-      .catch((err) => {
-        console.log(err);
-        setCurrentError(JSON.stringify(err));
-        return;
-      });
-  };
-
-  getPodSelectors = (callback: () => void) => {
-    let { controller } = this.props;
-
-    let selectors = [] as string[];
-    let ml =
-      controller?.spec?.selector?.matchLabels || controller?.spec?.selector;
-    let i = 1;
-    let selector = "";
-    for (var key in ml) {
-      selector += key + "=" + ml[key];
-      if (i != Object.keys(ml).length) {
-        selector += ",";
-      }
-      i += 1;
-    }
-    selectors.push(selector);
-    if (controller.kind.toLowerCase() == "job" && this.props.selectors) {
-      selectors = this.props.selectors;
-    }
-
-    this.setState({ selectors }, () => {
-      callback();
-    });
-  };
-
-  componentDidMount() {
-    this.getPodSelectors(() => {
-      this.updatePods();
-      this.setControllerWebsockets([this.props.controller.kind, "pod"]);
-    });
-  }
-
-  componentWillUnmount() {
-    if (this.state.websockets) {
-      this.state.websockets.forEach((ws: WebSocket) => {
-        ws.close();
-      });
-    }
-  }
-
-  setControllerWebsockets = (controller_types: any[]) => {
-    let websockets = controller_types.map((kind: string) => {
-      return this.setupWebsocket(kind);
-    });
-    this.setState({ websockets });
-  };
-
-  setupWebsocket = (kind: string) => {
-    let { currentCluster, currentProject } = this.context;
-    let protocol = window.location.protocol == "https:" ? "wss" : "ws";
-    let connString = `${protocol}://${window.location.host}/api/projects/${currentProject.id}/k8s/${kind}/status?cluster_id=${currentCluster.id}`;
-
-    if (kind == "pod" && this.state.selectors) {
-      connString += `&selectors=${this.state.selectors[0]}`;
-    }
-    let ws = new WebSocket(connString);
-
-    ws.onopen = () => {
-      console.log("connected to websocket");
-    };
-
-    ws.onmessage = (evt: MessageEvent) => {
-      let event = JSON.parse(evt.data);
-      let object = event.Object;
-      object.metadata.kind = event.Kind;
-
-      // update pods no matter what if ws message is a pod event.
-      // If controller event, check if ws message corresponds to the designated controller in props.
-      if (
-        event.Kind != "pod" &&
-        object.metadata.uid != this.props.controller.metadata.uid
-      )
-        return;
-
-      if (event.Kind != "pod") {
-        let [available, total] = this.getAvailability(
-          object.metadata.kind,
-          object
-        );
-        this.setState({ available, total });
-      }
-
-      this.updatePods();
-    };
-
-    ws.onclose = () => {
-      console.log("closing websocket");
-    };
-
-    ws.onerror = (err: ErrorEvent) => {
-      console.log(err);
-      ws.close();
-    };
-
-    return ws;
-  };
-
-  getAvailability = (kind: string, c: any) => {
-    switch (kind?.toLowerCase()) {
-      case "deployment":
-      case "replicaset":
-        return [
-          c.status?.availableReplicas ||
-            c.status?.replicas - c.status?.unavailableReplicas ||
-            0,
-          c.status?.replicas || 0,
-        ];
-      case "statefulset":
-        return [c.status?.readyReplicas || 0, c.status?.replicas || 0];
-      case "daemonset":
-        return [
-          c.status?.numberAvailable || 0,
-          c.status?.desiredNumberScheduled || 0,
-        ];
-      case "job":
-        return [1, 1];
-    }
-  };
-
-  getPodStatus = (status: any) => {
-    if (
-      status?.phase === "Pending" &&
-      status?.containerStatuses !== undefined
-    ) {
-      return status.containerStatuses[0].state.waiting.reason;
-    } else if (status?.phase === "Pending") {
-      return "Pending";
-    }
-
-    if (status?.phase === "Failed") {
-      return "failed";
-    }
-
-    if (status?.phase === "Running") {
-      let collatedStatus = "running";
-
-      status?.containerStatuses?.forEach((s: any) => {
-        if (s.state?.waiting) {
-          collatedStatus =
-            s.state?.waiting.reason === "CrashLoopBackOff"
-              ? "failed"
-              : "waiting";
-        } else if (s.state?.terminated) {
-          collatedStatus = "failed";
-        }
-      });
-      return collatedStatus;
-    }
-  };
-
-  renderTooltip = (x: string, ind: number): JSX.Element | undefined => {
-    if (this.state.showTooltip[ind]) {
-      return <Tooltip>{x}</Tooltip>;
-    }
-  };
-
-  handleDeletePod = (pod: any) => {
-    api
-      .deletePod(
-        "<token>",
-        {
-          cluster_id: this.context.currentCluster.id,
-        },
-        {
-          name: pod.metadata?.name,
-          namespace: pod.metadata?.namespace,
-          id: this.context.currentProject.id,
-        }
-      )
-      .then((res) => {
-        this.updatePods();
-        this.setState({ podPendingDelete: null });
-      })
-      .catch((err) => {
-        this.context.setCurrentError(JSON.stringify(err));
-        this.setState({ podPendingDelete: null });
-      });
-  };
-
-  renderDeleteButton = (pod: any) => {
-    return (
-      <CloseIcon
-        className="material-icons-outlined"
-        onClick={() => this.setState({ podPendingDelete: pod })}
-      >
-        close
-      </CloseIcon>
-    );
-  };
-
-  // render() {
-  //   let { controller, selectedPod, isLast, selectPod, isFirst } = this.props;
-  //   let { available, total } = this.state;
-  //   let status = available == total ? "running" : "waiting";
-
-  //   controller?.status?.conditions?.forEach((condition: any) => {
-  //     if (
-  //       condition.type == "Progressing" &&
-  //       condition.status == "False" &&
-  //       condition.reason == "ProgressDeadlineExceeded"
-  //     ) {
-  //       status = "failed";
-  //     }
-  //   });
-
-  //   if (controller.kind.toLowerCase() === "job" && this.state.raw.length == 0) {
-  //     status = "completed";
-  //   }
-
-  //   return (
-  //     <ResourceTab
-  //       label={controller.kind}
-  //       // handle CronJob case
-  //       name={controller.metadata?.name || controller.name}
-  //       status={{ label: status, available, total }}
-  //       isLast={isLast}
-  //       expanded={isFirst}
-  //     >
-  //       {this.state.raw.map((pod, i) => {
-  //         let status = this.getPodStatus(pod.status);
-  //         return (
-  //           <Tab
-  //             key={pod.metadata?.name}
-  //             selected={selectedPod?.metadata?.name === pod?.metadata?.name}
-  //             onClick={() => {
-  //               this.props.setPodError("");
-  //               status === "failed" &&
-  //                 pod.status?.message &&
-  //                 this.props.setPodError(pod.status?.message);
-  //               selectPod(pod);
-  //               this.setState({
-  //                 canUpdatePod: false,
-  //               });
-  //             }}
-  //           >
-  //             <Gutter>
-  //               <Rail />
-  //               <Circle />
-  //               <Rail lastTab={i === this.state.raw.length - 1} />
-  //             </Gutter>
-  //             <Name
-  //               onMouseOver={() => {
-  //                 let showTooltip = this.state.showTooltip;
-  //                 showTooltip[i] = true;
-  //                 this.setState({ showTooltip });
-  //               }}
-  //               onMouseOut={() => {
-  //                 let showTooltip = this.state.showTooltip;
-  //                 showTooltip[i] = false;
-  //                 this.setState({ showTooltip });
-  //               }}
-  //             >
-  //               {pod.metadata?.name}
-  //             </Name>
-  //             {this.renderTooltip(pod.metadata?.name, i)}
-  //             <Status>
-  //               <StatusColor status={status} />
-  //               {status}
-  //               {status === "failed" && this.renderDeleteButton(pod)}
-  //             </Status>
-  //           </Tab>
-  //         );
-  //       })}
-  //       <ConfirmOverlay
-  //         message="Are you sure you want to delete this pod?"
-  //         show={this.state.podPendingDelete}
-  //         onYes={() => this.handleDeletePod(this.state.podPendingDelete)}
-  //         onNo={() => this.setState({ podPendingDelete: null })}
-  //       />
-  //     </ResourceTab>
-  //   );
-  // }
-}
-
-ControllerTab.contextType = Context;
-
-// export default ControllerTab;
-
 export type ControllerTabPodType = {
   namespace: string;
   name: string;