add location for the remote browser tab and update continue and back buttons

Author: Mletter1

web-server/plugins/slycat-cca/js/components/CCANavItems.tsx

@@ -18,7 +18,9 @@ export const CCAWizardNavItems = () => {
       <CCANavItem
         key={"Upload Table"}
         name={"Upload Table"}
-        active={tabName === TabNames.CCA_LOCAL_BROWSER_TAB}
+        active={
+          tabName === TabNames.CCA_LOCAL_BROWSER_TAB || tabName === TabNames.CCA_REMOTE_BROWSER_TAB
+        }
         hidden={tabName === TabNames.CCA_DATA_WIZARD_SELECTION_TAB}
       />
       <CCANavItem
@@ -27,7 +29,8 @@ export const CCAWizardNavItems = () => {
         active={tabName === TabNames.CCA_TABLE_INGESTION}
         hidden={
           tabName === TabNames.CCA_DATA_WIZARD_SELECTION_TAB ||
-          tabName === TabNames.CCA_LOCAL_BROWSER_TAB
+          tabName === TabNames.CCA_LOCAL_BROWSER_TAB ||
+          tabName === TabNames.CCA_REMOTE_BROWSER_TAB
         }
       />
       <CCANavItem

web-server/plugins/slycat-cca/js/components/CCAWizardSteps.tsx

@@ -9,6 +9,7 @@ import { selectTab, TabNames } from "./wizard-store/reducers/cCAWizardSlice";
 import { CCALocalBrowserTab } from "./wizard-tabs/CCALocalBrowserTab";
 import { CCATableIngestion } from "./wizard-tabs/CCATableIngestion";
 import { CCAModelCreation } from "./wizard-tabs/CCAModelCreation";
+import { CCARemoteBrowserTab } from "./wizard-tabs/CCARemoteBrowser";
 
 export const CCAWizardSteps = () => {
   // The `state` arg is correctly typed as `RootState` already
@@ -19,6 +20,7 @@ export const CCAWizardSteps = () => {
       <div className="tab-content">
         <CCAWizardDataSelectionTab hidden={!(tabName === TabNames.CCA_DATA_WIZARD_SELECTION_TAB)} />
         <CCALocalBrowserTab hidden={!(tabName === TabNames.CCA_LOCAL_BROWSER_TAB)} />
+        <CCARemoteBrowserTab hidden={!(tabName === TabNames.CCA_REMOTE_BROWSER_TAB)} />
         <CCATableIngestion hidden={!(tabName === TabNames.CCA_TABLE_INGESTION)} />
         <CCAModelCreation hidden={!(tabName === TabNames.CCA_FINISH_MODEL)}/>
         <div hidden={true}>

web-server/plugins/slycat-cca/js/components/CCAWizardUtils.tsx

@@ -45,9 +45,14 @@ export const useCCAWizardFooter = () => {
    * handle continue operation
    */
   const handleContinue = React.useCallback(() => {
-    if (tabName === TabNames.CCA_DATA_WIZARD_SELECTION_TAB && dataLocation) {
+    if (tabName === TabNames.CCA_DATA_WIZARD_SELECTION_TAB && dataLocation === "local") {
+      console.log(dataLocation);
       dispatch(setTabName(TabNames.CCA_LOCAL_BROWSER_TAB));
     }
+    if (tabName === TabNames.CCA_DATA_WIZARD_SELECTION_TAB && dataLocation === "remote") {
+      console.log(dataLocation);
+      dispatch(setTabName(TabNames.CCA_REMOTE_BROWSER_TAB));
+    }
     if (tabName === TabNames.CCA_LOCAL_BROWSER_TAB && fileUploaded) {
       dispatch(setTabName(TabNames.CCA_TABLE_INGESTION));
     }
@@ -57,13 +62,13 @@ export const useCCAWizardFooter = () => {
     if (tabName === TabNames.CCA_FINISH_MODEL) {
       finishModel();
     }
-  }, [dispatch, uploadSelection, fileUploaded, setTabName, tabName]);
+  }, [dispatch, uploadSelection, fileUploaded, setTabName, tabName, dataLocation]);
 
   /**
    * handle back operation
    */
   const handleBack = React.useCallback(() => {
-    if (tabName === TabNames.CCA_LOCAL_BROWSER_TAB) {
+    if (tabName === TabNames.CCA_LOCAL_BROWSER_TAB || tabName === TabNames.CCA_REMOTE_BROWSER_TAB) {
       dispatch(setTabName(TabNames.CCA_DATA_WIZARD_SELECTION_TAB));
     }
     if (tabName === TabNames.CCA_TABLE_INGESTION) {
@@ -94,7 +99,7 @@ export const useCCAWizardFooter = () => {
       onClick={handleContinue}
       disabled={tabName === TabNames.CCA_LOCAL_BROWSER_TAB && !fileUploaded}
     >
-      Continue {fileUploaded.toString()}
+      Continue
     </button>
   );
   return React.useMemo(

web-server/plugins/slycat-cca/js/components/wizard-store/reducers/cCAWizardSlice.tsx

@@ -1,9 +1,13 @@
+/* Copyright (c) 2013, 2018 National Technology and Engineering Solutions of Sandia, LLC . Under the terms of Contract
+ DE-NA0003525 with National Technology and Engineering Solutions of Sandia, LLC, the U.S. Government
+ retains certain rights in this software. */
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 import { RootState } from "../store";
 
 export enum TabNames {
   CCA_DATA_WIZARD_SELECTION_TAB = "CCADataWizardSelectionTab",
   CCA_LOCAL_BROWSER_TAB = "CCSLocalBrowserTab",
+  CCA_REMOTE_BROWSER_TAB = "CCSRemoteBrowserTab",
   CCA_TABLE_INGESTION = "CCATableIngestion",
   CCA_FINISH_MODEL = "CCAFinishModel",
 }

web-server/plugins/slycat-cca/js/components/wizard-tabs/CCARemoteBrowser.tsx

@@ -0,0 +1,11 @@
+/* Copyright (c) 2013, 2018 National Technology and Engineering Solutions of Sandia, LLC . Under the terms of Contract
+ DE-NA0003525 with National Technology and Engineering Solutions of Sandia, LLC, the U.S. Government
+ retains certain rights in this software. */
+import * as React from "react";
+import { useSetUploadStatus } from "../CCAWizardUtils";
+
+export const CCARemoteBrowserTab = (props: { hidden?: boolean }) => {
+  const { hidden = false } = props;
+  const setUploadStatus = useSetUploadStatus();
+  return <div hidden={hidden}>REMOTE</div>;
+};