647 lines
22 KiB
JavaScript
647 lines
22 KiB
JavaScript
import { JSONPath as jsonpath } from "jsonpath-plus";
|
|
import { v4 as uuidv4 } from "uuid";
|
|
import {
|
|
getBasicPartSavedDetails,
|
|
getBasicSearchDetails,
|
|
getBasicSearchDetailsPaged,
|
|
getPortalModuleDetailsProxy,
|
|
getPortalModuleDetails,
|
|
} from "../../actions";
|
|
import data from "../../data/collections.json";
|
|
|
|
import xpath from "xpath";
|
|
|
|
/*
|
|
* Get the lookup collection by the appeal type entity
|
|
* @param String formtype - string from appeal entity name
|
|
*/
|
|
export const getFormCollection = (formtype) => {
|
|
const collectionName = jsonpath(
|
|
"$..[?(@.LogicalName=='" + formtype + "')]",
|
|
data
|
|
);
|
|
return collectionName[0];
|
|
};
|
|
|
|
export const getFormCollectionByID = (appealTypeID) => {
|
|
const collectionName = jsonpath(
|
|
"$..[?(@.appealTypeID =='" + appealTypeID + "')]",
|
|
data
|
|
);
|
|
return collectionName[0];
|
|
};
|
|
|
|
export const getFormIDByLogicalName = (appealTypeLogicalName) => {
|
|
const collectionName = jsonpath(
|
|
"$..[?(@.LogicalName =='" + appealTypeLogicalName + "')]",
|
|
data
|
|
);
|
|
return collectionName[0];
|
|
};
|
|
|
|
export const getPickListLabel = (data, picklistType, picklistID) => {
|
|
const pickListData = jsonpath(
|
|
"$..[?(@.LogicalName=='" + picklistType + "')]",
|
|
data
|
|
);
|
|
|
|
const pickListLabel = jsonpath(
|
|
"$..[?(@.Value=='" + picklistID + "')].Label.LocalizedLabels..Label",
|
|
pickListData
|
|
);
|
|
return pickListLabel[0];
|
|
};
|
|
|
|
export const getRadioLabel = (data, radiotListName, radioListID) => {
|
|
const radioListData = jsonpath(
|
|
"$..[?(@.LogicalName=='" + radiotListName + "')]",
|
|
data
|
|
);
|
|
|
|
const pickListLabel = jsonpath(
|
|
"$..[?(@.Value=='" + radioListID + "')].Label.LocalizedLabels..Label",
|
|
radioListData
|
|
);
|
|
return pickListLabel[0];
|
|
};
|
|
|
|
/*
|
|
* Get the details of a case from the appeal type
|
|
* @param object searchResultsObj
|
|
*/
|
|
export const getSearchDetails = async (searchResultsObj) => {
|
|
let detailsArr = [];
|
|
|
|
searchResultsObj = searchResultsObj.value;
|
|
const detailsObj = searchResultsObj.map((searchDetail, index) => {
|
|
let formMeta = getFormCollectionByID(
|
|
searchDetail.pinswg_appealcasetype
|
|
);
|
|
// console.log(
|
|
// "------------------- Details: ",
|
|
// formMeta.LogicalCollectionName,
|
|
// searchDetail.title,
|
|
// formMeta.PrimaryIdAttribute,
|
|
// searchDetail.incidentid,
|
|
// searchDetail.pinswg_appealcasetype
|
|
// );
|
|
|
|
if (searchDetail.pinswg_appealcasetype == null) {
|
|
detailsArr.push(
|
|
getBasicSearchDetails(
|
|
"pinswg_dnses",
|
|
searchDetail.title,
|
|
"pinswg_dnsid",
|
|
searchDetail.incidentid
|
|
) || {
|
|
"@odata.count": 1,
|
|
"value": [{ "title": searchDetail.title }],
|
|
}
|
|
);
|
|
} else {
|
|
detailsArr.push(
|
|
getBasicSearchDetails(
|
|
formMeta.LogicalCollectionName,
|
|
searchDetail.title,
|
|
formMeta.PrimaryIdAttribute,
|
|
searchDetail.incidentid
|
|
) || {
|
|
"@odata.count": 1,
|
|
"value": [{ "title": searchDetail.title }],
|
|
}
|
|
);
|
|
}
|
|
});
|
|
// Promise.all(detailsArr).then((data) => {
|
|
// console.log(data);
|
|
// console.log(detailsArr);
|
|
// return data;
|
|
// });
|
|
return Promise.all(detailsArr);
|
|
};
|
|
|
|
/*
|
|
* Get the partially saved details of a case from the appeal type
|
|
* @param object searchResultsObj
|
|
*/
|
|
export const getPartSavedDetails = (searchResultsObj) => {
|
|
let detailsArr = [];
|
|
searchResultsObj = searchResultsObj.value;
|
|
const detailsObj = searchResultsObj.map((searchDetail, index) => {
|
|
if (searchDetail.pinswg_appealcasetype == null) {
|
|
console.log(searchDetail.title);
|
|
} else {
|
|
let formMeta = getFormCollectionByID(
|
|
searchDetail.pinswg_appealcasetype
|
|
);
|
|
console.log(formMeta);
|
|
detailsArr.push(
|
|
getBasicPartSavedDetails(
|
|
formMeta.LogicalCollectionName,
|
|
searchDetail.title,
|
|
formMeta.PrimaryIdAttribute,
|
|
searchDetail.incidentid
|
|
)
|
|
);
|
|
}
|
|
});
|
|
return Promise.all(detailsArr);
|
|
};
|
|
|
|
/*
|
|
* Get the details of a case from the appeal type
|
|
* @param object searchResultsObj
|
|
*/
|
|
export const getSearchDetailsPaged = (searchResultsObj) => {
|
|
let detailsArr = [];
|
|
searchResultsObj = searchResultsObj.value;
|
|
const detailsObj = searchResultsObj.map((searchDetail, index) => {
|
|
if (searchDetail.pinswg_appealcasetype == null) {
|
|
console.log(searchDetail.title);
|
|
} else {
|
|
let formMeta = getFormCollectionByID(
|
|
searchDetail.pinswg_appealcasetype
|
|
);
|
|
|
|
detailsArr.push(
|
|
getBasicSearchDetailsPaged(
|
|
formMeta.LogicalCollectionName,
|
|
searchDetail.title,
|
|
formMeta.PrimaryIdAttribute,
|
|
searchDetail.incidentid
|
|
)
|
|
);
|
|
}
|
|
});
|
|
return Promise.all(detailsArr);
|
|
};
|
|
|
|
// export const absoluteUrl = (req, setLocalhost) => {
|
|
// var protocol = "https:";
|
|
// var host = req
|
|
// ? req.headers["x-forwarded-host"] || req.headers["host"]
|
|
// : window.location.host;
|
|
|
|
// if (host.indexOf("localhost") > -1) {
|
|
// if (setLocalhost) host = setLocalhost;
|
|
// protocol = "http:";
|
|
// }
|
|
|
|
// return {
|
|
// protocol: protocol,
|
|
// host: host,
|
|
// origin: protocol + "//" + host,
|
|
// };
|
|
// };
|
|
|
|
export const getProgressObj = (
|
|
formObjXML,
|
|
titleList,
|
|
mandatoryFieldsData,
|
|
props
|
|
) => {
|
|
const parser = new DOMParser();
|
|
const BuildFormObj = (formObjXML) => {
|
|
var doc = parser.parseFromString(formObjXML, "text/xml");
|
|
|
|
var tabs = xpath.select("//form/tabs/tab[*]", doc);
|
|
|
|
const formObj = Object.keys(tabs).map((key, index) => {
|
|
var sectionXML = xpath.select(
|
|
"//tabs/tab[" +
|
|
(index + 1) +
|
|
"]//rows/row/control[not(@parentField)]/..",
|
|
doc
|
|
);
|
|
|
|
return BuildRowObj(sectionXML, titleList[key].value);
|
|
});
|
|
|
|
const progressObj = Object.keys(formObj).map((key, index) => {
|
|
let fieldObj = formObj[key].fieldsrowObj;
|
|
|
|
let rowCount = 0;
|
|
|
|
!props.dirty &&
|
|
typeof props.initialValues != "undefined" &&
|
|
Object.keys(fieldObj).map((key, index) => {
|
|
fieldObj[key].datafieldname in props.initialValues &&
|
|
props.initialValues[fieldObj[key].datafieldname] !=
|
|
null &&
|
|
rowCount++;
|
|
});
|
|
props.dirty &&
|
|
Object.keys(fieldObj).map((key, index) => {
|
|
fieldObj[key].datafieldname in
|
|
props.props.form["appealForm"].values &&
|
|
props.props.form["appealForm"].values[
|
|
fieldObj[key].datafieldname
|
|
] != null &&
|
|
rowCount++;
|
|
});
|
|
|
|
return {
|
|
"title": titleList[key].value,
|
|
rowCount,
|
|
"totalFields": formObj[key].fieldsTotal,
|
|
"allFieldsComplete":
|
|
titleList[key].value == "Upload documents"
|
|
? (_.has(props.props.appealType.fileList, "value") &&
|
|
props.props.appealType.fileList.value.length >
|
|
0) ||
|
|
(_.has(props.props.form.appealForm, "values") &&
|
|
Object.keys(
|
|
props.props.form.appealForm.values
|
|
).filter((k) => k.startsWith("pinswg_fileUpload"))
|
|
.length > 0)
|
|
: rowCount == formObj[key].fieldsTotal,
|
|
};
|
|
});
|
|
|
|
return progressObj;
|
|
};
|
|
|
|
const BuildRowObj = (rowXML, titleList) => {
|
|
let rowObj = Object.keys(rowXML).map((key, index) => {
|
|
var doc = parser.parseFromString(rowXML[key].outerHTML, "text/xml");
|
|
if (_.isEmpty(rowXML[key].innerHTML)) {
|
|
("");
|
|
} else {
|
|
var rows = xpath.select("//label/@description", doc);
|
|
var fieldtype = xpath.select("//@classid", doc);
|
|
var validation = xpath.select("//@validation", doc);
|
|
var datafieldname = xpath.select("//@datafieldname", doc);
|
|
var datafieldcontent = xpath.select("//@datafieldcontent", doc);
|
|
var parentField = xpath.select("//@parentField", doc);
|
|
|
|
var parentFieldShowOnValue = xpath.select(
|
|
"//@parentFieldShowOnValue",
|
|
doc
|
|
);
|
|
|
|
var requiredDocumentValue = xpath.select(
|
|
"//@requiredDocumentValue",
|
|
doc
|
|
);
|
|
|
|
var requiredDocumentLabel = xpath.select(
|
|
"//@requiredDocumentLabel",
|
|
doc
|
|
);
|
|
|
|
var hint = xpath.select("//label/@hint", doc);
|
|
var dateStart = xpath.select("//@dateStart", doc);
|
|
var dateEnd = xpath.select("//@dateEnd", doc);
|
|
|
|
hint = !_.isEmpty(hint) && hint[0].value;
|
|
|
|
validation = !_.isEmpty(validation) ? validation[0].value : [];
|
|
|
|
parentField = !_.isEmpty(parentField) && parentField[0].value;
|
|
|
|
parentFieldShowOnValue =
|
|
!_.isEmpty(parentFieldShowOnValue) &&
|
|
parentFieldShowOnValue[0].value;
|
|
|
|
datafieldcontent =
|
|
!_.isEmpty(datafieldcontent) && datafieldcontent[0].value;
|
|
|
|
requiredDocumentValue =
|
|
!_.isEmpty(requiredDocumentValue) &&
|
|
requiredDocumentValue[0].value;
|
|
|
|
requiredDocumentLabel =
|
|
!_.isEmpty(requiredDocumentLabel) &&
|
|
requiredDocumentLabel[0].value;
|
|
|
|
dateStart = !_.isEmpty(dateStart) && dateStart[0].value;
|
|
|
|
dateEnd = !_.isEmpty(dateEnd) && dateEnd[0].value;
|
|
|
|
const isRequiredField = jsonpath(
|
|
"$..value[?(@.LogicalName=='" +
|
|
datafieldname[0].value +
|
|
"')]",
|
|
mandatoryFieldsData
|
|
);
|
|
|
|
if (datafieldname[0].value.includes("pinswg_fileUpload")) {
|
|
if (typeof isRequiredField[0] != "undefined") {
|
|
if (isRequiredField[0].RequiredLevel.Value != "None") {
|
|
//console.log(datafieldname[0].value, validation);
|
|
return {
|
|
"fieldType": fieldtype[0].value,
|
|
"label": rows[0].value,
|
|
"datafieldname": datafieldname[0].value,
|
|
"datafieldcontent": datafieldcontent,
|
|
"validation": validation,
|
|
};
|
|
}
|
|
} else {
|
|
return {
|
|
"fieldType": fieldtype[0].value,
|
|
"label": rows[0].value,
|
|
"datafieldname": datafieldname[0].value,
|
|
"key": key,
|
|
"picklistData": props.props.formData.pickListData,
|
|
"mandatoryFieldsData": mandatoryFieldsData,
|
|
};
|
|
}
|
|
} else {
|
|
if (typeof isRequiredField[0] != "undefined") {
|
|
if (isRequiredField[0].RequiredLevel.Value != "None") {
|
|
//console.log(datafieldname[0].value, validation);
|
|
return {
|
|
"fieldType": fieldtype[0].value,
|
|
"label": rows[0].value,
|
|
"datafieldname": datafieldname[0].value,
|
|
"datafieldcontent": datafieldcontent,
|
|
"validation": validation,
|
|
};
|
|
} else {
|
|
return null;
|
|
}
|
|
} else {
|
|
return null;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
rowObj = rowObj.filter(function (el) {
|
|
return el != null;
|
|
});
|
|
|
|
rowObj = rowObj.filter(function (el) {
|
|
return typeof el.validation != "undefined";
|
|
});
|
|
|
|
rowObj = rowObj.filter(function (el) {
|
|
return el.validation.indexOf("required") > -1;
|
|
});
|
|
|
|
const filterUnwanted = (rowObj) => {
|
|
const required = rowObj.filter((el) => {
|
|
return !_.isEmpty(el.validation);
|
|
});
|
|
return required;
|
|
};
|
|
|
|
return {
|
|
"title": titleList,
|
|
"validationFieldsTotal": filterUnwanted(rowObj).length,
|
|
"fieldsTotal": rowObj.length,
|
|
"fieldsrowObj": rowObj,
|
|
};
|
|
};
|
|
|
|
const progObj = BuildFormObj(formObjXML);
|
|
//console.log(progObj);
|
|
return progObj;
|
|
};
|
|
|
|
export const getTempCaseRef = () => {
|
|
function randomString(length) {
|
|
return Math.random().toString(36).substr(2, length);
|
|
}
|
|
|
|
const randomGUID = uuidv4();
|
|
|
|
return "TMP-" + randomString(5).toUpperCase();
|
|
};
|
|
|
|
export const getThumbnailIconByExtension = (blobName) => {
|
|
let fileType = blobName.slice(blobName.lastIndexOf(".") + 1);
|
|
|
|
switch (fileType) {
|
|
case "html":
|
|
return "/assets/images/documenttypes/html.png";
|
|
break;
|
|
case "txt":
|
|
return "/assets/images/documenttypes/txt.png";
|
|
break;
|
|
case "doc":
|
|
return "/assets/images/documenttypes/doc.png";
|
|
break;
|
|
case "pdf":
|
|
return "/assets/images/documenttypes/pdf.png";
|
|
break;
|
|
case "docx":
|
|
return "/assets/images/documenttypes/docx.png";
|
|
break;
|
|
case "csv":
|
|
return "/assets/images/documenttypes/csv.png";
|
|
break;
|
|
case "xlsx":
|
|
return "/assets/images/documenttypes/xlsx.png";
|
|
break;
|
|
|
|
case "zip":
|
|
return "/assets/images/documenttypes/zip.png";
|
|
break;
|
|
case "jpeg":
|
|
case "jpg":
|
|
return "/assets/images/documenttypes/jpg.png";
|
|
case "png":
|
|
return "/assets/images/documenttypes/png.png";
|
|
case "tiff":
|
|
case "tif":
|
|
return "/assets/images/documenttypes/tif.png";
|
|
break;
|
|
default:
|
|
return "/assets/images/documenttypes/default.png";
|
|
break;
|
|
}
|
|
};
|
|
|
|
export const bytesToSize = (bytes) => {
|
|
var sizes = ["Bytes", "KB", "MB", "GB", "TB"];
|
|
if (bytes == 0) return "0 Byte";
|
|
var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
|
|
return Math.round(bytes / Math.pow(1024, i), 2) + " " + sizes[i];
|
|
};
|
|
|
|
export const formatDates = (dateObj, showTime) => {
|
|
var dateObj = new Date(dateObj);
|
|
var dd = String(dateObj.getDate()).padStart(2, "0");
|
|
var mm = String(dateObj.getMonth() + 1).padStart(2, "0"); //January is 0!
|
|
var yyyy = dateObj.getFullYear();
|
|
var hh = dateObj.getHours();
|
|
hh = ("0" + hh).slice(-2);
|
|
var mins = dateObj.getMinutes();
|
|
mins = ("0" + mins).slice(-2);
|
|
|
|
const dateStr = showTime
|
|
? hh == 0 && mins == 0
|
|
? ""
|
|
: hh + ":" + mins
|
|
: dd + "/" + mm + "/" + yyyy + " ";
|
|
return dateStr;
|
|
};
|
|
|
|
export const getDetailsProxy = (resultsObj, detailsType) => {
|
|
let detailsArr = [];
|
|
resultsObj = resultsObj.value;
|
|
const detailsObj = resultsObj.map((searchDetail, index) => {
|
|
if (searchDetail.pinswg_appealcasetype == null) {
|
|
console.log(
|
|
detailsType != "myWatchedCases"
|
|
? searchDetail.ticketnumber
|
|
: searchDetail[
|
|
"_pinswg_watchedcase_value@OData.Community.Display.V1.FormattedValue"
|
|
]
|
|
);
|
|
} else {
|
|
detailsArr.push(
|
|
getPortalModuleDetailsProxy(
|
|
getFormCollectionByID(searchDetail.pinswg_appealcasetype)
|
|
.LogicalCollectionName,
|
|
detailsType != "myWatchedCases"
|
|
? searchDetail.ticketnumber
|
|
: searchDetail[
|
|
"_pinswg_watchedcase_value@OData.Community.Display.V1.FormattedValue"
|
|
]
|
|
)
|
|
);
|
|
}
|
|
});
|
|
return Promise.all(detailsArr);
|
|
};
|
|
|
|
export const getDocumentTypeFromFilename = (filename) => {
|
|
var doctypeCode = "000000";
|
|
|
|
if (typeof filename != "undefined") {
|
|
if (filename.indexOf("_-_Statement_of_Case") > 0)
|
|
doctypeCode = "000000";
|
|
else if (filename.indexOf("_-_Application_Form") > 0)
|
|
doctypeCode = "000001";
|
|
else if (filename.indexOf("_-_Site_Ownership_Certificate") > 0)
|
|
doctypeCode = "000002";
|
|
else if (filename.indexOf("_-_Decision_Notice") > 0)
|
|
doctypeCode = "000003";
|
|
else if (filename.indexOf("_-_Site_Location_Plan") > 0)
|
|
doctypeCode = "000004";
|
|
else if (filename.indexOf("_-_Plans_Drawing_Documents") > 0)
|
|
doctypeCode = "000005";
|
|
else if (filename.indexOf("_-_Additional_Plans_Drawings_Documents") > 0)
|
|
doctypeCode = "000006";
|
|
else if (filename.indexOf("_-_Design_and_Access_Statement") > 0)
|
|
doctypeCode = "000007";
|
|
else if (filename.indexOf("_-_NSB_LPA_Additional_Documents") > 0)
|
|
doctypeCode = "000008";
|
|
else if (filename.indexOf("_-_LPA_Correspondence") > 0)
|
|
doctypeCode = "000009";
|
|
else if (filename.indexOf("_-_LPA_Original_Permission") > 0)
|
|
doctypeCode = "000010";
|
|
else if (filename.indexOf("_-_LPA's_Registration_Letter") > 0)
|
|
doctypeCode = "000011";
|
|
else if (filename.indexOf("_-_Environmental_Statement") > 0)
|
|
doctypeCode = "000012";
|
|
else if (filename.indexOf("_-_Cost_of_Application") > 0)
|
|
doctypeCode = "000013";
|
|
else if (filename.indexOf("_-_Other_Relevant_Material") > 0)
|
|
doctypeCode = "000014";
|
|
else if (
|
|
filename.indexOf("_-_S106_Agreement_or_Unilateral_Undertaking") > 0
|
|
)
|
|
doctypeCode = "000015";
|
|
}
|
|
|
|
return doctypeCode;
|
|
};
|
|
|
|
export const updateLinks = (jsonObj) => {
|
|
const parser = new DOMParser();
|
|
|
|
// Function to process the HTML string and replace URLs with <a> tags
|
|
const processHtmlString = (htmlString) => {
|
|
const doc = parser.parseFromString(htmlString, "text/html");
|
|
|
|
// Find all text nodes in the document
|
|
const walk = (node) => {
|
|
if (node.nodeType === Node.TEXT_NODE) {
|
|
const urlRegex =
|
|
/(?:https?:\/\/)?(?:www\.)?([a-zA-Z0-9.-]+\.[a-zA-Z]{2,})(\/[^\s]*)?/g;
|
|
let match;
|
|
let currentText = node.textContent;
|
|
let lastIndex = 0;
|
|
let newNodeContent = [];
|
|
|
|
// Process all URLs found in the current text node
|
|
while ((match = urlRegex.exec(currentText)) !== null) {
|
|
// Before the URL
|
|
if (match.index > lastIndex) {
|
|
newNodeContent.push(
|
|
currentText.slice(lastIndex, match.index)
|
|
);
|
|
}
|
|
|
|
// Construct the full URL (default to https://)
|
|
let fullUrl = match[0];
|
|
if (
|
|
!fullUrl.startsWith("http://") &&
|
|
!fullUrl.startsWith("https://")
|
|
) {
|
|
fullUrl = `https://${match[1]}${match[2] || ""}`; // Default to https
|
|
}
|
|
|
|
// Create the anchor element
|
|
const anchor = document.createElement("a");
|
|
anchor.href = fullUrl;
|
|
anchor.textContent = match[0];
|
|
anchor.target = "_blank";
|
|
anchor.setAttribute("rel", "noopener noreferrer");
|
|
|
|
// Add the anchor tag to the node content
|
|
newNodeContent.push(anchor);
|
|
|
|
// Update the last index processed
|
|
lastIndex = urlRegex.lastIndex;
|
|
}
|
|
|
|
// Add the remaining text after the last URL
|
|
if (lastIndex < currentText.length) {
|
|
newNodeContent.push(currentText.slice(lastIndex));
|
|
}
|
|
|
|
// If there were any replacements, update the text node
|
|
if (newNodeContent.length > 0) {
|
|
const fragment = document.createDocumentFragment();
|
|
newNodeContent.forEach((item) => {
|
|
if (typeof item === "string") {
|
|
fragment.appendChild(document.createTextNode(item));
|
|
} else {
|
|
fragment.appendChild(item);
|
|
}
|
|
});
|
|
node.parentNode.replaceChild(fragment, node);
|
|
}
|
|
}
|
|
|
|
// Traverse child nodes
|
|
for (let i = 0; i < node.childNodes.length; i++) {
|
|
walk(node.childNodes[i]);
|
|
}
|
|
};
|
|
|
|
walk(doc.body);
|
|
|
|
return doc.body.innerHTML;
|
|
};
|
|
|
|
// Iterate over the JSON object and process values that are strings (HTML content)
|
|
for (const key in jsonObj) {
|
|
if (jsonObj.hasOwnProperty(key)) {
|
|
const value = jsonObj[key];
|
|
|
|
// If the value is a string and contains HTML, process it
|
|
if (typeof value === "string" && /<[^>]*>/g.test(value)) {
|
|
jsonObj[key] = processHtmlString(value);
|
|
}
|
|
}
|
|
}
|
|
|
|
return jsonObj;
|
|
};
|