diff --git a/litmus-portal/frontend/src/views/ChaosWorkflows/BrowseSchedule/TableData.tsx b/litmus-portal/frontend/src/views/ChaosWorkflows/BrowseSchedule/TableData.tsx index a474f1135..ebc6c7bfa 100644 --- a/litmus-portal/frontend/src/views/ChaosWorkflows/BrowseSchedule/TableData.tsx +++ b/litmus-portal/frontend/src/views/ChaosWorkflows/BrowseSchedule/TableData.tsx @@ -15,9 +15,11 @@ import React from 'react'; import cronstrue from 'cronstrue'; import YAML from 'yaml'; import GetAppIcon from '@material-ui/icons/GetApp'; +import { useSelector } from 'react-redux'; import { ScheduleWorkflow } from '../../../models/graphql/scheduleData'; import useStyles from './styles'; import ExperimentPoints from './ExperimentPoints'; +import { RootState } from '../../../redux/reducers'; interface TableDataProps { data: ScheduleWorkflow; @@ -38,6 +40,8 @@ const TableData: React.FC = ({ data, deleteRow }) => { setPopAnchorEl(null); }; + const userData = useSelector((state: RootState) => state.userData); + const handlePopOverClick = (event: React.MouseEvent) => { setPopAnchorEl(event.currentTarget); }; @@ -183,21 +187,26 @@ const TableData: React.FC = ({ data, deleteRow }) => { - deleteRow(data.workflow_id)} - > -
- Delete Schedule - - Delete Schedule - -
-
+ {userData.userRole !== 'Viewer' ? ( + deleteRow(data.workflow_id)} + > +
+ Delete Schedule + + Delete Schedule + +
+
+ ) : null} diff --git a/litmus-portal/frontend/src/views/CreateWorkflow/CustomWorkflow/TuneWorkflow/index.tsx b/litmus-portal/frontend/src/views/CreateWorkflow/CustomWorkflow/TuneWorkflow/index.tsx index 6d784fb2c..0731cd202 100644 --- a/litmus-portal/frontend/src/views/CreateWorkflow/CustomWorkflow/TuneWorkflow/index.tsx +++ b/litmus-portal/frontend/src/views/CreateWorkflow/CustomWorkflow/TuneWorkflow/index.tsx @@ -42,7 +42,7 @@ const TuneCustomWorkflow: React.FC = ({ gotoStep }) => { applabel: 'k8s-app=kube-proxy', appkind: 'daemonset', }); - + const [annotation, setAnnotation] = useState('true'); const [env, setEnv] = useState([]); const [yaml, setYaml] = useState(''); const [loadingEnv, setLoadingEnv] = useState(true); @@ -112,6 +112,7 @@ const TuneCustomWorkflow: React.FC = ({ gotoStep }) => { applabel: parsedYaml.spec.appinfo.applabel, appkind: parsedYaml.spec.appinfo.appkind, }); + setAnnotation(parsedYaml.spec.annotationCheck); setEnv([...parsedYaml.spec.experiments[0].spec.components.env]); setYaml(customWorkflow.yaml as string); setLoadingEnv(false); @@ -164,6 +165,7 @@ const TuneCustomWorkflow: React.FC = ({ gotoStep }) => { parsedYaml.spec.appinfo.appns = appInfo.appns; parsedYaml.spec.appinfo.applabel = appInfo.applabel; parsedYaml.spec.appinfo.appkind = appInfo.appkind; + parsedYaml.spec.annotationCheck = annotation; parsedYaml.metadata.name = customWorkflow.experiment_name?.split('/')[1]; parsedYaml.metadata.namespace = '{{workflow.parameters.adminModeNamespace}}'; @@ -248,57 +250,80 @@ const TuneCustomWorkflow: React.FC = ({ gotoStep }) => {
appns: - - setAppInfo({ - ...appInfo, - appns: event.target.value.toLowerCase(), - }) - } - value={appInfo.appns} - /> +
+ + setAppInfo({ + ...appInfo, + appns: event.target.value.toLowerCase(), + }) + } + value={appInfo.appns} + /> +
applabel: - - setAppInfo({ - ...appInfo, - applabel: event.target.value.toLowerCase(), - }) - } - value={appInfo.applabel} - /> +
+ + setAppInfo({ + ...appInfo, + applabel: event.target.value.toLowerCase(), + }) + } + value={appInfo.applabel} + /> +
appkind: - - setAppInfo({ - ...appInfo, - appkind: event.target.value.toLowerCase(), - }) - } - value={appInfo.appkind} - /> +
+ + setAppInfo({ + ...appInfo, + appkind: event.target.value.toLowerCase(), + }) + } + value={appInfo.appkind} + /> +
+
+
+ + annotationCheck: + +
+ setAnnotation(event.target.value)} + value={annotation} + /> +

diff --git a/litmus-portal/frontend/src/views/CreateWorkflow/CustomWorkflow/TuneWorkflow/styles.ts b/litmus-portal/frontend/src/views/CreateWorkflow/CustomWorkflow/TuneWorkflow/styles.ts index bbb46657d..b86db9517 100644 --- a/litmus-portal/frontend/src/views/CreateWorkflow/CustomWorkflow/TuneWorkflow/styles.ts +++ b/litmus-portal/frontend/src/views/CreateWorkflow/CustomWorkflow/TuneWorkflow/styles.ts @@ -39,6 +39,9 @@ const useStyles = makeStyles((theme) => ({ marginTop: theme.spacing(2.5), marginBottom: theme.spacing(1.25), }, + inputField: { + marginLeft: theme.spacing(2.5), + }, appInfoText: { fontSize: '0.875rem', width: '6.25rem', @@ -48,7 +51,6 @@ const useStyles = makeStyles((theme) => ({ flexDirection: 'row', alignItems: 'center', paddingLeft: theme.spacing(2.5), - marginBottom: theme.spacing(2.5), }, envHeader: { fontSize: '0.75rem', @@ -102,7 +104,7 @@ const useStyles = makeStyles((theme) => ({ horizontalLine: { border: `1px solid ${theme.palette.customColors.black(0.3)}`, width: '100%', - marginTop: theme.spacing(1.25), + marginTop: theme.spacing(3.25), marginBottom: theme.spacing(1.25), }, formControl: {