cronapp-framework-js 2.8.32 → 2.8.36

package/js/app.js

@@ -233,18 +233,6 @@ var app = (function() {
           }
         }
 
-        //Components personalization jquery
-        $scope.registerComponentScripts = function() {
-          //carousel slider
-          $('.carousel-indicators li').on('click', function() {
-            var currentCarousel = '#' + $(this).parent().parent().parent().attr('id');
-            var index = $(currentCarousel + ' .carousel-indicators li').index(this);
-            $(currentCarousel + ' #carousel-example-generic').carousel(index);
-          });
-        };
-
-        $scope.registerComponentScripts();
-
         try {
           var contextAfterPageController = $controller('AfterPageController', { $scope: $scope });
           app.copyContext(contextAfterPageController, this, 'AfterPageController');
@@ -333,6 +321,7 @@ var app = (function() {
             }
 
             $rootScope.renderFinished = true;
+            registerComponentScripts();
           });
         };
 
@@ -536,4 +525,14 @@ const keyCodeFormActions = {
   handle: (e) => !keyCodeFormActions[e.keyCode || e.which] || keyCodeFormActions[e.keyCode || e.which](e),
   13: (e) => e.preventDefault()
 };
-keyCodeFormActions.initialize();
+keyCodeFormActions.initialize();
+
+//Components personalization jquery
+var registerComponentScripts = function() {
+  //carousel slider
+  $('.carousel-indicators li').on('click', function() {
+    var currentCarousel = '#' + $(this).parent().parent().parent().attr('id');
+    var index = $(currentCarousel + ' .carousel-indicators li').index(this);
+    $(currentCarousel + ' > div').carousel(index);
+  });
+};

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 {
@@ -3373,7 +3373,7 @@
             var parent = element.parent();
             $(parent).append('<input style="width: 100%;" '+ id + name + ' class="cronSelect"/>');
             var $element = $(parent).find('input.cronSelect');
-
+            var cronDisabled = attrs.cronDisabled;
             var options = await app.kendoHelper.getConfigCombobox(select, scope);
             options.close = attrs.ngClose ? function (){scope.$eval(attrs.ngClose)}: undefined;
             options.dataBound = attrs.ngDataBound ? function (){scope.$eval(attrs.ngDataBound)}: undefined;
@@ -3423,7 +3423,11 @@
               }
             };
             initializeAttrAndEvents();
-            combobox.enable(true);
+            if (cronDisabled) {
+              combobox.enable(false);
+            } else {
+              combobox.enable(true);
+            }
 
             var _scope = scope;
             var _ngModelCtrl = ngModelCtrl;
@@ -3524,6 +3528,7 @@
             var self = this;
             var parentDS = {};
             var textField = null;
+            var cronDisabled = attrs.cronDisabled;
             try {
               select = JSON.parse(attrs.options);
               parentDS = this.getActive(attrs.ngModel);
@@ -3581,6 +3586,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;
 
@@ -3690,9 +3698,16 @@
                     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);
+                      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);
+                        }
+                      });
                     }
                   }
                 }
@@ -3887,7 +3902,13 @@
             _compileAngular(scope, combobox.ul);
 
             $(element).remove();
-            combobox.enable(true);
+
+            if(cronDisabled){
+              combobox.enable(false);
+            } else {
+              combobox.enable(true);
+            }
+
             $("[aria-owns='" + `${attrs.id}_listbox` + "']").attr('aria-label', $translate.instant('template.crud.search'));
           }
         };
@@ -3901,6 +3922,7 @@
             var modelGetter = $parse(attrs['ngModel']);
             var modelSetter = modelGetter.assign;
             var model = attrs['ngModel'];
+            var cronDisabled = attrs.cronDisabled;
 
             var _self = this;
             var select = {};
@@ -4037,7 +4059,11 @@
             deselect = attrs.ngDeselect ? function (){_scope.$eval(attrs.ngDeselect)}: undefined;
 
             var combobox = $element.kendoMultiSelect(options).data('kendoMultiSelect');
-            combobox.enable(true);
+            if(cronDisabled){
+              combobox.enable(false);
+            }else {
+              combobox.enable(true);
+            }
             app.kendoHelper.receivePushData(combobox);
 
             $("[aria-describedby='" + `${attrs.id}_taglist` + "']").attr('id', `${attrs.id}-container`);
@@ -4107,6 +4133,7 @@
             options.select = attrs.ngSelect ? function (){scope.$eval(attrs.ngSelect);}: undefined;
             var parent = element.parent();
             var id = attrs.id ? ' id="' + attrs.id + '"' : '';
+            var cronDisabled = attrs.cronDisabled;
             var name = attrs.name ? ' name="' + attrs.name + '"' : '';
             var validationmessage = attrs.validationmessage ? ' validationmessage="' + attrs.validationmessage + '"' : '';
             var required = '';
@@ -4138,7 +4165,12 @@
             }
 
             var autoComplete = $element.kendoAutoComplete(options).data('kendoAutoComplete');
-            autoComplete.enable(true);
+
+            if(cronDisabled){
+              autoComplete.enable(false);
+            } else {
+              autoComplete.enable(true);
+            }
 
             if (ngModelCtrl) {
               ngModelCtrl.$formatters.push(function (value) {
@@ -4299,7 +4331,7 @@
             });
             resizeObserver.observe(slider.wrapper[0])
 
-            if (attrs.ngRequired || attrs.required) {
+            if (attrs.ngRequired === 'true' || attrs.required) {
               var id = attrs.id ? ' id="input' + app.common.generateId() + '"' : '';
               var name = attrs.name ? ' name="input' + app.common.generateId() + '"' : '';
               var parent = element.parent();
@@ -4542,7 +4574,7 @@
         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 + '" ' : '';
@@ -4550,48 +4582,48 @@
             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>' : '';
-  
+
               if (item.title) {
                 title = '<span>' + $translate.instant(item.title) + '</span>';
               }
-  
+
               if (item.menuItems.length > 0) {
                 templateItens = templateItens + '\
                         <li class="dropdown-submenu" ' + security + hide + '> \
@@ -4604,36 +4636,36 @@
                           <a  href="" ' + action + ' 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>';
             }
           }
-  
+
           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>'
-  
+
                 if (menu.title) {
                   title = '<span>' + $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">\
@@ -4641,17 +4673,17 @@
                         </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 {
@@ -4659,30 +4691,30 @@
               } catch (e) {
                 console.log('CronDynamicMenu: Invalid configuration!')
               }
-  
+
               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');
@@ -4701,12 +4733,147 @@
                   return false;
                 });
               }
-  
+
             });
           }
         }
       }])
 
+      .directive('cronBreadcrumbs', function () {
+          'use strict';
+          return {
+              restrict: 'E',
+              replace: true,
+              link: function (scope, element, attrs) {
+                setTimeout(() => {
+
+                  let crnDelimiterIcon = attrs.crnDelimiterIcon;
+                  let idMenu = attrs.idMenu;
+
+                  // Capturar o  json do menu
+                  let menuOptions = $(`#${idMenu}`)[0].parentElement.attributes['options'];
+                  menuOptions = JSON.parse(menuOptions.value);
+                  let subMenuOptions = menuOptions.subMenuOptions;
+
+                  // Capturar a url da pagina
+                  let page = document.location.hash;
+                  page = page.split("/");
+
+                  let idBreadcrumb = attrs.id;
+
+                  let breadcrumb = [];
+                  let arrayPaiBreadcrumb = [];
+
+                  inicio(subMenuOptions);
+
+                  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('", '');
+                        action = action.replace("', [])", '')
+                        action = action.split("/");
+                      } 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] = {
+                            level: items[i].level,
+                            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({
+                            level: items[i].level,
+                            title: items[i].title,
+                            href: '#'
+                          });
+                        } else if (action) {
+                          arrayPaiBreadcrumb.push({
+                            level: items[i].level,
+                            title: items[i].title,
+                            href: document.location.origin + '/' + action.join("/")
+                          });
+                        }
+                      }
+
+                      if (items[i].menuItems.length > 0) {
+                        inicio(items[i].menuItems);
+
+                      } else {
+                        if (action) {
+                          if (action[action.length - 1] === page[page.length - 1]) {
+                            x = true;
+                          }
+                        }
+                      }
+
+                      if (x) {
+                        for (let y in arrayPaiBreadcrumb) {
+
+                          if (y == 0 && arrayPaiBreadcrumb[y].level == 1) {
+                            breadcrumb.push({
+                              type: "rootitem",
+                              href: arrayPaiBreadcrumb[y].href,
+                              text: arrayPaiBreadcrumb[y].title,
+                              showText: true,
+                              showIcon: false
+                            })
+                          } else if (y == 0 && arrayPaiBreadcrumb[y].level != 1) {
+                            breadcrumb.push({
+                              type: "rootitem",
+                              href: arrayPaiBreadcrumb[y].href,
+                              text: arrayPaiBreadcrumb[y].title,
+                              showText: true,
+                              showIcon: false
+                            })
+                          } else {
+                            breadcrumb.push({
+                              type: "item",
+                              href: arrayPaiBreadcrumb[y].href,
+                              text: arrayPaiBreadcrumb[y].title,
+                              showText: true,
+                              showIcon: false
+                            })
+                          }
+                        }
+
+                        return breadcrumb
+                      }
+                    }
+                  }
+
+                  $(`#${idBreadcrumb}`).kendoBreadcrumb({
+                    items: breadcrumb,
+                    delimiterIcon: crnDelimiterIcon,
+                    navigational: true
+                  });
+
+                }, 800);
+              }
+          }
+      })
+
       .directive('ngInitialValue', function($parse) {
         return {
           restrict: 'A',
@@ -4723,7 +4890,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);
                 }
@@ -4936,6 +5103,42 @@
         }
       })
 
+      .directive('cronOrderedList', function ($compile, $sce, $parse) {
+        'use strict';
+        return {
+          restrict: 'EA',
+          replace: true,
+          link: function (scope, element, attrs, ngModelCtrl) {
+
+            let attributeValue = attrs.attributeValue;
+            let orderedAttributeValue = attrs.orderedAttributeValue
+            let listType = attrs.listType;
+            let content = element[0].children[0].children;
+            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);
+          }
+        }
+      })
+
 }(app));
 
 function maskDirectiveAsDate($compile, $translate, $parse) {

package/package.json

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