cronapp-framework-js 2.8.35 → 2.8.38

package/js/directives.js

@@ -796,7 +796,7 @@
               if (o.length >= 10 && o.match(ISO_PATTERN)) {
                 return "datetimeoffset'" + o + "'";
               } else {
-                return "'" + o + "'";
+                return "'" + o.replaceAll("'", "''") + "'";
               }
             }
           } else {
@@ -1786,40 +1786,47 @@
             }
             return obj;
           },
-          generateToolbarButtonCall: function(toolbarButton, scope, options) {
+          removeSpecialChar: function(value) {
+              return value.replace(/[^a-zA-Z0-9]/g, "").toLowerCase();
+          },
+          generateToolbarButtonCall: function(toolbarButton, scope, options, attrs) {
             var buttonCall;
             var generateObjTemplate = function(functionToCall, title, iconClass) {
               var obj = {
                 template: function() {
-                  var buttonId = app.common.generateId();
-                  return createTemplateButton(buttonId, functionToCall, title, iconClass);
+                  return createTemplateButton(functionToCall, title, iconClass);
                 }.bind(this)
               };
               return obj;
             }.bind(this);
 
-            var createTemplateButton = function(buttonId, functionToCall, title, iconClass) {
+            var createTemplateButton = function(functionToCall, title, iconClass) {
               var template = '';
 
               let security = toolbarButton.security ? `cronapp-security="${toolbarButton.security}"` : "";
 
+              let modelName = this.removeSpecialChar(attrs.ngModel);
+              let buttonType = this.removeSpecialChar(toolbarButton.type);
+              let buttonDesc = toolbarButton.title ? this.removeSpecialChar(toolbarButton.title): this.removeSpecialChar(toolbarButton.iconClass);
+              let buttonId = `${modelName}-${buttonType}-${buttonDesc}`;
+
               if (toolbarButton.type == "SaveOrCancelChanges") {
                 if (toolbarButton.saveButton)
-                  template = '<a #SECURITY# role="button" class="saveorcancelchanges k-button k-button-icontext k-grid-save-changes" id="#BUTTONID#" href="javascript:void(0)"><span class="k-icon k-i-check"></span>#TITLE#</a>';
+                  template = '<a #SECURITY# role="button" class="saveorcancelchanges k-button k-button-icontext k-grid-save-changes" data-id="#BUTTONID#" href="javascript:void(0)"><span class="k-icon k-i-check"></span>#TITLE#</a>';
                 else
-                  template = '<a #SECURITY# role="button" class="saveorcancelchanges k-button k-button-icontext k-grid-cancel-changes" id="#BUTTONID#" href="javascript:void(0)"><span class="k-icon k-i-cancel" ></span>#TITLE#</a>';
+                  template = '<a #SECURITY# role="button" class="saveorcancelchanges k-button k-button-icontext k-grid-cancel-changes" data-id="#BUTTONID#" href="javascript:void(0)"><span class="k-icon k-i-cancel" ></span>#TITLE#</a>';
               }
               else if (toolbarButton.type == "Blockly" || toolbarButton.type == "Customized") {
-                template = '<a #SECURITY# class="k-button k-grid-custom" id="#BUTTONID#" href="javascript:void(0)"><span class="#ICONCLASS#" ></span>#TITLE#</a>';
+                template = '<a #SECURITY# class="k-button k-grid-custom" data-id="#BUTTONID#" href="javascript:void(0)"><span class="#ICONCLASS#" ></span>#TITLE#</a>';
               }
               else if (toolbarButton.type == "Native" && toolbarButton.title == 'create') {
-                template = '<a #SECURITY# role="button" id="#BUTTONID#" class="k-button k-button-icontext k-grid-add" href="javascript:void(0)"><span class="k-icon k-i-plus"></span>{{"Add" | translate}}</a>';
+                template = '<a #SECURITY# role="button" data-id="#BUTTONID#" class="k-button k-button-icontext k-grid-add" href="javascript:void(0)"><span class="k-icon k-i-plus"></span>{{"Add" | translate}}</a>';
               }
               else if (toolbarButton.type == "Native" && toolbarButton.title == 'excel') {
-                template = '<a #SECURITY# role="button" id="#BUTTONID#" class="k-button k-button-icontext k-grid-excel" href="javascript:void(0)"><span class="k-icon k-i-file-excel"></span>{{"exportExcel" | translate}}</a>';
+                template = '<a #SECURITY# role="button" data-id="#BUTTONID#" class="k-button k-button-icontext k-grid-excel" href="javascript:void(0)"><span class="k-icon k-i-file-excel"></span>{{"exportExcel" | translate}}</a>';
               }
               else if (toolbarButton.type == "Native" && toolbarButton.title == 'pdf') {
-                template = '<a #SECURITY# role="button" id="#BUTTONID#" class="k-button k-button-icontext k-grid-pdf" href="javascript:void(0)"><span class="k-icon k-i-file-pdf"></span>{{"exportPDF" | translate}}</a>';
+                template = '<a #SECURITY# role="button" data-id="#BUTTONID#" class="k-button k-button-icontext k-grid-pdf" href="javascript:void(0)"><span class="k-icon k-i-file-pdf"></span>{{"exportPDF" | translate}}</a>';
               }
 
               template = template
@@ -1832,13 +1839,14 @@
               var cronappDatasource = eval(options.dataSourceScreen.entityDataSource.name);
 
               var waitRender = setInterval(function() {
-                if ($('#' + buttonId).length > 0) {
+                if ($(`[data-id=${buttonId}]`).length > 0) {
                   scope.safeApply(function() {
-                    var x = angular.element($('#' + buttonId ));
+                    var x = angular.element($(`[data-id=${buttonId}]`));
                     $compile(x)(scope);
+                    $(`[data-id=${buttonId}]`).attr('id', buttonId);
                   });
 
-                  $('#' + buttonId).click(function() {
+                  $(`[data-id=${buttonId}]`).click(function() {
 
                     var currentGrid = options.refComponent;
                     var selectedRows = [];
@@ -2048,7 +2056,7 @@
             return widthDevice;
           },
 
-          getColumns: function(options, datasource, scope, tooltips) {
+          getColumns: function(options, datasource, scope, tooltips, attrs) {
             var helperDirective = this;
 
             function getTemplate(column) {
@@ -2214,6 +2222,28 @@
 
             }
 
+            function setIdCommandButton(idForCommand, command) {
+              let waitRender = setInterval(() => {
+                if ($(`.k-grid-${idForCommand}`).is(":visible")) {
+                  clearInterval(waitRender);
+                  var currentGrid = options.refComponent;
+
+                  $(`.k-grid-${idForCommand}`).each((idx,elem) => {
+                    let $elem = $(elem);
+                    if (!$elem.attr('id')) {
+                      let item = currentGrid.dataItem($elem.closest('tr'));
+
+                      let modelName = this.removeSpecialChar(attrs.ngModel);
+                      let key = item["_objectKey"];
+                      let id = `${modelName}-${command}-${key}`;
+                      $elem.attr('id', id);
+                    }
+                  });
+
+                }
+              }, 200);
+            }
+
             function getCommandForEditButtonDatabase(opt, command) {
               var cmd;
               let idForCommand = app.common.generateId();
@@ -2254,6 +2284,7 @@
                   text: { edit: " ", update: " ", cancel: " " },
                 };
               }
+              setIdCommandButton.bind(this)(idForCommand, command);
               return cmd;
             }
 
@@ -2285,6 +2316,7 @@
                   template: template
                 };
               }
+              setIdCommandButton.bind(this)(idForCommand, command);
               return cmd;
             }
 
@@ -2516,6 +2548,7 @@
                     attributes: getAttributes(column)
                   };
                   columns.push(addColumn);
+                  setIdCommandButton.bind(this)(idForCommand, column.dataType);
                 }
                 else if (column.dataType == "Selectable") {
                   var checkColumn = {
@@ -2541,7 +2574,7 @@
 
             return pageable;
           },
-          getToolbar: function(options, scope) {
+          getToolbar: function(options, scope, attrs) {
 
             function generateToolbarTemplate(toolbarButton) {
               let security = toolbarButton.security ? `cronapp-security="${toolbarButton.security}" class` : "class";
@@ -2567,7 +2600,7 @@
                     else {
                       toolbarButton.methodCall += "cronapi.internal.focusFormInput();"
                     }
-                    var button = this.generateToolbarButtonCall(toolbarButton, scope, options);
+                    var button = this.generateToolbarButtonCall(toolbarButton, scope, options, attrs);
                     toolbar.push(button);
 
                     if (!options.hideModalButtons) {
@@ -2575,7 +2608,7 @@
                     }
                   }
                   else {
-                    let toolbarOp = this.generateToolbarButtonCall(toolbarButton, scope, options);
+                    let toolbarOp = this.generateToolbarButtonCall(toolbarButton, scope, options, attrs);
                     toolbar.push(toolbarOp);
                   }
                 }
@@ -2587,12 +2620,12 @@
                 }
               }
               else if (toolbarButton.type == "Blockly" || toolbarButton.type == "Customized") {
-                var buttonBlockly = this.generateToolbarButtonCall(toolbarButton, scope, options);
+                var buttonBlockly = this.generateToolbarButtonCall(toolbarButton, scope, options, attrs);
                 toolbar.push(buttonBlockly);
               }
               else if (toolbarButton.type == "SaveOrCancelChanges") {
                 if (options.editable != 'no') {
-                  var buttonSaveOrCancel = this.generateToolbarButtonCall(toolbarButton, scope, options);
+                  var buttonSaveOrCancel = this.generateToolbarButtonCall(toolbarButton, scope, options, attrs);
                   toolbar.push(buttonSaveOrCancel);
                 }
               }
@@ -2816,9 +2849,9 @@
 
             var datasource = app.kendoHelper.getDataSource(options.dataSourceScreen.entityDataSource, scope, options.allowPaging, options.pageCount, options.columns, options.groupings);
 
-            var columns = this.getColumns(options, datasource, scope, tooltips);
+            var columns = this.getColumns(options, datasource, scope, tooltips, attrs);
             var pageAble = this.getPageAble(options);
-            var toolbar = this.getToolbar(options, scope);
+            var toolbar = this.getToolbar(options, scope, attrs);
             var editable = this.getEditable(options);
             var filterable = anyFilterableColumn(options);
 
@@ -2918,6 +2951,28 @@
                 }
 
                 compileListing(e);
+
+                $(".k-command-cell a[class*='k-grid-']").each((idx, elem) => {
+                  let $elem = $(elem);
+                  if (!$elem.attr('id')) {
+                    let item = this.dataItem($elem.closest('tr'));
+                    let command = 'destroy';
+                    if ($elem.hasClass('k-grid-update')) {
+                      command = 'update';
+                    }
+                    else if ($elem.hasClass('k-grid-cancel')) {
+                      command = 'cancel';
+                    }
+                    else if ($elem.hasClass('k-grid-edit')) {
+                      command = 'edit';
+                    }
+
+                    let modelName = helperDirective.removeSpecialChar(attrs.ngModel);
+                    let key = item["_objectKey"];
+                    let id = `${modelName}-${command}-${key}`;
+                    $elem.attr('id', id);
+                  }
+                });
               },
               cancel: function(e) {
                 var cronappDatasource = this.dataSource.transport.options.cronappDatasource;
@@ -3586,6 +3641,9 @@
                           _combobox.isEvaluating = false;
                         } else {
                           _dataSource.findObj([options.value], false, function(data) {
+                            if (Array.isArray(data)) {
+                              data = data[0];
+                            }
                             options.success(data);
                             _combobox.isEvaluating = false;
 
@@ -3695,9 +3753,18 @@
                     var found = _goTo(_scope, combobox, combobox.dataItem());
 
                     if (!found) {
-                      dataItem = objectClone(combobox.dataItem(), combobox.dataSource.options.schema.model.fields);
-                      dataSourceScreen.data.push(dataItem);
-                      _goTo(_scope, combobox, dataItem);
+                      combobox.isEvaluating = true;
+                      dataSourceScreen.findObj([value], false, (dataresult) => {
+                        if (Array.isArray(dataresult)) {
+                          dataresult = dataresult[0];
+                        }
+                        if (dataresult) {
+                          dataSourceScreen.data.push(dataresult);
+                          _goTo(_scope, combobox, dataresult);
+                          modelSetter(_scope, value);
+                        }
+                        combobox.isEvaluating = false;
+                      });
                     }
                   }
                 }
@@ -4160,7 +4227,7 @@
               autoComplete.enable(false);
             } else {
               autoComplete.enable(true);
-            }            
+            }
 
             if (ngModelCtrl) {
               ngModelCtrl.$formatters.push(function (value) {
@@ -4561,150 +4628,113 @@
 
       .directive('cronDynamicMenu', ['$compile', '$translate', function ($compile, $translate) {
         'use strict';
-        const populateSubitems = (item) => {
-          var subitem = item.menuItems;
-          var templateSubitens = '';
-  
-          subitem.forEach((subitem) => {
-            var securitySubitem = (subitem.security && subitem.security != null) ? ' cronapp-security="' + subitem.security + '" ' : '';
-            var actionSubitem = (subitem.action && subitem.action != null) ? ' ng-click="' + subitem.action + '" ' : '';
-            var hideSubitem = (subitem.hide && subitem.hide != null) ? ' ng-hide="' + subitem.hide + '" ' : '';
-            var iconClassSubitem = (subitem.iconClass && subitem.iconClass != null) ? '<i class="' + subitem.iconClass + '"></i>&nbsp;' : '';
-            var titleSubitem = '<span></span>';
-            var caretSubitem = (subitem.menuItems && Array.isArray(subitem.menuItems) && (subitem.menuItems.length > 0)) ? '<span class="caret submenu"></span>' : '';
-  
-            if (subitem.title) {
-              titleSubitem = '<span>' + $translate.instant(subitem.title) + '</span>';
-            }
-  
-            if (subitem.menuItems.length > 0) {
-              templateSubitens = templateSubitens + '<li class="dropdown-submenu">\
-                      <a class="dropdown-item dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false" href=""' + securitySubitem + actionSubitem + '>' + iconClassSubitem + titleSubitem + caretSubitem + '</a>\
-                      ' + populateItems(subitem.menuItems) + '\
-                    </li>';
-  
-            } else {
-              templateSubitens = templateSubitens + '<li class="dropdown-submenu">\
-                      <a  role="button" aria-haspopup="true" aria-expanded="false" href=""' + securitySubitem + actionSubitem + '>' + iconClassSubitem + titleSubitem + caretSubitem + '</a>\
-                    </li>';
-            }
-          });
-  
-          if (templateSubitens != '') {
-            templateSubitens = '<ul class="dropdown-menu">' + templateSubitens + '</ul>';
-          }
-  
-          return templateSubitens;
-        };
-  
         const populateItems = (items) => {
           var templateItens = '';
-  
+
           if (items && items.length > 0 && Array.isArray(items)) {
             items.forEach(function (item) {
-  
-              var security = (item.security && item.security != null) ? ' cronapp-security="' + item.security + '" ' : '';
-              var action = (item.action && item.action != null) ? ' ng-click="' + item.action + '" ' : '';
-              var hide = (item.hide && item.hide != null) ? ' ng-hide="' + item.hide + '" ' : '';
-              var iconClass = (item.iconClass && item.iconClass != null) ? '<i class="' + item.iconClass + '"></i>&nbsp;' : '';
-              var title = '<span></span>';
-              var caret = (item.menuItems && Array.isArray(item.menuItems) && (item.menuItems.length > 0)) ? '<span class="caret submenu"></span>' : '';
-  
+
+              var security = (item.security && item.security != null) ? ` cronapp-security="${item.security }" ` : '';
+              var action = (item.action && item.action != null) ? ` ng-click="${item.action}" ` : '';
+              var hide = (item.hide && item.hide != null) ? ` ng-hide="${item.hide}"  ` : '';
+              var iconClass = (item.iconClass && item.iconClass != null) ? `<i class="${item.iconClass}" id="menu-tag-i-${item.id}"></i>&nbsp;` : '';
+              var title = `<span id="menu-tag-span-${item.id}"></span>`;
+              var caret = (item.menuItems && Array.isArray(item.menuItems) && (item.menuItems.length > 0)) ? `<span class="caret submenu" id="menu-tag-span-sub-${item.id}"></span>` : '';
+
               if (item.title) {
-                title = '<span>' + $translate.instant(item.title) + '</span>';
+                title =  `<span id="menu-tag-span-${item.id}">${$translate.instant(item.title)}</span>`;
               }
-  
+
               if (item.menuItems.length > 0) {
-                templateItens = templateItens + '\
-                        <li class="dropdown-submenu" ' + security + hide + '> \
-                          <a  href="" ' + action + ' class="dropdown-item dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">' + iconClass + title + caret + ' </a> \
-                            ' + populateSubitems(item) + '\
-                        </li>';
+                templateItens = templateItens + `
+                <li class="dropdown-submenu" ${security}${hide} id="menu-tag-li-sub-${item.id}"> \
+                  <a  href="" ${action} id="menu-tag-a-sub-${item.id}" class="dropdown-item dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> ${iconClass} ${title} ${caret} </a> \
+                    ${populateItems(item.menuItems)}\
+                </li>`;
               } else {
-                templateItens = templateItens + '\
-                        <li class="dropdown-submenu" ' + security + hide + '> \
-                          <a  href="" ' + action + ' class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">' + iconClass + title + caret + ' </a> \
-                        </li>';
+                templateItens = templateItens + `
+                <li class="dropdown-submenu" ${security} ${hide} id="menu-tag-li-${item.id}"> \
+                  <a  href="" ${action} id="menu-tag-a-${item.id}" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">${iconClass} ${title} ${caret} </a> 
+                </li>`;
               }
-  
+
             });
-  
+
             if (templateItens != '') {
-              templateItens = '<ul class="dropdown-menu">' + templateItens + '</ul>';
+              templateItens = `<ul class="dropdown-menu" id="menu-tag-ul-${items[0].id}">${templateItens}</ul>`;
             }
           }
-  
           return templateItens;
         }
         return {
           restrict: 'EA',
           populateMenu: function (menuOptions, isVertical) {
             var template = '';
-  
+
             if (menuOptions && menuOptions != null && menuOptions.subMenuOptions && menuOptions.subMenuOptions != null && Array.isArray(menuOptions.subMenuOptions)) {
-  
+
               menuOptions.subMenuOptions.forEach(function (menu) {
-  
-                var security = (menu.security && menu.security != null) ? ' cronapp-security="' + menu.security + '" ' : '';
-                var action = (menu.action && menu.action != null) ? ' ng-click="' + menu.action + '" ' : '';
-                var caret = (menu.menuItems && Array.isArray(menu.menuItems) && (menu.menuItems.length > 0)) ? '<span class="caret"></span>' : '';
-                var hide = (menu.hide && menu.hide != null) ? ' ng-hide="' + menu.hide + '" ' : '';
-                var iconClass = (menu.iconClass && menu.iconClass != null) ? '<i class="' + menu.iconClass + '"></i>&nbsp;' : '';
-                var title = '<span></span>'
-  
+
+                var security = (menu.security && menu.security != null) ? ` cronapp-security="${menu.security}" ` : '';
+                var action = (menu.action && menu.action != null) ? ` ng-click="${menu.action }" ` : '';
+                var caret = (menu.menuItems && Array.isArray(menu.menuItems) && (menu.menuItems.length > 0)) ? `<span class="caret" id="menu-tag-span-sub-${menu.id}"></span>` : '';
+                var hide = (menu.hide && menu.hide != null) ? ` ng-hide="${menu.hide}" ` : '';
+                var iconClass = (menu.iconClass && menu.iconClass != null) ? `<i class="${menu.iconClass}"></i>&nbsp;` : '';
+                var title = `<span id="menu-tag-span-${menu.id}"></span>`;
+
                 if (menu.title) {
-                  title = '<span>' + $translate.instant(menu.title) + '</span>';
+                  title = `<span id="menu-tag-span-${menu.id}">${$translate.instant(menu.title)}</span>`;
                 }
-  
-                template = template + '\
-                      <li class="dropdown nav-item '+ (isVertical ? 'col-md-12 padding-0' : '') + '"' + security + hide + '>\
-                        <a href="" ' + action + ' class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">\
-                        ' + iconClass + title + caret + '\
-                        </a> \
-                        ' + populateItems(menu.menuItems) + '\
-                      </li>';
-  
+
+                template = template + `
+                <li class="dropdown nav-item ${(isVertical ? 'col-md-12 padding-0' : '')}" ${security} ${hide} id="menu-tag-li-sub-${menu.id}">
+                  <a href="" ${action} id="menu-tag-a-sub-${menu.id}" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">\
+                  ${iconClass} ${title} ${caret}
+                  </a>
+                  ${populateItems(menu.menuItems)}
+                </li>`;
+
               })
             }
-  
+
             return template;
           },
           link: function (scope, element, attrs) {
             $translate.onReady(() => {
               //Somente fica na vertical se for o menu principal da IDE (E estiver configurado para isso)
               let isVertical = element.closest('.crn-navigator-vertical').length;
-  
-              var TEMPLATE_MAIN = '<ul  class="nav navbar-nav ' + (isVertical ? 'col-md-12 padding-0' : '') + ' " style="float:left"></ul>';
+
               var options = {};
               try {
                 options = JSON.parse(attrs.options);
               } catch (e) {
                 console.log('CronDynamicMenu: Invalid configuration!')
               }
-  
+              let baseId = options && options.subMenuOptions ? options.subMenuOptions[0].id : "first";
+              var TEMPLATE_MAIN = `<ul id="menu-tag-ul-base-${baseId}" class="nav navbar-nav ${(isVertical ? 'col-md-12 padding-0' : '')}" style="float:left"></ul>`;
               var main = $(TEMPLATE_MAIN);
               main.attr('id', attrs.id);
-  
+
               var menus = this.populateMenu(options, isVertical);
               main.append(menus);
               if (isVertical) {
                 main.append($('#navbar2 li:first').addClass('col-md-12 padding-0'));
               }
-  
+
               var newElement = angular.element(main);
               element.html('');
               element.append(main);
               element.attr('id', null);
               $compile(newElement)(scope);
-  
+
               var multilevelAction = attrs.multilevelAction;
-  
+
               if (multilevelAction === 'hover') {
                 $('.dropdown-menu .dropdown-submenu').on('mouseover', function () {
                   var subMenu = $(this).children('ul.dropdown-menu');
                   subMenu.addClass('displayBlock');
                 });
-  
+
                 $('.dropdown-menu .dropdown-submenu').on('mouseout', function () {
                   var subMenu = $(this).children('ul.dropdown-menu');
                   subMenu.removeClass('displayBlock');
@@ -4723,7 +4753,6 @@
                   return false;
                 });
               }
-  
             });
           }
         }
@@ -4758,9 +4787,9 @@
 
                   function inicio(items) {
                     let x = false;
-    
+
                     for (let i in items) {
-    
+
                       let action = items[i].action;
                       if (action && action != "") {
                         action = action.replace("cronapi.screen.changeView('", '');
@@ -4769,11 +4798,11 @@
                       } else {
                         action = null
                       }
-    
+
                       if (items[i].level === 1) {
                         arrayPaiBreadcrumb = [];
                       }
-    
+
                       if (arrayPaiBreadcrumb.length != 0 && items[i].level === arrayPaiBreadcrumb[arrayPaiBreadcrumb.length - 1].level) {
                         if (!action) {
                           arrayPaiBreadcrumb[arrayPaiBreadcrumb.length - 1] = {
@@ -4781,16 +4810,16 @@
                             title: items[i].title,
                             href: '#'
                           };
-    
+
                         } else if (action) {
                           arrayPaiBreadcrumb[arrayPaiBreadcrumb.length - 1] = {
                             level: items[i].level,
                             title: items[i].title,
                             href: document.location.origin + '/' + action.join("/")
                           };
-    
+
                         }
-    
+
                       } else {
                         if (!action) {
                           arrayPaiBreadcrumb.push({
@@ -4806,10 +4835,10 @@
                           });
                         }
                       }
-    
+
                       if (items[i].menuItems.length > 0) {
                         inicio(items[i].menuItems);
-    
+
                       } else {
                         if (action) {
                           if (action[action.length - 1] === page[page.length - 1]) {
@@ -4817,10 +4846,10 @@
                           }
                         }
                       }
-    
+
                       if (x) {
                         for (let y in arrayPaiBreadcrumb) {
-    
+
                           if (y == 0 && arrayPaiBreadcrumb[y].level == 1) {
                             breadcrumb.push({
                               type: "rootitem",
@@ -4847,7 +4876,7 @@
                             })
                           }
                         }
-    
+
                         return breadcrumb
                       }
                     }
@@ -4880,7 +4909,7 @@
                     let blocklyPackage = shortVersion.split("').names")[0];
                     blocklyPackage = blocklyPackage.split("').attr()")[0];
                     let blocklyParams = shortVersion.split('.run')[1];
-                    evaluated = await scope.$eval(blocklyPackage + blocklyParams); 
+                    evaluated = await scope.$eval(blocklyPackage + blocklyParams);
                 } else {
                     evaluated = scope.$eval(attrs.ngInitialValue);
                 }
@@ -4922,7 +4951,12 @@
             let falseValue = attrs.ngFalseValue ? attrs.ngFalseValue.split("'").join("") : false;
             let trueValue = attrs.ngTrueValue ? attrs.ngTrueValue.split("'").join("") : true;
 
-            if (attrs.crnAllowNullValues == 'true') {
+            let isAllowNullValues = (value) => {
+                return value === 'true' || value === undefined
+                    || value === null || value.length == 0;
+            };
+
+            if (isAllowNullValues(attrs.crnAllowNullValues)) {
               ctrl.$render = function () {
                 let viewValue = ctrl.$viewValue;
                 el.data('checked', viewValue);
@@ -4945,7 +4979,7 @@
                 }
                 setTimeout(() => ctrl.$setViewValue(viewValue));
               };
-            } else if (attrs.crnAllowNullValues == 'false') {
+            } else {
               ctrl.$render = function () {
                 let viewValue = ctrl.$viewValue;
                 if (ctrl.$viewValue === undefined || ctrl.$viewValue === null) {
@@ -4953,7 +4987,7 @@
                   viewValue = false;
                 }
                 if (viewValue === falseValue) {
-                  let modelForEval = `${el.attr('ng-model')}=${attrs.ngFalseValue}`;
+                  let modelForEval = attrs.ngFalseValue ? `${el.attr('ng-model')}=${attrs.ngFalseValue}` : `${el.attr('ng-model')}=${falseValue}`;
                   scope.$eval(modelForEval);
                 }
                 el.data('checked', viewValue);
@@ -5099,7 +5133,7 @@
           restrict: 'EA',
           replace: true,
           link: function (scope, element, attrs, ngModelCtrl) {
-  
+
             let attributeValue = attrs.attributeValue;
             let orderedAttributeValue = attrs.orderedAttributeValue
             let listType = attrs.listType;
@@ -5107,21 +5141,21 @@
             content = $(content);
             let templateDyn = '';
             let contentUL = '';
-  
+
             $.each(content, function (i, item) {
               contentUL = contentUL + item.outerHTML;
             });
-  
+
             switch (listType) {
               case 'numbered-list':
                 templateDyn = `<ol style="list-style-type: ${attributeValue}">${contentUL}</ol>`
                 break
-  
+
               case 'ordered-list':
                 templateDyn = `<ul style="list-style-type: ${orderedAttributeValue}">${contentUL}</ul>`
                 break
             }
-  
+
             templateDyn = $(templateDyn);
             $(element).replaceWith(templateDyn);
             $compile(templateDyn)(scope);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cronapp-framework-js",
-  "version": "2.8.35",
+  "version": "2.8.38",
   "description": "Javascript library for CronApp's projects",
   "main": "cronapp.framework.js",
   "scripts": {

package/cronapp-framework-js.iml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager" inherit-compiler-output="true">
-    <exclude-output />
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>