diff --git a/app-frontend/src/App.css b/app-frontend/src/App.css index af89ebc..29ed0a2 100644 --- a/app-frontend/src/App.css +++ b/app-frontend/src/App.css @@ -13,4 +13,8 @@ hr { .unselectable-span { user-select: none; +} + +.hide-on-demand{ + display: none; } \ No newline at end of file diff --git a/app-frontend/src/containers/Apps/AppConfigs.tsx b/app-frontend/src/containers/Apps/AppConfigs.tsx new file mode 100644 index 0000000..2d33d07 --- /dev/null +++ b/app-frontend/src/containers/Apps/AppConfigs.tsx @@ -0,0 +1,268 @@ +import React, { Component } from "react"; +import { + message, + Row, + Button, + Input, + Col, + Icon, + Tooltip, + Checkbox +} from "antd"; +import Toaster from "../../utils/Toaster"; +import Utils from "../../utils/Utils"; +import { AppDetailsTabProps } from "./AppDetails"; + +const Search = Input.Search; + +export default class AppConfigs extends Component< + AppDetailsTabProps, + { dummyVar: undefined; forceEditableInstanceCount: boolean } +> { + constructor(props: any) { + super(props); + this.state = { + dummyVar: undefined, + forceEditableInstanceCount: false + }; + } + createEnvVarRows() { + /* +
+
+
+ Key: + +
+
+
+
+ Value: + +
+
+
+ */ + return
createEnvVarRows
; + } + + createPortRows() { + /* +
+
+
+ Server Public Port: + +
+
+
+
+ Container Port: + +
+
+
+ + + */ + return
createVolRows
; + } + + createVolSection() { + const app = this.props.apiData!.appDefinition; + + if (!app.hasPersistentData) return
; + + return
has volumes
; + + /* +

Persistent Directories   + + + + + +

+
+ Currently, this app does not have any persistent directories. +
+
+
+
+
+ Path in App: + +
+
+
+
+ Path on Host: + +
+
+
+
+ Label: + +
+
+
+ + +
+
+
+
+ +
+
+ +
+ +
+
+
+ + + + Node ID   + + + + + +
+
+
+
+
+

+ WARNING: Changing Node ID causes the content of your persistent directories to be deleted! +

+
+
+ */ + } + + render() { + const app = this.props.apiData!.appDefinition; + return ( +
+

Environmental Variables:

+
+ + Currently, this app does not have any custom environmental variables + yet. + +
+
+ + {this.createEnvVarRows()} + +
+ + + +
+
+
+ +

+ Port Mapping   + + + +

+
+ Currently, this app does not have any custom port mapping. +
+
+ + +
+
+
+ {this.createVolSection()} + + + + + + + +
+ + + +
+ + + + {/*
+
+
+ +
{{!!app.hasPreDeployFunction? 'Remove':'Add'}} Pre-Deploy Script +   + +   + + +
+ +
+ +
+ +
+ +
+
+ +
*/} +
+ ); + } + + addPortMappingClicked() {} + + addEnvVarClicked() {} + + reFetchData() { + this.props.reFetchData(); + } +} diff --git a/app-frontend/src/containers/Apps/AppDetails.tsx b/app-frontend/src/containers/Apps/AppDetails.tsx index cc0f198..459edd1 100644 --- a/app-frontend/src/containers/Apps/AppDetails.tsx +++ b/app-frontend/src/containers/Apps/AppDetails.tsx @@ -19,6 +19,7 @@ import { IAppDef } from "./AppDefinition"; import ClickableLink from "../global/ClickableLink"; import HttpSettings from "./HttpSettings"; import ApiManager from "../../api/ApiManager"; +import AppConfigs from "./AppConfigs"; const TabPane = Tabs.TabPane; const WEB_SETTINGS = "WEB_SETTINGS"; @@ -60,13 +61,6 @@ export default class AppDetails extends ApiComponent< this.props.history.push("/apps"); } - createAppConfigsContent() { - return ( -
-

createAppConfigsContent

-
- ); - } createDeploymentContent() { return (
@@ -124,7 +118,15 @@ export default class AppDetails extends ApiComponent< tab={App Configs} key={APP_CONFIGS} > - {this.createAppConfigsContent()} + this.setState({ isLoading: value })} + reFetchData={() => this.reFetchData()} + apiData={this.state.apiData!} + apiManager={this.apiManager} + updateApiData={(newData: any) => + this.setState({ apiData: newData }) + } + /> Deployment}