robbond/pedwfrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updating form to show case ref

Browse Source
This commit is contained in:
robert.bond@test.gov.wales
2021-09-14 07:58:27 +01:00
parent 84f75c9db8
commit 1208848d82
3 changed files with 68 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/elements/index.js
+36 -18
View File
@@ -44,21 +44,39 @@ const RenderTextfield = ({
};
export function Textfield(props) {
const { name, label, validate } = props;
const { name, label, validate, ticketnumber } = props;
const required = (value) => (value ? undefined : "Required");
return (
<Field
name={props.name}
id={props.name}
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-20"
//validate={[required]}
label={props.label}
errorMsg="Is required"
/>
);
if (name == "pinswg_name") {
return (
<div className="govuk-form-group">
<label className="govuk-label " htmlFor={props.name}>
{label}
</label>
<input
type="text"
name={name}
id={props.name}
component={RenderCaseID}
value={ticketnumber}
className="govuk-input govuk-input--width-20"
disabled
/>
</div>
);
} else {
return (
<Field
name={props.name}
id={props.name}
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-20"
//validate={[required]}
label={props.label}
errorMsg="Is required"
/>
);
}
}
const RenderMultiline = ({
@@ -349,7 +367,7 @@ export function YesNofield(props) {
id={props.name}
className="govuk-radios__input"
//validate={[required]}
errorMsg="Select and option"
errorMsg="Select an option"
component={RenderYesNo}
/>
);
@@ -414,7 +432,7 @@ export function NumericField(props) {
</label>
<Field
name={props.name}
id={props.name}
id={"int_" + props.name}
component="input"
type="text"
className="govuk-input govuk-input--width-20"
@@ -437,10 +455,10 @@ export function DecimalField(props) {
</label>
<Field
name={props.name}
id={props.name}
id={"dec_" + props.name}
component="input"
type="text"
className="govuk-input govuk-input--width-10"
className="govuk-input govuk-input--width-10"
spellCheck="false"
//aria-describedby="account-number-hint"
pattern="[0-9]*"
components/newappeal/buildfield.js
+15 -2
View File
@@ -36,6 +36,11 @@ export default function BuildField(props) {
props.props.props.appealType.caseReference
.ticketnumber
}
props={props}
ticketnumber={
props.props.props.appealType.caseReference
.ticketnumber
}
/>
);
break;
@@ -57,9 +62,17 @@ export default function BuildField(props) {
/>
);
break;
case "{ 4273EDBD-AC1D-40d3-9FB2-095C621B552D}":
case "{4273EDBD-AC1D-40d3-9FB2-095C621B552D}":
return (
<Textfield name={props.datafieldname} label={props.label} />
<Textfield
name={props.datafieldname}
label={props.label}
props={props}
ticketnumber={
props.props.props.appealType.caseReference
.ticketnumber
}
/>
);
break;
case "{5B773807-9FB2-42db-97C3-7A91EFF8ADFF}":
components/newappeal/complete.js
+17 -6
View File
@@ -11,12 +11,22 @@ import { updateCase } from "../../actions";
let CompleteAppeal = (props) => {
// un comment to update incident with an appealtype id
// useEffect(() => {
// updateCase(
// props.appealType.caseReference.incidentid,
// props.appealType.appealTypeID
// );
// }, []);
useEffect(() => {
// updateCase(
// props.appealType.caseReference.incidentid,
// props.appealType.appealTypeID,
// props.form.appealform.values,
// pinswg_appealcasetype@OData.Community.Display.V1.Formatted
// );
console.log(props.appealType.caseReference.incidentid);
console.log(props.appealType.appealTypeID);
console.log(props.form);
console.log(
props.appealType.caseReference[
"pinswg_appealcasetype@OData.Community.Display.V1.Formatted"
]
);
}, []);
let { t } = useTranslation();
@@ -57,6 +67,7 @@ let CompleteAppeal = (props) => {
setCurrentSection(currentSection + 1);
};
console.log(JSON.stringify(props.props.form.appealForm.values, null, 2));
alert(JSON.stringify(props.props.form.appealForm.values, null, 2));
return (