refactoring multiselect drop down field

ManageIQ · Nov 16, 2023 · 981b45c · 981b45c
1 parent e23acbf
commit 981b45c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/app/javascript/components/service-dialog/viewFields.schema.js b/app/javascript/components/service-dialog/viewFields.schema.js
@@ -152,17 +152,27 @@ export const buildRefreshButton = (field, tabIndex) => ({
   },
 });
 
+const convertStringToArray = (inputString) => {
+  const regex = /\\x([0-9A-Fa-f]+)/g;
+  const replacedString = inputString.replace(regex, (match, capture) => String.fromCharCode(parseInt(capture, 16)));
+  return replacedString.split('\x1F');
+};
+
 const buildOptions = (field, initialValues) => {
+  const placeholder = __('<Choose>');
+
   let options = [
     { label: 'Options1', value: 1 },
     { label: 'Options2', value: 2 },
   ];
   const fieldName = appendKeyName(field.name);
-  const selectedOptions = initialValues && initialValues[fieldName];
+  const selectedOptions = (initialValues && field.options.force_multi_value)
+    ? initialValues[`Array::${fieldName}`]
+    : initialValues[fieldName];
   if (selectedOptions) {
-    options = [{ label: selectedOptions.toString(), value: selectedOptions }];
+    options = convertStringToArray(selectedOptions)
+      .map((item) => ({ label: item.toString(), value: item }));
   }
-  const placeholder = __('<Choose>');
   return { options, placeholder, fieldName };
 };
 
@@ -182,7 +192,7 @@ export const buildDropDownList = (field, initialValues) => {
     labelText: field.label,
     hideField: !field.visible,
     isRequired: field.required,
-    isDisabled: true,
+    isDisabled: false,
     initialValue: field.default_value,
     description: field.description,
     options,

diff --git a/app/views/miq_request/_st_prov_show.html.haml b/app/views/miq_request/_st_prov_show.html.haml
@@ -10,6 +10,7 @@
         = _("Dialog Options")
       .row
         .col-md-12.col-lg-12
+          = @miq_request.id
           - request_options =  @miq_request.options
           = react('ServiceDialog', {:recordId      => request_options[:workflow_settings][:dialog_id],
                                     :initialValues => request_options[:dialog]})