Device Edit Rebuild + New Dummy Device

front/settings.php

@@ -464,151 +464,10 @@ $settingsJSON_DB = json_encode($settings, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX
           } 
           
           // INPUT
+          inputFormHtml = generateFormHtml(set, valIn);
 
-          // Parse the setType JSON string into an object
-          let inputHtml = '';
-
-          console.log(setKey);
-          console.log(setType);
-          
-          const setTypeObject = JSON.parse(setType.replace(/'/g, '"'));
-
-          const dataType = setTypeObject.dataType;
-          const elements = setTypeObject.elements || [];
-
-          // Iterate through each element in elements array
-          elements.forEach(elementObj => {
-            const { elementType, elementOptions = [], transformers = [] } = elementObj;
-            const { 
-              inputType,
-              readOnly,
-              isMultiSelect,
-              isOrdeable,
-              cssClasses,
-              placeholder,
-              suffix,
-              sourceIds,
-              separator,
-              editable,
-              valRes,
-              getStringKey,
-              onClick,
-              onChange,
-              customParams,
-              customId
-            } = handleElementOptions(setKey, elementOptions, transformers, valIn);
-
-            // override
-            val = valRes;
-
-            // Generate HTML based on dataType and elementType
-            switch (elementType) {
-              case 'select':
-                let multi = isMultiSelect ? "multiple" : "";
-                let addCss = isOrdeable ? "select2 select2-hidden-accessible" : "";
-
-
-                inputHtml += `<select onChange="settingsChanged();${onChange}" 
-                                      my-data-type="${dataType}" 
-                                      my-editable="${editable}" 
-                                      class="form-control ${addCss}" 
-                                      name="${setKey}" 
-                                      id="${setKey}" 
-                                      my-customparams="${customParams}" 
-                                      my-customid="${customId}" 
-                                      ${multi}>
-                                <option value="" id="${setKey + "_temp_"}"></option>
-                              </select>`;
-
-                generateOptionsOrSetOptions(setKey, createArray(val), `${setKey}_temp_`, generateOptions, targetField = null, transformers);
-
-                break;
-
-              case 'input':
-                let checked = val === 'True' || val === '1' ? 'checked' : ''; 
-                inputType === 'checkbox' ?  inputClass = 'checkbox' : inputClass = 'form-control';
-
-                inputHtml += `
-                  <input 
-                    class="${inputClass} ${cssClasses}" 
-                    onChange="settingsChanged();${onChange}" 
-                    my-data-type="${dataType}" 
-                    my-customparams="${customParams}" 
-                    my-customid="${customId}" 
-                    id="${setKey}${suffix}" 
-                    type="${inputType}" 
-                    value="${val}" 
-                    ${readOnly}
-                    ${checked}
-                    placeholder="${placeholder}" 
-                  />`;
-                break;
-
-              case 'button':
-                
-                inputHtml += `
-                  <button 
-                    class="btn btn-primary ${cssClasses}" 
-                    my-customparams="${customParams}" 
-                    my-customid="${customId}" 
-                    my-input-from="${sourceIds}" 
-                    my-input-to="${setKey}" 
-                    onclick="${onClick}">
-                    ${getString(getStringKey)}
-                  </button>`;
-                break;
-              case 'textarea':                
-                inputHtml += `
-                  <textarea 
-                    class="form-control input" 
-                    my-customparams="${customParams}" 
-                    my-customid="${customId}" 
-                    my-data-type="${dataType}" 
-                    id="${setKey}" 
-                    ${readOnly}>
-                      ${val}
-                    </textarea>`;
-                break;
-              case 'span':                
-                inputHtml += `
-                  <span 
-                    class="${cssClasses}" 
-                    my-data-type="${dataType}" 
-                    my-customparams="${customParams}" 
-                    my-customid="${customId}" 
-                    >
-                    ${getString(getStringKey)}
-                    </span>`;
-                break;
-
-              default:
-                console.warn(`🟥Unknown element type: ${elementType}`);
-            }
-          });
-
-          // EVENTS
-          // process events (e.g. run a scan, or test a notification) if associated with the setting
-          let eventsHtml = "";          
-
-          const eventsList = createArray(set['setEvents']);      
-
-          if (eventsList.length > 0) {
-            // console.log(eventsList)
-            eventsList.forEach(event => {
-              eventsHtml += `<span class="input-group-addon pointer"
-                data-myparam="${setKey}"
-                data-myparam-plugin="${prefix}"
-                data-myevent="${event}"
-                onclick="addToExecutionQueue_settingEvent(this)"
-              >
-                <i title="${getString(event + "_event_tooltip")}" class="fa ${getString(event + "_event_icon")}">                 
-                </i>
-              </span>`;
-            });
-          }
-
-          // construct final HTML for the setting
-          setHtml += inputHtml +  eventsHtml + overrideHtml + `
+                // construct final HTML for the setting
+                setHtml += inputFormHtml + overrideHtml + `
               </div>
             </div>
           `