Merge pull request #16 from AI4Bharat/homepage

added dialog boxes for adding new workspace, dataset

src/app/components/common/Spinner.jsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import CircularProgress from '@mui/material/CircularProgress';
-import DatasetStyle from '../../../styles/Dataset';
+import DatasetStyle from '@/styles/Dataset';
+
 
 // const styles = theme => ({
 //   progress: {   

src/app/dataset/automate-dataset/page1.js

@@ -0,0 +1,37 @@
+import { Tabs,Tab ,Box} from "@mui/material";
+import { Card, FormControl, Grid, MenuItem, Select, ThemeProvider, InputLabel, Typography,Switch } from "@mui/material";
+import React, { useEffect, useState } from "react";
+import themeDefault from "../../../theme/theme";
+import DatasetStyle from "../../../styles/Dataset";
+
+import InterAutomateDataset from "./InterAutomateDataset";
+import IntraAutomateDataset from "./IntraAutomateDataset";
+
+const AutomateDatasets = () => {
+  const classes = DatasetStyle();
+
+  const [selectedTab, setSelectedTab] = useState(0);
+
+  const handleTabChange = (event, newValue) => {
+    setSelectedTab(newValue);
+  };
+
+
+
+  return (
+    <ThemeProvider theme={themeDefault}>
+    <Box sx={{ width: '100%', typography: 'body1' }}>
+      <Tabs value={selectedTab} onChange={handleTabChange} >
+        <Tab label="Inter-Automate Datasets" sx={{ fontSize: 16, fontWeight: '700' }}/>
+        <Tab label="Intra-Automate Datasets" sx={{ fontSize: 16, fontWeight: '700' }} />
+      </Tabs>
+      {selectedTab === 0 && <InterAutomateDataset/>}
+      {selectedTab === 1 && <IntraAutomateDataset />}
+    </Box>
+    </ThemeProvider>
+
+
+  );
+};
+
+export default AutomateDatasets;

src/app/dataset/create-dataset/page1.js

@@ -0,0 +1,311 @@
+"use client";
+import {
+    Box,
+    Card,
+    Grid,
+    Tab,
+    Tabs,
+    Typography,
+} from "@mui/material";
+import React, { useEffect, useState } from "react";
+import { useParams } from "react-router-dom";
+import Button from "@/app/components/common/Button";
+import OutlinedTextField from "@/app/components/common/OutlinedTextField";
+import Spinner from "@/app/components/common/Spinner";
+import CustomizedSnackbars from "@/app/components/common/Snackbar";
+import DatasetStyle from "@/styles/Dataset";
+//   import { useDispatch, useSelector } from "react-redux";
+//   import APITransport from "../../../../redux/actions/apitransport/apitransport";
+//   import CreateNewDatasetInstanceAPI from "../../../../redux/actions/api/Dataset/CreateNewDatasetInstance";
+//   import GetDatasetTypeAPI from "../../../../redux/actions/api/Dataset/GetDatasetType"
+import MenuItems from "@/app/components/common/MenuItems"
+import { useRouter } from "next/navigation";
+
+const CollectionProject = (props) => {
+    const { id } = useParams();
+    const router = useRouter();
+    const classes = DatasetStyle();
+    const dispatch = useDispatch();
+    const [instance_Name, setInstance_Name] = useState("")
+    const [parent_Instance_Id, setParent_Instance_Id] = useState(null)
+    const [instance_Description, setInstance_Description] = useState("")
+    const [organisation_Id, setOrganisation_Id] = useState("")
+    const [users, setUsers] = useState("")
+    const [datasettype, setDatasettype] = useState("");
+    const [type, setType] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [snackbarState, setSnackbarState] = useState({ open: false, message: "", variant: "" });
+    const [errors, setErrors] = useState({});
+
+
+    const loggedInUserData = useSelector(
+        (state) => state.fetchLoggedInUserData.data
+    );
+
+    useEffect(() => {
+        setUsers([loggedInUserData.id])
+    },)
+
+    const handleCreate = () => {
+        setLoading(true);
+        setErrors({});
+        const CreateDatasetInstance = {
+            instance_name: instance_Name,
+            parent_instance_id: parent_Instance_Id,
+            instance_description: instance_Description,
+            dataset_type: datasettype,
+            organisation_id: organisation_Id,
+            users: users,
+        }
+        const apiObj = new CreateNewDatasetInstanceAPI(CreateDatasetInstance);
+        fetch(apiObj.apiEndPoint(), {
+            method: "POST",
+            body: JSON.stringify(apiObj.getBody()),
+            headers: apiObj.getHeaders().headers,
+        }).then(async (res) => {
+            if (!res.ok) throw await res.json();
+            else return await res.json();
+        }).then((res) => {
+            setLoading(false);
+            router.push(`/datasets/${res.instance_id}`);
+        }).catch((err) => {
+            setErrors(err);
+            setSnackbarState({ open: true, message: "Failed to create dataset instance", variant: "error" });
+            setLoading(false);
+        });
+    }
+
+    const datasetType = useSelector(state => state.GetDatasetType.data);
+
+    const getProjectDetails = () => {
+        const projectObj = new GetDatasetTypeAPI(id);
+        dispatch(APITransport(projectObj));
+    }
+
+    useEffect(() => {
+        getProjectDetails();
+
+    }, []);
+
+    useEffect(() => {
+        if (datasetType && datasetType.length > 0) {
+            let temp = [];
+            datasetType.forEach((element) => {
+                temp.push({
+
+                    name: element,
+                    value: element,
+
+                });
+            });
+            setType(temp);
+        }
+    }, [datasetType]);
+
+    const renderSnackBar = () => {
+        return (
+            <CustomizedSnackbars
+                open={snackbarState.open}
+                handleClose={() => setSnackbarState({ open: false, message: "", variant: "" })}
+                anchorOrigin={{ vertical: "top", horizontal: "right" }}
+                variant={snackbarState.variant}
+                message={snackbarState.message}
+            />
+        );
+    };
+
+    console.log(loggedInUserData, "loggedInUserData")
+    return (
+        <>
+            {/* <Header /> */}
+            {/* <Grid
+                    container
+                    direction='row'
+                    justifyContent='left'
+                    alignItems='left'
+    
+    
+                >
+                    <Grid
+                        item
+                        xs={5}
+                        sm={5}
+                        md={5}
+                        lg={5}
+                        xl={5}
+                    > */}
+
+            <Grid container direction="row"  >
+                {loading && <Spinner />}
+                <Card className={classes.workspaceCard}>
+                    <Grid item xs={2} sm={2} md={2} lg={2} xl={2}></Grid>
+                    <Grid item xs={8} sm={8} md={8} lg={8} xl={8} sx={{ pb: "6rem" }}>
+                        <Grid item xs={12} sm={12} md={12} lg={12} xl={12}>
+                            <Typography variant="h2" gutterBottom component="div">
+                                Create New Dataset Instance
+                            </Typography>
+                        </Grid>
+                        <Grid
+                            className={classes.projectsettingGrid}
+                            xs={12}
+                            sm={12}
+                            md={12}
+                            lg={12}
+                            xl={12}
+                        >
+                            <Typography gutterBottom component="div">
+                                Instance_Name *:
+                            </Typography>
+                        </Grid>
+                        <Grid item xs={12} md={12} lg={12} xl={12} sm={12}>
+                            <OutlinedTextField
+                                fullWidth
+                                value={instance_Name}
+                                onChange={(e) => setInstance_Name(e.target.value)}
+                                required
+                                helperText={errors.instance_name ? errors.instance_name : ""}
+                                error={errors.instance_name ? true : false}
+                            />
+                        </Grid>
+                        <Grid
+                            className={classes.projectsettingGrid}
+                            xs={12}
+                            sm={12}
+                            md={12}
+                            lg={12}
+                            xl={12}
+                        >
+                            <Typography gutterBottom component="div">
+                                Parent_Instance_Id:
+                            </Typography>
+                        </Grid>
+                        <Grid item xs={12} md={12} lg={12} xl={12} sm={12}>
+                            <OutlinedTextField
+                                fullWidth
+                                value={parent_Instance_Id}
+                                onChange={(e) => setParent_Instance_Id(e.target.value)}
+                                helperText={errors.parent_instance_id ? errors.parent_instance_id : ""}
+                                error={errors.parent_instance_id ? true : false}
+                            />
+                        </Grid>
+                        <Grid
+                            className={classes.projectsettingGrid}
+                            xs={12}
+                            sm={12}
+                            md={12}
+                            lg={12}
+                            xl={12}
+                        >
+                            <Typography gutterBottom component="div">
+                                Instance_Description:
+                            </Typography>
+                        </Grid>
+                        <Grid item xs={12} md={12} lg={12} xl={12} sm={12}>
+                            <OutlinedTextField
+                                fullWidth
+                                value={instance_Description}
+                                onChange={(e) => setInstance_Description(e.target.value)}
+                                helperText={errors.instance_description ? errors.instance_description : ""}
+                                error={errors.instance_description ? true : false}
+                            />
+                        </Grid>
+                        <Grid
+                            className={classes.projectsettingGrid}
+                            xs={12}
+                            sm={12}
+                            md={12}
+                            lg={12}
+                            xl={12}
+                        >
+                            <Typography gutterBottom component="div">
+                                Dataset_Type *:
+                            </Typography>
+                        </Grid>
+                        <Grid item xs={12} md={12} lg={12} xl={12} sm={12}>
+                            <MenuItems
+                                menuOptions={type}
+                                handleChange={(value) => setDatasettype(value)}
+                                value={datasettype}
+                                helperText={errors.dataset_type ? errors.dataset_type : ""}
+                                error={errors.dataset_type ? true : false}
+                            />
+                        </Grid>
+                        <Grid
+                            className={classes.projectsettingGrid}
+                            xs={12}
+                            sm={12}
+                            md={12}
+                            lg={12}
+                            xl={12}
+                        >
+                            <Typography gutterBottom component="div">
+                                Organisation_Id *:
+                            </Typography>
+                        </Grid>
+                        <Grid item xs={12} md={12} lg={12} xl={12} sm={12}>
+                            <OutlinedTextField
+                                fullWidth
+                                value={organisation_Id}
+                                onChange={(e) => setOrganisation_Id(e.target.value)}
+                                helperText={errors.organisation_id ? errors.organisation_id : ""}
+                                error={errors.organisation_id ? true : false}
+                            />
+                        </Grid>
+                        <Grid
+                            className={classes.projectsettingGrid}
+                            xs={12}
+                            sm={12}
+                            md={12}
+                            lg={12}
+                            xl={12}
+                        >
+                            <Typography gutterBottom component="div">
+                                User *:
+                            </Typography>
+                        </Grid>
+                        <Grid item xs={12} md={12} lg={12} xl={12} sm={12}>
+                            <OutlinedTextField
+                                fullWidth
+                                value={users}
+                                onChange={(e) => setUsers(e.target.value)}
+                                helperText={errors.users ? errors.users : ""}
+                                error={errors.users ? true : false}
+                            />
+                        </Grid>
+                        <Grid
+                            className={classes.projectsettingGrid}
+                            style={{}}
+                            item
+                            xs={12}
+                            md={12}
+                            lg={12}
+                            xl={12}
+                            sm={12}
+                            sx={{ mt: 3 }}
+                        >
+
+                            <Button
+                                style={{ margin: "0px 20px 0px 0px" }}
+                                label={"Confirm"}
+                                onClick={handleCreate}
+                                disabled={(instance_Name && datasettype && organisation_Id) ? false : true}
+
+                            />
+
+                            <Button
+                                label={"Cancel"}
+                                onClick={() => router.push(`/datasets/`)}
+                            />
+                        </Grid>
+                        {renderSnackBar()}
+                    </Grid>
+                </Card>
+            </Grid>
+
+            {/* </Grid>
+                </Grid> */}
+        </>
+    );
+};
+
+export default CollectionProject;