upload fies to storage account for appeal
This commit is contained in:
@@ -8,6 +8,7 @@ import { Field, reduxForm } from "redux-form";
|
||||
import { connect } from "react-redux";
|
||||
import Dropzone, { useDropzone } from "react-dropzone";
|
||||
import { uploadFiles } from "../../actions";
|
||||
import { getContainers } from "../../actions/azurestorage";
|
||||
|
||||
const required = (errorMsg) => (value) =>
|
||||
value || typeof value === "number" ? undefined : errorMsg;
|
||||
@@ -158,6 +159,60 @@ const RenderFileUpload = (field) => {
|
||||
break;
|
||||
}
|
||||
};
|
||||
|
||||
const getDocumentType = (docCode) => {
|
||||
switch (docCode) {
|
||||
case "000001":
|
||||
return "000001";
|
||||
break;
|
||||
case "000002":
|
||||
return "000002";
|
||||
break;
|
||||
case "000003":
|
||||
return "000003";
|
||||
break;
|
||||
case "000004":
|
||||
return "000004";
|
||||
break;
|
||||
case "000005":
|
||||
return "000005";
|
||||
break;
|
||||
case "000006":
|
||||
return "000006";
|
||||
break;
|
||||
case "000007":
|
||||
return "000007";
|
||||
break;
|
||||
case "000008":
|
||||
return "000008";
|
||||
break;
|
||||
case "000009":
|
||||
return "000009";
|
||||
break;
|
||||
case "000010":
|
||||
return "000010";
|
||||
break;
|
||||
case "000011":
|
||||
return "000011";
|
||||
break;
|
||||
case "000012":
|
||||
return "000012";
|
||||
break;
|
||||
case "000013":
|
||||
return "000013";
|
||||
break;
|
||||
case "000014":
|
||||
return "000014";
|
||||
break;
|
||||
case "000015":
|
||||
return "000015";
|
||||
break;
|
||||
|
||||
default:
|
||||
return "000000";
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Dropzone
|
||||
@@ -166,14 +221,20 @@ const RenderFileUpload = (field) => {
|
||||
// }
|
||||
|
||||
onDrop={(filesToUpload, e) => {
|
||||
console.log(field.ticketnumber, field.documentTypeCode);
|
||||
const renamedAcceptedFiles = filesToUpload.map(
|
||||
(file) =>
|
||||
new File([file], `${file.name}_${+new Date()}`, {
|
||||
type: file.type,
|
||||
})
|
||||
new File(
|
||||
[file],
|
||||
`${field.ticketnumber}_${getDocumentType(
|
||||
field.documentTypeCode
|
||||
)}_${file.name}`,
|
||||
{
|
||||
type: file.type,
|
||||
}
|
||||
)
|
||||
);
|
||||
field.input.onChange(renamedAcceptedFiles);
|
||||
console.log(renamedAcceptedFiles);
|
||||
}}
|
||||
>
|
||||
{({ getRootProps, getInputProps }) => (
|
||||
@@ -221,7 +282,7 @@ const RenderFileUpload = (field) => {
|
||||
let UploadFile = (props) => {
|
||||
let { t } = useTranslation();
|
||||
//const [showSpinnerState, setShowSpinnerState] = useState(false);
|
||||
const { handleSubmit, pristine, reset, submitting } = props;
|
||||
const { handleSubmit, pristine, reset, submitting, formContent } = props;
|
||||
|
||||
const router = useRouter();
|
||||
const { locale } = router;
|
||||
@@ -229,8 +290,19 @@ let UploadFile = (props) => {
|
||||
const onHandleSubmit = async (values) => {
|
||||
//spinnerState();
|
||||
console.log(values);
|
||||
console.log(formContent);
|
||||
// getContainers();
|
||||
|
||||
const uploadAction = await uploadFiles(values);
|
||||
var dataObj = Object.assign(values, formContent);
|
||||
var fileObj = dataObj.fileList;
|
||||
|
||||
delete dataObj.fileList;
|
||||
|
||||
const uploadAction = await uploadFiles(dataObj, fileObj).then(
|
||||
(data) => {
|
||||
console.log("hello", data);
|
||||
}
|
||||
);
|
||||
// router.push({
|
||||
// pathname:
|
||||
// router.locale == "cy"
|
||||
@@ -270,6 +342,7 @@ let UploadFile = (props) => {
|
||||
type="text"
|
||||
aria-describedby="caseReference-hint"
|
||||
hint1="Case Reference"
|
||||
value="CAS-00764-L0Q9W2"
|
||||
/>
|
||||
</div>
|
||||
<div className="govuk-grid-row">
|
||||
@@ -281,6 +354,7 @@ let UploadFile = (props) => {
|
||||
//validate={[required]}
|
||||
label={props.label}
|
||||
errorMsg="Is required"
|
||||
ticketnumber="CAS-00764-L0Q9W2"
|
||||
/>
|
||||
</div>
|
||||
<div className="govuk-form-group">
|
||||
@@ -306,6 +380,69 @@ const mapStateToProps = (state) => {
|
||||
watchedCases: state.watchedCases,
|
||||
myRepresentations: state.myRepresentations,
|
||||
awaitingSubmission: state.awaitingSubmission,
|
||||
formContent: {
|
||||
"pinswg_caserecovered": "No",
|
||||
"pinswg_siteaddresspostcode": "Site Address Postcode",
|
||||
"pinswg_inspectorneededonsite": "Yes",
|
||||
"pinswg_sitewithingreenbelt": "No",
|
||||
"pinswg_siteaddressline2": "Site Address Line 2",
|
||||
"pinswg_siteaddressline1": "Site Address Line 1",
|
||||
"pinswg_s106unilateralsubmitted": "No",
|
||||
"modifiedon": "2022-06-28T13:11:34Z",
|
||||
"pinswg_developmentaffectsettingofalisted": "No",
|
||||
"pinswg_planningappeals78id":
|
||||
"57b533aa-43f1-ec11-aade-00224800be9c",
|
||||
"pinswg_name": "CAS-00764-L0Q9W2",
|
||||
"pinswg_whyisinspectorneededonsite": "to be nosey",
|
||||
"pinswg_sitewithinsssi": "No",
|
||||
"pinswg_healthandsafetyissuesonsite": "No",
|
||||
"pinswg_developmentdescriptionchanged": "Yes",
|
||||
"_stageid_value": "126e9c46-d51c-4623-aabf-aa30b34bfa54",
|
||||
"traversedpath": "126e9c46-d51c-4623-aabf-aa30b34bfa54",
|
||||
"createdon": "2022-06-21T09:22:29Z",
|
||||
"timezoneruleversionnumber": 0,
|
||||
"processid": "e4f065a6-157e-42f9-963a-9292d5041509",
|
||||
"pinswg_priornotificationpriorapproval": "No",
|
||||
"pinswg_predeterminedindicator": "No",
|
||||
"pinswg_protectedspecies": "No",
|
||||
"versionnumber": 912609,
|
||||
"pinswg_siteaddresscounty": "Site Address County",
|
||||
"pinswg_procedure": 846040000,
|
||||
"pinswg_dateoflpadecision": "2022-06-22T23:00:00Z",
|
||||
"pinswg_eiarequired": "No",
|
||||
"pinswg_costappliedforindicator": "No",
|
||||
"pinswg_areaofsiteinhectaresdec": 22,
|
||||
"pinswg_detailedeiascreeningrequired": "No",
|
||||
"pinswg_casepublishflag": "No",
|
||||
"pinswg_siteaddresstown": "Site Address Town",
|
||||
"utcconversiontimezonecode": 85,
|
||||
"pinswg_caseworkreason": 846040005,
|
||||
"pinswg_ownershipcertificate": 846040002,
|
||||
"pinswg_lpadecisiononapplicationmade": "Yes",
|
||||
"pinswg_floorspaceinsquaremeters": 111,
|
||||
"_modifiedby_value": "149b3e11-5206-ec11-aac8-00224800be9c",
|
||||
"pinswg_dateofapplication": "2022-06-20T23:00:00Z",
|
||||
"pinswg_incarelatestoca": "No",
|
||||
"_createdby_value": "149b3e11-5206-ec11-aac8-00224800be9c",
|
||||
"pinswg_additionalappealsmade": "No",
|
||||
"statuscode": 1,
|
||||
"pinswg_siteviewablefromroad": "Yes",
|
||||
"_pinswg_localplanningauthority_value":
|
||||
"744c69f4-48da-eb11-aac5-00224800be9c",
|
||||
"pinswg_lpaapplicationreference": "11111weweqweqwe",
|
||||
"pinswg_recovered": "No",
|
||||
"statecode": 0,
|
||||
"pinswg_isfloodingandissue": "No",
|
||||
"pinswg_isthesitewithinanaonb": "No",
|
||||
"_organizationid_value": "01191a4d-105f-eb11-aaba-00224800be9c",
|
||||
"pinswg_developmentdescription": "something to go here",
|
||||
"pinswg_agriculturalholding": 846040000,
|
||||
"_pinswg_planningappeals78ids_value":
|
||||
"50b533aa-43f1-ec11-aade-00224800be9c",
|
||||
},
|
||||
initialValues: {
|
||||
caseReference: "CAS-00764-L0Q9W2",
|
||||
},
|
||||
};
|
||||
};
|
||||
|
||||
@@ -320,5 +457,6 @@ export default connect(
|
||||
reduxForm({
|
||||
form: "uploadFileForm",
|
||||
destroyOnUnmount: false,
|
||||
enableReinitialize: true, // this is needed!!
|
||||
})(UploadFile)
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user