varnitgoyal95/deployment-portal-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #33 from navi-infra/INFRA-614

Browse Source 
INFRA-614 | Abhishek | Add changes to disable name & env while editing manifest
This commit is contained in:
Abhishek Katiyar
2020-12-07 22:37:33 +05:30
committed by GitHub Enterprise
parent baf9411dc9 6425ae49d6
commit 276aa2d87f
2 changed files with 20 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/coreform/BaseForm.tsx
View File

@@ -1,18 +1,17 @@
import * as React from 'react';
import { makeStyles, Theme } from '@material-ui/core/styles';
import {makeStyles, Theme} from '@material-ui/core/styles';
import Tabs from '@material-ui/core/Tabs';
import Tab from '@material-ui/core/Tab';
import ManifestForm from './ManifestForm'
import DatabaseForm from './DatabaseForm'
import * as _m from '../models/Manifest'
import { Formik, Form, FormikProps } from 'formik';
import { manifestValidationSchema } from "../models/ManifestValidationSchema";
import { tabA11yProps, TabPanel } from './FormUtil';
import {Form, Formik, FormikProps} from 'formik';
import {manifestValidationSchema} from "../models/ManifestValidationSchema";
import {tabA11yProps, TabPanel} from './FormUtil';
import EnvironmentVariablesForm from './EnvironmentVariablesForm';
import S3BucketForm from './S3BucketForm';
import _ from 'lodash'
import { Divider, Snackbar, Typography, Button } from '@material-ui/core';
import { Alert } from "@material-ui/lab";
import {Button, Divider, Snackbar, Typography} from '@material-ui/core';
import {Alert} from "@material-ui/lab";
import DeploymentForm from './DeploymentForm';
import AWSAccessForm from './AWSAccessForm';
@@ -127,7 +126,7 @@ const BaseForm = (props: BaseFormProps) => {
{
props => (
<Form>
<ManifestForm />
<ManifestForm id={props.values.id} />
<Divider />
<div className={classes.root}>
<Tabs orientation="vertical" variant="scrollable" value={currentTab} onChange={handleTabChange}
@@ -150,7 +149,7 @@ const BaseForm = (props: BaseFormProps) => {
<Button color="secondary" type="submit" variant="contained" size="large" style={{ float: "right", marginRight: 100 }} >
Submit
</Button>
{/* <Debug {...props} /> */}
{/*<Debug {...props} />*/}
<ErrorSnackBar errors={props.errors} />
</Form>
)

20
src/coreform/ManifestForm.tsx
View File

@@ -1,9 +1,9 @@
import * as React from 'react';
import { Grid, Box } from '@material-ui/core';
import { toMenuItems } from './FormUtil';
import { FormikTextField } from '../components/common/FormikTextField';
import { makeStyles } from '@material-ui/core';
import {Box, Grid, makeStyles} from '@material-ui/core';
import {toMenuItems} from './FormUtil';
import {FormikTextField} from '../components/common/FormikTextField';
import * as _m from '../models/Manifest'
import {useEffect} from "react";
const environments = ["dev", "qa", "prod"]
@@ -22,16 +22,20 @@ const useStyles = makeStyles({
});
const ManifestForm = () => {
const ManifestForm = (props: any) => {
const classes = useStyles();
const [id] = React.useState(props.id);
const disableNameAndEnvironment = id !== undefined;
return (
<Box className={classes.box}>
<Grid container direction="row" justify="space-evenly" alignItems="center">
<FormikTextField className={classes.field} label="Name" name="name" />
<FormikTextField className={classes.field} select label="Environment" name="environment" >
<FormikTextField disabled={disableNameAndEnvironment} className={classes.field} label="Name"
name="name"/>
<FormikTextField disabled={disableNameAndEnvironment} className={classes.field} select
label="Environment" name="environment">
{toMenuItems(environments)}
</FormikTextField>
<FormikTextField className={classes.field} select label="Team" name="team.name" >
<FormikTextField className={classes.field} select label="Team" name="team.name">
{toMenuItems(_m.teams)}
</FormikTextField>
</Grid>