refactored uploadReuse

src/components/Upload/CommonFields/UploadReuse/Containers/CheckboxInputContainers.jsx

@@ -0,0 +1,85 @@
+/*
+ Copyright (C) 2021 Shruti Agarwal ([email protected]), Aman Dwivedi ([email protected])
+ 
+ SPDX-License-Identifier: GPL-2.0
+
+ This program is free software; you can redistribute it and/or
+ modify it under the terms of the GNU General Public License
+ version 2 as published by the Free Software Foundation.
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License along
+ with this program; if not, write to the Free Software Foundation, Inc.,
+ 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+*/
+
+import React from "react";
+
+// Widgets
+import { InputContainer, Tooltip } from "components/Widgets";
+
+import { PropTypes } from "prop-types";
+
+const CheckboxInputContainers = ({ reuse, handleChange }) => {
+  return (
+    <>
+      <InputContainer
+        type="checkbox"
+        checked={reuse.reuseEnhanced}
+        name="reuseEnhanced"
+        id="upload-file-reuse-enhanced"
+        onChange={handleChange}
+      >
+        Enhanced reuse (slower)
+        <Tooltip title="will copy a clearing decision if the two files differ by one line determined by a diff tool" />
+      </InputContainer>
+      <InputContainer
+        type="checkbox"
+        checked={reuse.reuseMain}
+        name="reuseMain"
+        id="upload-file-reuse-main"
+        onChange={handleChange}
+      >
+        Reuse main license/s
+        <Tooltip title="will copy a main license decision if any" />
+      </InputContainer>
+      <InputContainer
+        type="checkbox"
+        checked={reuse.reuseReport}
+        name="reuseReport"
+        id="upload-file-reuse-report"
+        onChange={handleChange}
+      >
+        Reuse report configuration settings
+        <Tooltip title="use to copy all the information from conf page(if any)" />
+      </InputContainer>
+      <InputContainer
+        type="checkbox"
+        checked={reuse.reuseCopyright}
+        name="reuseCopyright"
+        id="upload-file-reuse-copyright"
+        onChange={handleChange}
+      >
+        Reuse edited and deactivated copyrights
+        <Tooltip title="use to copy edited and deactivated copyrights from the reused package" />
+      </InputContainer>
+    </>
+  );
+};
+
+CheckboxInputContainers.propTypes = {
+  reuse: PropTypes.shape({
+    reuseUpload: PropTypes.number.isRequired,
+    reuseGroup: PropTypes.string.isRequired,
+    reuseMain: PropTypes.bool.isRequired,
+    reuseEnhanced: PropTypes.bool.isRequired,
+    reuseReport: PropTypes.bool.isRequired,
+    reuseCopyright: PropTypes.bool.isRequired,
+  }).isRequired,
+  handleChange: PropTypes.func,
+};
+
+export default CheckboxInputContainers;

src/components/Upload/CommonFields/UploadReuse/Containers/SelectInputContainers.jsx

@@ -0,0 +1,130 @@
+/*
+ Copyright (C) 2021 Shruti Agarwal ([email protected]), Aman Dwivedi ([email protected])
+ 
+ SPDX-License-Identifier: GPL-2.0
+
+ This program is free software; you can redistribute it and/or
+ modify it under the terms of the GNU General Public License
+ version 2 as published by the Free Software Foundation.
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License along
+ with this program; if not, write to the Free Software Foundation, Inc.,
+ 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+*/
+
+import React, { useState, useEffect } from "react";
+
+// Widgets
+import { InputContainer } from "components/Widgets";
+
+// Required services for calling APIs
+import { getAllFolders } from "services/folders";
+import { getUploadsFolderId } from "services/organizeUploads";
+import { getAllGroups } from "services/groups";
+
+import { PropTypes } from "prop-types";
+
+import messages from "constants/messages";
+
+// required data
+import {
+  initialGroupList,
+  initialFolderList,
+  initialUploadList,
+} from "../data";
+
+const SelectInputContainers = ({ reuse, handleChange }) => {
+  const [reuseData, setReuseData] = useState({
+    groupList: initialGroupList,
+    folderList: initialFolderList,
+    uploadList: initialUploadList,
+    reuseFolder: 1,
+  });
+
+  useEffect(() => {
+    setReuseData((prevData) => ({ ...prevData, groupList: getAllGroups() }));
+  }, []);
+
+  useEffect(() => {
+    getAllFolders(reuse.reuseGroup)
+      .then((res) => {
+        setReuseData((prevData) => ({ ...prevData, folderList: res }));
+      })
+      .catch(() => {});
+  }, [reuse.reuseGroup]);
+
+  useEffect(() => {
+    getUploadsFolderId(reuseData.reuseFolder, reuse.reuseGroup)
+      .then((res) => {
+        setReuseData((prevData) => ({ ...prevData, uploadList: res }));
+      })
+      .catch(() => {});
+  }, [reuse.reuseGroup, reuseData.reuseFolder]);
+
+  const handleReuseDataChange = (e) => {
+    setReuseData((prevData) => ({
+      ...prevData,
+      [e.target.name]: e.target.value,
+    }));
+  };
+  return (
+    <>
+      <InputContainer
+        type="select"
+        name="reuseGroup"
+        id="upload-file-reuse-group"
+        onChange={handleChange}
+        options={reuseData.groupList}
+        value={reuse.reuseGroup}
+        property="name"
+        valueProperty="name"
+        noDataMessage={messages.noGroup}
+      >
+        Select the reuse group:
+      </InputContainer>
+      <InputContainer
+        type="select"
+        name="reuseFolder"
+        id="upload-file-reuse-folder"
+        onChange={handleReuseDataChange}
+        options={reuseData.folderList}
+        value={reuseData.reuseFolder}
+        property="name"
+        noDataMessage={messages.noFolder}
+      >
+        Select the reuse folder:
+      </InputContainer>
+      <InputContainer
+        type="select"
+        name="reuseUpload"
+        id="upload-file-reuse-upload"
+        onChange={handleChange}
+        options={reuseData.uploadList}
+        value={parseInt(reuse.reuseUpload, 10)}
+        property="uploadname"
+        valueProperty="id"
+        noDataMessage={messages.noUploads}
+      >
+        Select the reuse upload:
+      </InputContainer>
+    </>
+  );
+};
+
+SelectInputContainers.propTypes = {
+  reuse: PropTypes.shape({
+    reuseUpload: PropTypes.number.isRequired,
+    reuseGroup: PropTypes.string.isRequired,
+    reuseMain: PropTypes.bool.isRequired,
+    reuseEnhanced: PropTypes.bool.isRequired,
+    reuseReport: PropTypes.bool.isRequired,
+    reuseCopyright: PropTypes.bool.isRequired,
+  }).isRequired,
+  handleChange: PropTypes.func,
+};
+
+export default SelectInputContainers;

src/components/Upload/CommonFields/UploadReuse/data.js

@@ -0,0 +1,21 @@
+const initialGroupList = [{ id: 3, name: "fossy" }];
+
+const initialFolderList = [
+  {
+    id: 1,
+    name: "Software Repository",
+    description: "Top Folder",
+    parent: null,
+  },
+];
+
+const initialUploadList = [
+  {
+    folderId: 1,
+    uploadId: null,
+    uploadName: "",
+    uploadDescription: "",
+  },
+];
+
+export { initialGroupList, initialFolderList, initialUploadList };