zet-lib 4.0.1 → 4.0.2

package/lib/zRoute.js

@@ -4801,6 +4801,29 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
           let relationsWithKeys = relations ? relations[keys] : {};
           let dropdownMultis = [];
 
+          scriptForm += `function sanitizeUndefinedAttributes($scope) {
+    $scope = $scope || $(document);
+    $scope.find("input, textarea, select").each(function () {
+        const $el = $(this);
+        const badString = (x) =>
+            typeof x === "string" && (x.trim().toLowerCase() === "undefined" || x.trim().toLowerCase() === "null");
+
+        // Only act if the attribute EXISTS and is an actual "undefined"/"null" string.
+        // Many elements legitimately have no "value" attribute (e.g. textarea uses textContent).
+        const hasValueAttr = $el[0] && $el[0].hasAttribute && $el[0].hasAttribute("value");
+        const attrValue = hasValueAttr ? $el.attr("value") : null;
+        if (hasValueAttr && badString(attrValue)) {
+            $el.removeAttr("value");
+            if ($el.is("input,textarea")) $el.val("");
+        }
+
+        const dataT = $el.attr("data-t");
+        if (badString(dataT)) {
+            $el.removeAttr("data-t");
+        }
+    });
+}${Util.newLine}`
+
           for (let qq in MODEL_TABLE.widgets) {
             //check if have dropdown_multi
             if (MODEL_TABLE.widgets[qq].name == "dropdown_multi") {
@@ -4869,56 +4892,83 @@ $("#body-${keys}>tr").each(function (index, tr) {
           
         }); ${Util.newLine}};${Util.newLine}`;
 
-          scriptForm += `   $('#add${keys}').on('click',function(){
+          scriptForm += `
+             $('#add${keys}').on('click',function(){
             append${keys}(append${keys}Max, (data) => $('#body-${keys}').append(data));
             append${keys}Max++;
             ${keys}Handler();
+            sanitizeUndefinedAttributes($("#body-${keys}"));
         }); ${Util.newLine}`;
           scriptForm += `function set${keys}value(index,myobj) {
-        for(var key in myobj){
-                          if($(".${subname}_" + key).eq(index).attr("type") == "checkbox" && myobj[key] == 1){
-                              $(".${subname}_" + key).eq(index).prop("checked", true);
-                               $(".${subname}_" + key).eq(index).val(myobj[key] ? myobj[key] : '');
-                          } else if($(".${subname}_" + key).eq(index).attr("type") == "file"){
-                              var myimg = myobj[key] ? myobj[key] : '';
-                              var pathName = "/uploads/${MYMODEL.table}/${keys}/";
-                              if(myimg) {
-                                  var filename = filenamex = pathName+myimg;
-                                  if (!myimg.match(/\\.(jpg|jpeg|png|gif|svg|jiff|avif)$/i)) {
-                                      filename = "/img/file.png";
-                                  }
-                                  $(".${subname}_" + key).eq(index).closest("TD").find("img").attr("src",filename).addClass("boxy");
-                                  $(".${subname}_" + key).eq(index).closest("TD").append('<a href="'+filenamex+'" target="_blank" style="font-size: 12px">'+myimg+'</a>');
-                              }
-                          }  else if($(".${subname}_" + key).eq(index).hasClass("dropdown-multi")){
-                              var dropdownsData = ''; 
-                              var mydropdowns = myobj[key] || [];                              
-                              mydropdowns.map((item, i) => {
-                                  var text = ${dropdownMultis[0]}Object[item];
-                                  dropdownsData += "<span class='span"+key+"' > "+(i+1)+". <input type='hidden' name='${MYMODEL.table}[${keys}]["+index+"]["+key+"]["+i+"]' value='"+item+"' /> " + text +"   <img class='tabler-icons icons-filter-danger pull-right' src='/assets/icons/trash-filled.svg' onclick='$(this).closest(\`span\`).remove();'  title='Delete' /> <br></span>";
-                                         
-                              });
-                              $(".${subname}_" + key).eq(index).closest("TD").find("#dropdownboxparameter_income").html(dropdownsData);
-                          } else {
-                              $(".${subname}_" + key).eq(index).val(myobj[key] ? myobj[key] : '');
-                          }
-                      }
-                      
+  for(var key in myobj){
+        const $el = $(".${subname}_" + key).eq(index);
+        let v = myobj[key];
+        if (
+            v === undefined ||
+            v === null ||
+            (typeof v === "string" && (v.trim().toLowerCase() === "undefined" || v.trim().toLowerCase() === "null"))
+        ) {
+            v = "";
+        }
+        const setInputValue = (val) => {
+            const next = val ?? "";
+            $el.val(next);
+            if (next === "") {
+                $el.removeAttr("value");
+                $el.removeAttr("data-t");
+            } else {
+                $el.attr("value", next);
+                $el.attr("data-t", next);
+            }
+        };
+        
+        if ($el.attr("type") == "checkbox") {
+            const checked = v == 1 || v === true || v === "1" || v === "true";
+            $el.prop("checked", checked);
+            setInputValue(checked ? 1 : "");
+        } else if ($(".${subname}_" + key).eq(index).attr("type") == "file") {
+            var myimg = v ? v : '';
+            var pathName = "/uploads/${MYMODEL.table}/${keys}/";
+            if (myimg) {
+                var filename = filenamex = pathName + myimg;
+                if (!myimg.match(/\\.(jpg|jpeg|png|gif|svg|jiff|avif)$/i)) {
+                    filename = "/img/file.png";
+                }
+                $(".${subname}_" + key).eq(index).closest("TD").find("img").attr("src", filename).addClass("boxy");
+                $(".${subname}_" + key).eq(index).closest("TD").append('<a href="' + filenamex + '" target="_blank" style="font-size: 12px">' + myimg + '</a>');
+            }
+        } else if ($(".${subname}_" + key).eq(index).hasClass("dropdown-multi")) {
+            var dropdownsData = '';
+            var mydropdowns = myobj[key] || [];
+            mydropdowns.map((item, i) => {
+                var text = ${dropdownMultis[0]}Object[item];
+                dropdownsData += "<span class='span"+key+"' > "+(i+1)+". <input type='hidden' name='${MYMODEL.table}[${keys}]["+index+"]["+key+"]["+i+"]' value='"+item+"' /> " + text +"   <img class='tabler-icons icons-filter-danger pull-right' src='/assets/icons/trash-filled.svg' onclick='$(this).closest(\`span\`).remove();'  title='Delete' /> <br></span>";
+            });
+            $(".${subname}_" + key).eq(index).closest("TD").find("#dropdownboxparameter_income").html(dropdownsData);
+        } else {
+            setInputValue(v);
         }
+        
+  }
+  }
 `;
 
           scriptForm += `function build${keys}form(index, myobj) {
          append${keys}(index, (data) => {
                       $("#body-${keys}").append(data);
                       ${keys}Handler();
+                      sanitizeUndefinedAttributes($("#body-${keys}"));
                       setTimeout(function () {
                         set${keys}value(index,myobj);
+                        sanitizeUndefinedAttributes($("#body-${keys}"));
                       },500);
                       append${keys}Max = index + 1;
                   });
         }
         `;
 
+          scriptForm += `$(function () {sanitizeUndefinedAttributes($("#body-${keys}"));});`
+
           break;
 
         case "ide_editor":
@@ -6620,4 +6670,4 @@ zRoute.tableBody = (
   }
   return html;
 };
-module.exports = zRoute;
+module.exports = zRoute;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zet-lib",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "zet is a library that part of zet generator.",
   "engines": {
     "node": ">=18"