cronapp-framework-js 2.8.29 → 2.9.0-SNAPSHOT.2

package/img/img-user.svg

@@ -1 +1,10 @@
-<svg id="Camada_1" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.14 25.14"><defs><style>.cls-1{fill:none;stroke:#fff;stroke-miterlimit:10;}</style></defs><title>img-user</title><path class="cls-1" d="M3.14,7.51a11.08,11.08,0,0,1,4-4,10.59,10.59,0,0,1,5.45-1.47A10.59,10.59,0,0,1,18,3.53a11,11,0,0,1,4,4A10.56,10.56,0,0,1,23.47,13,10.55,10.55,0,0,1,22,18.4a11,11,0,0,1-4,4,10.59,10.59,0,0,1-5.45,1.47,10.59,10.59,0,0,1-5.45-1.47,11.08,11.08,0,0,1-4-4A10.55,10.55,0,0,1,1.67,13,10.56,10.56,0,0,1,3.14,7.51ZM8.2,21.39a9.54,9.54,0,0,0,8.74,0,9.27,9.27,0,0,0,3.37-2.9,3,3,0,0,0-.73-1.56,2.9,2.9,0,0,0-1.47-.9l-1.41-.39a6.34,6.34,0,0,1-8.26,0L7,16a2.9,2.9,0,0,0-1.47.9,3,3,0,0,0-.72,1.56A9.32,9.32,0,0,0,8.2,21.39Zm.11-8.08a4.92,4.92,0,0,0,8.52,0,4.91,4.91,0,0,0,0-4.92,4.91,4.91,0,0,0-6.72-1.81,5,5,0,0,0-2.46,4.27A4.83,4.83,0,0,0,8.31,13.31Z"/></svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 25.1 25.1" style="enable-background:new 0 0 25.1 25.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M0,0v25.1h25.1V0H0z M12.5,19.3H5.8c0-3.1,2-5.6,4.7-6.4C9.5,12.2,8.7,11,8.7,9.6c0-2.1,1.7-3.8,3.8-3.8
+	c2.1,0,3.8,1.7,3.8,3.8c0,1.4-0.7,2.6-1.8,3.3c2.7,0.8,4.7,3.3,4.7,6.4H12.5z"/>
+</svg>

package/js/app.js

@@ -15,6 +15,7 @@ var cronappModules = [
   'ui.bootstrap',
   'ngFileUpload',
   'report.services',
+  'dashboard.services',
   'upload.services',
   'ui.tinymce',
   'ngCookies',
@@ -204,7 +205,7 @@ var app = (function() {
         }
       ])
       // General controller
-      .controller('PageController', function($controller, $scope, $stateParams, $location, $http, $rootScope, $translate, Notification, UploadService, $timeout, $state, ReportService) {
+      .controller('PageController', function($controller, $scope, $stateParams, $location, $http, $rootScope, $translate, Notification, UploadService, $timeout, $state, ReportService, DashboardService) {
         // save state params into scope
         $scope.params = $stateParams;
         $scope.$http = $http;
@@ -225,6 +226,10 @@ var app = (function() {
           ReportService.openReport(reportName, params, config);
         };
 
+        $rootScope.getDashboard = function(dashboardName, params, config) {
+          DashboardService.getDashboard(dashboardName, params, config);
+        };
+
         // Query string params
         var queryStringParams = $location.search();
         for (var key in queryStringParams) {
@@ -233,18 +238,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 +326,7 @@ var app = (function() {
             }
 
             $rootScope.renderFinished = true;
+            registerComponentScripts();
           });
         };
 
@@ -536,4 +530,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/controllers.js

@@ -57,12 +57,28 @@
         passwordNew.value = "";
         passwordConfirmation.value = "";
         $state.go('login');
-      }).catch(data => Notification.error(data));
-      //
+      }).catch(data =>  {
+        let errorMessage = $translate.instant('ResetPasswordDoesNotMatch');
+        if (data && data.data) {
+          errorMessage = data.data.message || data.data.error;
+        }
+        Notification.error(errorMessage);
+      });
     }
   });
 
-  app.controller('LoginController', function($controller, $scope, $http, $rootScope, $window, $state, $translate, Notification, ReportService, UploadService, $location, $stateParams, $timeout, $cookies, $templateCache) {
+  app.controller('SignupController' , function($controller, $scope, $stateParams, $location, $http, $rootScope, $translate, Notification, UploadService, $timeout, $state, ReportService) {
+
+    app.registerEventsCronapi($scope, $translate);
+
+    $scope.cronapi.screen.changeValueOfField('vars.signupEmail','');
+    $scope.cronapi.screen.changeValueOfField('vars.signupUsername','');
+    $scope.cronapi.screen.changeValueOfField('vars.signupPassword','');
+    $scope.cronapi.screen.changeValueOfField('vars.signupConfirmPassword','');
+
+  });
+
+  app.controller('LoginController', function($controller, $scope, $http, $rootScope, $window, $state, $translate, Notification, ReportService, UploadService, $location, $stateParams, $timeout, $cookies, $templateCache, DashboardService) {
 
     $http.get(window.NotificationProviderOptions.templateUrl, {cache: true})
         .then((response) => $templateCache.put(window.NotificationProviderOptions.templateUrl, response.data));
@@ -91,6 +107,10 @@
       ReportService.openReport(reportName, params, config);
     };
 
+    $rootScope.getDashboard = function(dashboardName, params, config) {
+      DashboardService.openDashboard(dashboardName, params, config);
+    };
+
     $scope.redirectToLogin = function() {
       $scope.cronapi.social.ssoLogin();
     };
@@ -239,7 +259,7 @@
 
   });
 
-  app.controller('HomeController', function($controller, $scope, $http, $rootScope, $state, $translate, Notification, ReportService, UploadService, $location, $stateParams, $timeout) {
+  app.controller('HomeController', function($controller, $scope, $http, $rootScope, $state, $translate, Notification, ReportService, UploadService, $location, $stateParams, $timeout, DashboardService) {
 
     $scope.$http = $http;
     $scope.params = $stateParams;
@@ -254,6 +274,57 @@
       ReportService.openReport(reportName, params, config);
     };
 
+    $rootScope.getDashboard = function(dashboardName, params, config) {
+      DashboardService.openDashboard(dashboardName, params, config);
+    };
+
+    var idleMonitor = function(timer){
+        let userIsIdle = false;
+        let userIdleTime = new Date().getTime();
+
+        var notifyIdle = function() {
+           if (!userIsIdle) {
+             userIsIdle = true;
+             console.log("User is Idle");
+             try {
+               $scope.logout();
+             } catch (e) {
+               console.log(e)
+             }
+           }
+         }
+
+         var resetIdleTimer = function() {
+           userIdleTime = new Date().getTime();
+           if (userIsIdle) {
+             console.log("User is Back");
+           }
+           userIsIdle = false;
+         }
+
+         var monitorIdleWindow = function(win) {
+           win.onload = resetIdleTimer;
+           win.onmousemove = resetIdleTimer;
+           win.onmousedown = resetIdleTimer;
+           win.ontouchstart = resetIdleTimer;
+           win.onclick = resetIdleTimer;
+           win.onkeypress = resetIdleTimer;
+           win.addEventListener('scroll', resetIdleTimer, true);
+           resetIdleTimer();
+         }
+
+         if(timer && timer > 0){
+           monitorIdleWindow(window);
+           setInterval(() => {
+             if (new Date().getTime() - userIdleTime > (60000 * timer)) {
+               notifyIdle();
+             }
+           }, 1000);
+         }
+     }
+
+    cronapp.ioc.getInstance(cronapp.configuration.IConfigurationService).getValue("cronapp.framework.auth.idletime").then(idleMonitor);
+
     $scope.message = {};
 
     $scope.selecionado = {
@@ -482,6 +553,14 @@
       }
     }
 
+    let logoutUri = params["logoutUri"];
+
+    if (logoutUri) {
+      window.localStorage.setItem("logoutUri", logoutUri);
+    } else {
+      window.localStorage.removeItem("logoutUri");
+    }
+
     $scope.login("#OAUTH#", "#OAUTH#", params["_ctk"]);
   });
 

package/js/customStateProvider.js

@@ -9,6 +9,12 @@ To add your route in the angular, uncomment the code and use this structure
 //       templateUrl: 'views/login.view.html'
 //     })
 
+//     .state('signup', {
+//       url: "/public/signup",
+//       controller: 'SignupController',
+//       templateUrl: 'views/public/signup.view.html'
+//     })
+
 //     .state('social', {
 //       url: "/connected",
 //       controller: 'SocialController',

package/js/dashboard/dashboard.service.js

@@ -0,0 +1,297 @@
+(function($app) {
+  angular.module('dashboard.services', []).service('DashboardService', function($http, $compile, $modal, $translate, $window, $rootScope) {
+    var body = $('body');
+    var scope = angular.element(body.get(0)).scope();
+    var scriptsStimulsoft = [
+      'node_modules/cronapp-lib-js/dist/js/stimulsoft/stimulsoft-all.js',
+      'node_modules/cronapp-lib-js/dist/js/stimulsoft/stimulsoft-helper.js'
+    ];
+
+    var loadedScripts = [];
+
+    // data
+    this.getDashboard = function(dashboardName) {
+      var req = {
+        url : 'api/rest/dashboard',
+        method : 'POST',
+        data : angular.toJson({
+          'dashboardName' : dashboardName
+        })
+      };
+      return $http(req);
+    };
+
+    this.getContentAsString = function(dashboard) {
+      var req = {
+        url : 'api/rest/dashboard/contentasstring',
+        method : 'POST',
+        data : angular.toJson(dashboard)
+      };
+      return $http(req);
+    };
+
+    this.openURLContent = function(url) {
+
+      // If Device is Mobile do not open modal. Open Report in new tab.
+      if(url && isMobile()) {
+        openReportOnMobile(url);
+        return;
+      }
+
+      var include = function() {
+        var frame = $('<iframe/>');
+        frame.attr('frameborder', 0);
+        var h = parseInt($(window).height());
+
+        frame.attr('height', h - 200);
+        frame.attr('width', '100%');
+        frame.attr('src', url + "?download=false");
+        var m = $('#reportView .modal-body');
+        if(m.get(0)) {
+          m.html(frame);
+          $('#reportViewContext .modal-dialog').css('width', '95%');
+          setTimeout(function() {
+            console.log('open[#reportViewContext]');
+            $('body').append(context);
+            $('#reportView').modal();
+          }, 100);
+        }
+        else {
+          console.log('wait[#reportViewContext]');
+          setTimeout(include, 200);
+        }
+      }
+
+      setTimeout(include, 200);
+    };
+
+    this.initializeStimulsoft = function(language) {
+      if (!Stimulsoft.Base.StiLicense.Key) {
+        stimulsoftHelper.setLanguage(language);
+        var localization = stimulsoftHelper.getLocalization();
+        Stimulsoft.Base.Localization.StiLocalization.loadLocalization(localization.xml);
+        Stimulsoft.Base.Localization.StiLocalization.cultureName = localization.cultureName;
+        Stimulsoft.Base.StiLicense.Key = stimulsoftHelper.getKey();
+      }
+    }
+  
+    this.openStimulsoftReport = function(json, parameters, config) {
+
+      var context = $('#dashboardViewContext');
+      if(!context.get(0)) {
+        body.append('<div id="dashboardViewContext" ng-include="\'node_modules/cronapp-framework-js/components/dashboard/dashboard.view.html\'"></div>');
+        $compile(body)(scope);
+        context = $('#dashboardViewContext');
+      }
+      
+      var h = parseInt($(window).height());
+      var heightRepo = (h - 200) + "px";
+      var viewerId = "StiViewer" + app.common.generateId();
+      var dashboard = Stimulsoft.Report.StiReport.createNewDashboard();
+      dashboard.load(json);
+    
+      var getViewer = () => {
+        var options = new Stimulsoft.Viewer.StiViewerOptions();
+        options.toolbar.showAboutButton = false;
+        if (config) {
+          options.toolbar.visible = config.showToolbar;
+          options.appearance.scrollbarsMode = config.showScrollbar;
+          if (config.height != undefined)
+            options.height = config.height + "px";
+        } else {
+          options.appearance.scrollbarsMode = true;
+          options.height = heightRepo;
+        }
+        var viewer = new Stimulsoft.Viewer.StiViewer(options, viewerId, false);
+        viewer.report = dashboard;
+        if(StiJsViewer.prototype.IsTouchDevice()) {
+          viewer.options.appearance.interfaceType = Stimulsoft.Viewer.StiInterfaceType.Touch;
+        }
+        return viewer;
+      };
+    
+      if (config && config.$element) {
+        getViewer(config).renderHtml(config.$element[0]);
+      } else {
+      
+        function observeFullScreen() {
+          var $contentReport;
+          var $modalBody;
+          var $headerBody;
+          var $otherHeader;
+          var $reportView;
+          var observerInterval = setInterval(function() {
+            var $renderedReport = $('#'+viewerId);
+            if ($renderedReport.length) {
+              if (!$contentReport) {
+                $contentReport = $renderedReport.parent();
+                $modalBody = $contentReport.parent();
+                $headerBody = $modalBody.parent();
+                $otherHeader = $headerBody.parent(); //coloca o css e coloca o 100% do width (remove modal-dialog modal-lg)
+                $reportView = $otherHeader.parent(); //coloca o css (remove modal fade ng-scope in)
+              }
+            }
+            else {
+              console.log('cleared interval: ' + viewerId);
+              clearInterval(observerInterval);
+            }
+          }, 100);
+        }
+      
+        function startShow(url) {
+
+          // If Device is Mobile do not open modal. Open Report in new tab.
+          if(url && isMobile()) {
+            openReportOnMobile(url);
+            return;
+          }
+
+          var include = setInterval(function() {
+            var div = $('<div/>');
+            div.attr('id',"contentDashboard");
+            div.attr('width', '100%');
+            var m = $('#dashboardView .modal-body');
+            if(m.get(0)) {
+              m.html(div);
+              $('#dashboardViewContext .modal-dialog').css('width', '95%');
+              setTimeout(function() {
+                console.log('open[#dashboardViewContext]');
+                $('body').append(context);
+                cronapi.screen.showModal('dashboardView');
+                getViewer(config).renderHtml("contentDashboard");
+                setTimeout(function() { observeFullScreen() },100);
+              }, 100);
+            
+              clearInterval(include);
+            }
+          }, 200);
+        }
+        startShow(null);      
+      }
+      $(`#${viewerId}`).find('img').attr('alt','');
+      $(`#${viewerId}`).find('input').attr('aria-label', viewerId);
+    
+    };
+
+    this.loadSriptsStimulsoft = function(callback) {
+      var loadedAllSuccess = true;
+      var total = scriptsStimulsoft.length;
+      var totalAdded = 0;
+
+      Pace.options.initialRate = 0.7;
+      Pace.options.minTime = 1750;
+      Pace.options.maxProgressPerFrame = 1;
+      Pace.options.ghostTime = 120000;
+      let refreshPaceUntilLoad = setInterval( () => Pace.restart(), 2500);
+
+      scriptsStimulsoft.forEach(function(url, idx) {
+        this.loadScript(url, function(success) {
+          totalAdded++;
+          if (!success)
+            loadedAllSuccess = false;
+          if (totalAdded == total) {
+            clearInterval(refreshPaceUntilLoad);
+            Pace.options.initialRate = 0.03;
+            Pace.options.minTime = 250;
+            Pace.options.maxProgressPerFrame = 20;
+            Pace.options.ghostTime = 10;
+            Pace.stop();
+            callback(loadedAllSuccess);
+          }
+        });
+      }.bind(this));
+    }
+
+    this.loadScript = function(url, callback) {
+      if($.inArray(url, loadedScripts) >= 0) {
+        callback && callback(true);
+        return;
+      }
+
+      if(url.indexOf(".css") != -1) {
+        var link = document.createElement('link');
+        link.rel = 'stylesheet';
+        link.type = 'text/css';
+        link.href = url;
+        link.media = 'all';
+        link.onload = function() {
+          loadedScripts.push(url);
+          callback && callback(true);
+        };
+        link.onerror = function() {
+          callback && callback(false);
+        };
+        try {
+          document.getElementsByTagName('head')[0].appendChild(link);
+        }
+        catch(ex) {
+          console.log(ex);
+        }
+      }
+      else {
+        var script = document.createElement("script")
+        script.type = "text/javascript";
+        if(script.readyState) { // IE
+          script.onreadystatechange = function() {
+            if(script.readyState == "loaded" || script.readyState == "complete") {
+              script.onreadystatechange = null;
+              loadedScripts.push(url);
+              callback && callback(true);
+            }
+          };
+        }
+        else { // Others
+          script.onload = function() {
+            loadedScripts.push(url);
+            callback && callback(true);
+          };
+        }
+
+        script.src = url;
+        document.getElementsByTagName("head")[0].appendChild(script);
+      }
+    }
+
+    this.openDashboard = function(dashboardName, params, config) {
+      this.getDashboard(dashboardName).then(function(result) {
+        if(result && result.data) {
+          if (result.data.dashboardName.endsWith('.dashboard')) {
+
+            this.loadSriptsStimulsoft(function(success) {
+              if (success) {
+                this.initializeStimulsoft($translate.use());
+                this.getContentAsString(result.data).then(
+                    function (content) {
+                    this.openStimulsoftReport(content.data, result.data.parameters, result.data.datasourcesInBand, config);
+                    }.bind(this),
+                    function (data) {
+                      var message = cronapi.internal.getErrorMessage(data, data.statusText);
+                      scope.Notification.error(message);
+                    }.bind(this)
+                );
+              }
+              else {
+                scope.Notification.error("Error loading report script");
+              }
+
+            }.bind(this));
+          }
+        }
+      }.bind(this));
+    };
+
+    function isMobile() {
+      return (navigator.userAgent.match(/Android/i)
+          || navigator.userAgent.match(/webOS/i)
+          || navigator.userAgent.match(/iPhone/i)
+          || navigator.userAgent.match(/iPad/i)
+          || navigator.userAgent.match(/iPod/i)
+          || navigator.userAgent.match(/BlackBerry/i)
+          || navigator.userAgent.match(/Windows Phone/i))
+    }
+
+    function openReportOnMobile(url) {
+      window.open(url, '_blank');
+    }
+  });
+}(app));