diff --git a/frontend/src/components/ui/modal/AnvilConfigurationsModal.jsx b/frontend/src/components/ui/modal/AnvilConfigurationsModal.jsx
index cf2ae07b..d282e834 100644
--- a/frontend/src/components/ui/modal/AnvilConfigurationsModal.jsx
+++ b/frontend/src/components/ui/modal/AnvilConfigurationsModal.jsx
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
import AnvilConfigurationForm from "./AnvilConfigurationForm";
import ClosableModal from "./ClosableModal";
import AnvilConfigurationTable from "./AnvilConfigurationTable";
@@ -7,17 +7,40 @@ import {
editConfigurationAtom,
} from "@/atoms/anvilConfigurationsAtom";
import { useAtom } from "jotai";
+import {
+ isPackaged,
+ choosenKubeContexts,
+ chosenDriver,
+ availableKubeContexts,
+} from "@/atoms/kubecontextAtom";
+import { activeConfigurationAtom } from "@/atoms/anvilConfigurationsAtom";
+import axios from "axios";
+import AnvilLauncherStatus from "../AnvilLauncherStatus";
const CONFIGURATION_TABLE_TITLE = "Anvil Configurations";
const NEW_CONFIGURATION_TITLE = "New Configuration";
const EDIT_CONFGURATION_TITLE = "Edit Configuration";
-export default function AnvilConfigurationsModal() {
+
+export default function AnvilConfigurationsModal(props) {
const [, addConfiguration] = useAtom(addConfigurationAtom);
const [, editConfiguration] = useAtom(editConfigurationAtom);
const [formOpen, setFormOpen] = useState(false);
const [initialConfiguration, setInitialConfiguration] = useState(undefined);
const [handleSave, setHandleSave] = useState(undefined);
const [title, setTitle] = useState(CONFIGURATION_TABLE_TITLE);
+ const [appIsPackaged, setAppIsPackaged] = useState(false);
+ const [confirmationOpen, setConfirmationIsOpen] = useState(false);
+ const [configuration] = useAtom(activeConfigurationAtom);
+ const [confirmationText, setConfirmationText] = useState([]);
+ const [currentKubeContext, setCurrentKubeContext] =
+ useAtom(choosenKubeContexts);
+ const [selectedDriver] = useAtom(chosenDriver);
+ const [errModalOpen, setErrModalIsOpen] = useState(false);
+ const [errMessage, setErrMessage] = useState([]);
+ const [userDriver] = useAtom(chosenDriver);
+ const [logViewerOpen, SystemLogViewerOpen] = useState(false);
+ const [loading, setIsLoading] = useState(false);
+ const [_, setAvailableKubeContexts] = useAtom(availableKubeContexts);
function handleNew() {
setInitialConfiguration(undefined);
@@ -30,6 +53,17 @@ export default function AnvilConfigurationsModal() {
setFormOpen(true);
}
+ useEffect(() => {
+ const serverAddress = import.meta.env.VITE_EXPRESS;
+ const res = axios.get(`${serverAddress}/isPackaged`).then((response) => {
+ setAppIsPackaged(response.data);
+ });
+
+ axios.get(`${serverAddress}/get-kube-contexts`).then((res) => {
+ setAvailableKubeContexts(res.data);
+ });
+ }, []);
+
function handleEdit(userConfigurationIndex, configuration) {
setInitialConfiguration(configuration);
setHandleSave(() => (newConfiguration) => {
@@ -46,17 +80,111 @@ export default function AnvilConfigurationsModal() {
setFormOpen(false);
}
+ const confirmSettings = async () => {
+ SystemLogViewerOpen(true);
+ setConfirmationIsOpen(false);
+
+ const body = {
+ host: configuration.anvil.host,
+ anvilPort: configuration.anvil.port,
+ KubeContext: currentKubeContext,
+ s3Port: configuration.s3.port,
+ driver: selectedDriver,
+ };
+ try {
+ setIsLoading(true);
+ const serverAddress = import.meta.env.VITE_EXPRESS;
+ const res = await axios.post(`${serverAddress}/launch-anvil`, body);
+ setIsLoading(false);
+ } catch (err) {
+ // handled in system logs
+ setIsLoading(false);
+ }
+ };
+ const saveAndRelaunch = () => {
+ if (
+ configuration.anvil.host === "localhost" ||
+ configuration.anvil.host === "127.0.0.1"
+ ) {
+ setConfirmationText([
+ "Are you sure you want to launch local anvil server with the following settings?",
+ `ANVIL HOST: ${configuration.anvil.host}`,
+ `ANVIL PORT: ${configuration.anvil.port}`,
+ `Kubernetes Context: ${currentKubeContext}`,
+ `Driver: ${userDriver}`,
+ ]);
+ setConfirmationIsOpen(true);
+ }
+ };
+
+ let disabled = true;
+
+ if (!appIsPackaged) {
+ disabled = false;
+ } else {
+ if (
+ (configuration?.anvil.host === "localhost" ||
+ configuration.anvil.host === "127.0.0.1") &&
+ userDriver !== "" &&
+ currentKubeContext !== ""
+ ) {
+ disabled = false;
+ } else {
+ disabled = true;
+ }
+ }
+
+ const closeConfirmation = () => {
+ setConfirmationIsOpen(false);
+ };
+
+ const className = formOpen ? "anvil-config-modal-formOpen" : "anvil-config-modal"
return (
-
- {formOpen ? (
-
- ) : (
-
- )}
-
+ <>
+
+ {formOpen ? (
+
+ ) : (
+
+ )}
+
+
+
setErrModalIsOpen(false)}
+ errorOpen={errModalOpen}
+ errorMessage={errMessage}
+ logViewerTitle={"System Logs"}
+ logViewerOpen={logViewerOpen}
+ logViewerClose={() => {
+ SystemLogViewerOpen(false);
+ }}
+ />
+
);
}
diff --git a/frontend/src/components/ui/modal/StatusModal.jsx b/frontend/src/components/ui/modal/StatusModal.jsx
new file mode 100644
index 00000000..b95a4a8b
--- /dev/null
+++ b/frontend/src/components/ui/modal/StatusModal.jsx
@@ -0,0 +1,29 @@
+//This is a modal that's used for refactoring Confirmation and Error modals that we use throughout the modal while launching anvil locally
+
+import ClosableModal from "./ClosableModal";
+
+export default function StatusModal(props) {
+ const modalFactory = () => {
+ return (
+
+
+ {props?.message.map((error, i) => {
+ return
{error}
;
+ })}
+