Added select box component to support multi-select fields

Signed-off-by: Natalia Luzuriaga <natalia.luzuriaga@cms.hhs.gov>

Author: natalialuzuriaga

js/formDataToJson.js

@@ -16,20 +16,41 @@ async function retrieveFile(filePath) {
 
 // Populates blank code.json object with values from form
 function populateObject(data, blankObject) {
-	for (let key in data) {
-		console.log("current key", key);
-		console.log("check if value exists", data.hasOwnProperty(key));
+
+	for (const key in data) {
 		if (blankObject.hasOwnProperty(key)) {
-			if (typeof data[key] === "object" && data[key] !== null) {
-				// If object, recursively populate
-				// TODO: test out for permissions and description objects
-				populateObject(data[key], blankObject[key]);
-			} else {
-				// Add value
+			console.log(`${key}: ${data[key]}`);
+
+			if(typeof data[key] === "object" && isMultiSelect(data[key])) {
+				blankObject[key] = getSelectedOptions(data[key]);
+			}
+			else {
 				blankObject[key] = data[key];
 			}
+			
+		}
+	}
+}
+
+function isMultiSelect(obj) {
+	  for (const key in obj) {
+		if (typeof obj[key] !== 'boolean') {
+		  return false;
+		}
+	  }
+	  return true; // Return true if all values are booleans
+}
+
+// Convert from dictionary to array
+function getSelectedOptions(options) {
+	let selectedOptions = [];
+
+	for (let key in options) {
+		if(options[key]) {
+			selectedOptions.push(key);
 		}
 	}
+	return selectedOptions;
 }
 
 async function populateCodeJson(data) {

js/generateFormComponents.js

@@ -81,6 +81,20 @@ function createComponent(fieldName, fieldObject) {
 				type: "radio",
 				input: true,
 			};
+		case "selectboxes":
+			var options = transformArrayToOptions(fieldObject.items.enum);
+			console.log("checking options here:", options);
+			return {
+				label: fieldName,
+				optionsLabelPosition: "right",
+				tableView: false,
+				values: options,
+				validateWhenHidden: false,
+				key: fieldName,
+				type: "selectboxes",
+				input: true,
+				inputType: "checkbox"
+			};
 		default:
 			break;
 	}

schemas/schema.json

@@ -38,6 +38,14 @@
 		"laborHours": {
 			"type": "number",
 			"description": "Labor hours invested in the project"
+		},
+		"platforms": {
+			"type": "array",
+			"description": "Platforms supported by the project",
+			"items": {
+				"type": "string",
+				"enum": ["web", "windows", "mac", "linux", "ios", "android", "other"]
+			}
 		}
 	}
 }

schemas/template-code.json

@@ -4,5 +4,6 @@
 	"status": "",
 	"organization": "",
 	"vcs": "",
-	"laborHours": 0
+	"laborHours": 0,
+	"platforms": [ "" ]
 }