@po-ui/ng-templates 5.20.0 → 5.22.2

package/bundles/po-ui-ng-templates.umd.js

@@ -5607,6 +5607,7 @@
             this.firstExecution = new Date();
             this.firstExecutionHour = this.getCurrentHour(this.firstExecution);
             this.recurrent = true;
+            this.frequency = {};
         }
         PoPageJobSchedulerInternal.prototype.getCurrentHour = function (date) {
             var hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();
@@ -5630,8 +5631,8 @@
         };
         // Cria um recurso
         PoPageJobSchedulerService.prototype.createResource = function (resource) {
-            var jobScheduler = this.convertToJobScheduler(resource);
-            return this.http.post("" + this.endpoint, jobScheduler, { headers: this.headers });
+            var newResouce = this.convertToJobScheduler(resource);
+            return this.http.post("" + this.endpoint, newResouce, { headers: this.headers });
         };
         PoPageJobSchedulerService.prototype.getHeadProcesses = function () {
             var headers = { 'X-PO-No-Error': 'true' };
@@ -5661,8 +5662,8 @@
         };
         // Atualiza um recurso
         PoPageJobSchedulerService.prototype.updateResource = function (id, resource) {
-            var jobScheduler = this.convertToJobScheduler(resource);
-            return this.http.put(this.endpoint + "/" + id, jobScheduler, { headers: this.headers });
+            var newResouce = this.convertToJobScheduler(resource);
+            return this.http.put(this.endpoint + "/" + id, newResouce, { headers: this.headers });
         };
         PoPageJobSchedulerService.prototype.convertToJobScheduler = function (jobSchedulerInternal) {
             var jobScheduler = Object.assign({}, jobSchedulerInternal);
@@ -5677,6 +5678,21 @@
             if (jobSchedulerInternal.firstExecutionHour) {
                 jobScheduler.firstExecution = this.replaceHourFirstExecution(jobSchedulerInternal.firstExecution, jobSchedulerInternal.firstExecutionHour);
             }
+            if (jobSchedulerInternal.frequency && jobSchedulerInternal.frequency.type) {
+                jobScheduler.rangeExecutions = {
+                    frequency: Object.assign({}, jobSchedulerInternal.frequency)
+                };
+                if (jobSchedulerInternal.rangeLimitHour) {
+                    var splitRangeLimitHour = jobSchedulerInternal.rangeLimitHour.split(':');
+                    jobScheduler.rangeExecutions.rangeLimit = {
+                        hour: parseInt(splitRangeLimitHour[0], 10),
+                        minute: parseInt(splitRangeLimitHour[1], 10)
+                    };
+                }
+                if (jobSchedulerInternal.rangeLimitDay) {
+                    jobScheduler.rangeExecutions.rangeLimit = Object.assign(Object.assign({}, jobScheduler.rangeExecutions.rangeLimit), { day: jobSchedulerInternal.rangeLimitDay });
+                }
+            }
             if (!Object.keys(this.returnValidExecutionParameter(jobScheduler.executionParameter)).length) {
                 delete jobScheduler.executionParameter;
             }
@@ -5690,6 +5706,18 @@
                 jobSchedulerInternal.firstExecutionHour = this.getHourFirstExecution(jobScheduler.firstExecution);
             }
             Object.assign(jobSchedulerInternal, this.convertToPeriodicityInternal(jobScheduler));
+            if (jobScheduler.rangeExecutions) {
+                jobSchedulerInternal.rangeLimitHour = (jobScheduler.rangeExecutions.rangeLimit.hour < 10
+                    ? '0' + jobScheduler.rangeExecutions.rangeLimit.hour
+                    : jobScheduler.rangeExecutions.rangeLimit.hour) + ":" + (jobScheduler.rangeExecutions.rangeLimit.minute < 10
+                    ? '0' + jobScheduler.rangeExecutions.rangeLimit.minute
+                    : jobScheduler.rangeExecutions.rangeLimit.minute);
+                jobSchedulerInternal.rangeLimitDay = jobScheduler.rangeExecutions.rangeLimit.day;
+                jobSchedulerInternal.frequency = {
+                    type: jobScheduler.rangeExecutions.frequency.type,
+                    value: jobScheduler.rangeExecutions.frequency.value
+                };
+            }
             this.removeInvalidKeys(jobSchedulerInternal, ['weekly', 'monthly', 'daily']);
             return jobSchedulerInternal;
         };
@@ -5753,12 +5781,18 @@
                 'day',
                 'daysOfWeek',
                 'dayOfMonth',
-                'firstExecutionHour'
+                'firstExecutionHour',
+                'frequency',
+                'rangeLimitHour',
+                'rangeLimitDay'
             ];
             Object.keys(value).forEach(function (key) {
                 if (invalidKeys.includes(key)) {
                     delete value[key];
                 }
+                else if (key === 'rangeExecutions' && value['periodicity'] === 'single') {
+                    delete value[key];
+                }
             });
         };
         PoPageJobSchedulerService.prototype.replaceHourFirstExecution = function (date, time) {
@@ -5803,16 +5837,30 @@
             this.poPageJobSchedulerService = poPageJobSchedulerService;
             /** Objeto com as propriedades do breadcrumb. */
             this.breadcrumb = { items: [] };
+            /**
+             * Parâmetros que serão utilizados para criação e edição dos agendamentos.
+             *
+             * Ao utilizar esta propriedade, o componente não buscará automaticamente os parâmetros da API e o campo para preenchimento do processo não será exibido.
+             *
+             */
+            this.parameters = [];
             this.model = new PoPageJobSchedulerInternal();
             this._subscription = new rxjs.Subscription();
         }
+        Object.defineProperty(PoPageJobSchedulerBaseComponent.prototype, "value", {
+            set: function (value) {
+                this.model = this.poPageJobSchedulerService.convertToJobSchedulerInternal(value);
+            },
+            enumerable: false,
+            configurable: true
+        });
         PoPageJobSchedulerBaseComponent.prototype.ngOnDestroy = function () {
             this._subscription.unsubscribe();
         };
         PoPageJobSchedulerBaseComponent.prototype.loadData = function (id) {
             var _this = this;
             if (!id) {
-                this.model = new PoPageJobSchedulerInternal();
+                this.model = this.model || new PoPageJobSchedulerInternal();
                 return;
             }
             this._subscription.add(this.poPageJobSchedulerService.getResource(id).subscribe(function (response) {
@@ -5842,7 +5890,9 @@
     PoPageJobSchedulerBaseComponent.propDecorators = {
         breadcrumb: [{ type: i0.Input, args: ['p-breadcrumb',] }],
         serviceApi: [{ type: i0.Input, args: ['p-service-api',] }],
-        title: [{ type: i0.Input, args: ['p-title',] }]
+        title: [{ type: i0.Input, args: ['p-title',] }],
+        parameters: [{ type: i0.Input, args: ['p-parameters',] }],
+        value: [{ type: i0.Input, args: ['p-value',] }]
     };
 
     var poPageJobSchedulerLiteralsDefault = {
@@ -5863,8 +5913,14 @@
             parameterization: 'Parameterization',
             conclude: 'Conclude',
             firstExecution: 'First Execution',
+            startTime: 'Start time',
+            endTime: 'End time',
+            time: 'Time',
             hour: 'Hour',
+            minute: 'Minute',
             day: 'Day',
+            endDay: 'End day',
+            startDay: 'Start day',
             weekDays: 'Week days',
             sunday: 'Sunday',
             monday: 'Monday',
@@ -5883,7 +5939,10 @@
             confirmUpdateMessage: 'Are you sure you want to update this schedule?',
             saveNotificationSuccessUpdate: 'Successfully updated scheduling',
             saveNotificationSuccessSave: 'Successfully saved scheduling',
-            parametersNotFound: 'Parameters not found.'
+            parametersNotFound: 'Parameters not found.',
+            frequency: 'Frequency',
+            to: 'to',
+            from: 'from'
         },
         es: {
             at: 'a las',
@@ -5902,8 +5961,14 @@
             parameterization: 'Parametrización',
             conclude: 'Completar',
             firstExecution: 'Primera ejecución',
-            hour: 'Horario',
+            startTime: 'Hora de inicio',
+            endTime: 'Hora de finalización',
+            time: 'Horário',
+            hour: 'Hora',
+            minute: 'Minute',
             day: 'Día',
+            endDay: 'Último Día',
+            startDay: 'Día de inicio',
             weekDays: 'Dias de la semana',
             sunday: 'Domingo',
             monday: 'Lunes',
@@ -5922,7 +5987,10 @@
             confirmUpdateMessage: '¿Está seguro de que desea cambiar esta programación de proceso?',
             saveNotificationSuccessUpdate: 'Programación de proceso actualizada con éxito.',
             saveNotificationSuccessSave: 'Programación de proceso salvo con éxito.',
-            parametersNotFound: 'No se encontraron parámetros.'
+            parametersNotFound: 'No se encontraron parámetros.',
+            frequency: 'Frecuencia',
+            to: 'de',
+            from: 'a'
         },
         pt: {
             at: 'às',
@@ -5941,8 +6009,14 @@
             parameterization: 'Parametrização',
             conclude: 'Concluir',
             firstExecution: 'Primeira execução',
-            hour: 'Horário',
+            startTime: 'Horário inicial',
+            endTime: 'Horário final',
+            time: 'Horário',
+            hour: 'Hora',
+            minute: 'Minuto',
             day: 'Dia',
+            endDay: 'Dia final',
+            startDay: 'Dia inicial',
             weekDays: 'Dias de semana',
             sunday: 'Domingo',
             monday: 'Segunda-feira',
@@ -5961,7 +6035,10 @@
             confirmUpdateMessage: 'Tem certeza que deseja alterar este agendamento de processo?',
             saveNotificationSuccessUpdate: 'Agendamento de processo atualizado com sucesso.',
             saveNotificationSuccessSave: 'Agendamento de processo salvo com sucesso.',
-            parametersNotFound: 'Parâmetros não foram encontrados.'
+            parametersNotFound: 'Parâmetros não foram encontrados.',
+            frequency: 'Frequência',
+            to: 'das',
+            from: 'até'
         },
         ru: {
             at: 'в',
@@ -5980,8 +6057,14 @@
             parameterization: 'Параметризация',
             conclude: 'Завершить',
             firstExecution: 'Первичное выполнение',
+            startTime: 'начальное время',
+            endTime: 'время окончания',
+            time: 'расписание',
             hour: 'Час',
             day: 'День',
+            minute: 'минута',
+            endDay: 'последний день',
+            startDay: 'день начала',
             weekDays: 'Рабочие дни',
             sunday: 'Воскресенье',
             monday: 'Понедельник',
@@ -6000,7 +6083,10 @@
             confirmUpdateMessage: 'Вы уверены, что хотите обновить это расписание?',
             saveNotificationSuccessUpdate: 'Расписание успешно обновлено',
             saveNotificationSuccessSave: 'Расписание успешно сохранено ',
-            parametersNotFound: 'Параметры не найдены'
+            parametersNotFound: 'Параметры не найдены',
+            frequency: 'Частота',
+            to: 'с',
+            from: 'до'
         }
     };
 
@@ -6047,8 +6133,8 @@
             _this.poPageJobSchedulerService = poPageJobSchedulerService;
             _this.isEdit = false;
             _this.literals = Object.assign({}, poPageJobSchedulerLiteralsDefault[i2.poLocaleDefault]);
-            _this.parameters = [];
             _this.step = 1;
+            _this.parametersEmpty = true;
             _this.steps = [];
             _this.backPageAction = {
                 label: _this.literals.back,
@@ -6091,6 +6177,9 @@
             var paramId = this.activatedRoute.snapshot.params['id'];
             this.isEdit = !!paramId;
             this.poPageJobSchedulerService.configServiceApi({ endpoint: this.serviceApi });
+            if (this.parameters.length) {
+                this.parametersEmpty = false;
+            }
             this.loadData(paramId);
         };
         PoPageJobSchedulerComponent.prototype.changePageActionsBySteps = function (currentStep, nextStep) {
@@ -6127,7 +6216,7 @@
             }
         };
         PoPageJobSchedulerComponent.prototype.onChangeProcess = function (process) {
-            if (process.existAPI && process.processId) {
+            if (process.existAPI && process.processId && this.parametersEmpty) {
                 this.getParametersByProcess(process.processId);
                 if (!this.isEdit) {
                     this.model.executionParameter = {};
@@ -6228,7 +6317,7 @@
     PoPageJobSchedulerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'po-page-job-scheduler',
-                    template: "<po-page-default [p-actions]=\"jobSchedulerActions\" [p-breadcrumb]=\"breadcrumb\" [p-title]=\"title\">\n  <div class=\"po-row\">\n    <po-stepper\n      class=\"po-lg-3 po-xl-2\"\n      p-sequential=\"true\"\n      [p-orientation]=\"stepperOrientation\"\n      [p-step]=\"step\"\n      [p-steps]=\"steps\"\n      (p-change-step)=\"nextStep($event)\"\n    >\n    </po-stepper>\n\n    <po-container class=\"po-lg-8 po-xl-6\">\n      <form #formScheduler=\"ngForm\">\n        <div class=\"po-row\">\n          <po-page-job-scheduler-execution\n            [hidden]=\"step !== 1\"\n            #schedulerExecution\n            class=\"po-md-12\"\n            [p-is-edit]=\"isEdit\"\n            [p-literals]=\"literals\"\n            [p-value]=\"model\"\n            (p-change-process)=\"onChangeProcess($event)\"\n          >\n          </po-page-job-scheduler-execution>\n\n          <po-page-job-scheduler-parameters\n            *ngIf=\"step === 2\"\n            #schedulerParameters\n            class=\"po-md-12\"\n            [p-literals]=\"literals\"\n            [p-parameters]=\"parameters || []\"\n            [(p-value)]=\"model.executionParameter\"\n          >\n          </po-page-job-scheduler-parameters>\n\n          <po-page-job-scheduler-summary\n            *ngIf=\"step === 3\"\n            class=\"po-md-12\"\n            [p-literals]=\"literals\"\n            [p-parameters]=\"parameters\"\n            [p-value]=\"publicValues\"\n          >\n          </po-page-job-scheduler-summary>\n        </div>\n      </form>\n    </po-container>\n  </div>\n</po-page-default>\n",
+                    template: "<po-page-default [p-actions]=\"jobSchedulerActions\" [p-breadcrumb]=\"breadcrumb\" [p-title]=\"title\">\n  <div class=\"po-row\">\n    <po-stepper\n      class=\"po-lg-3 po-xl-2\"\n      p-sequential=\"true\"\n      [p-orientation]=\"stepperOrientation\"\n      [p-step]=\"step\"\n      [p-steps]=\"steps\"\n      (p-change-step)=\"nextStep($event)\"\n    >\n    </po-stepper>\n\n    <po-container class=\"po-lg-8 po-xl-6\">\n      <form #formScheduler=\"ngForm\">\n        <div class=\"po-row\">\n          <po-page-job-scheduler-execution\n            [p-no-parameters]=\"parametersEmpty\"\n            [hidden]=\"step !== 1\"\n            #schedulerExecution\n            class=\"po-md-12\"\n            [p-is-edit]=\"isEdit\"\n            [p-literals]=\"literals\"\n            [p-value]=\"model\"\n            (p-change-process)=\"onChangeProcess($event)\"\n          >\n          </po-page-job-scheduler-execution>\n\n          <po-page-job-scheduler-parameters\n            *ngIf=\"step === 2\"\n            #schedulerParameters\n            class=\"po-md-12\"\n            [p-literals]=\"literals\"\n            [p-parameters]=\"parameters || []\"\n            [(p-value)]=\"model.executionParameter\"\n          >\n          </po-page-job-scheduler-parameters>\n\n          <po-page-job-scheduler-summary\n            [p-no-parameters]=\"parametersEmpty\"\n            *ngIf=\"step === 3\"\n            class=\"po-md-12\"\n            [p-literals]=\"literals\"\n            [p-parameters]=\"parameters\"\n            [p-value]=\"publicValues\"\n          >\n          </po-page-job-scheduler-summary>\n        </div>\n      </form>\n    </po-container>\n  </div>\n</po-page-default>\n",
                     encapsulation: i0.ViewEncapsulation.None,
                     styles: ["\n      po-container .po-container {\n        overflow-y: unset;\n      }\n    "]
                 },] }
@@ -6252,6 +6341,7 @@
             this.poPageJobSchedulerLookup = poPageJobSchedulerLookup;
             this.isEdit = false;
             this.literals = {};
+            this.noParameters = true;
             this.changeProcess = new i0.EventEmitter();
             this.dayPattern = '^(3[0-1]|[0-2][0-9]|[1-9]|0[1-9])$';
             this.existProcessAPI = true;
@@ -6259,6 +6349,9 @@
             this.periodicityOptions = [];
             this.timePattern = '^(2[0-3]|[01][0-9]):?([0-5][0-9])$';
             this.weekDays = [];
+            this.frequencyOptions = [];
+            this.containsFrequency = false;
+            this.frequency = 'hour';
             this._value = {};
         }
         Object.defineProperty(PoPageJobSchedulerExecutionComponent.prototype, "value", {
@@ -6267,6 +6360,7 @@
             },
             set: function (value) {
                 this._value = value && isTypeof(value, 'object') ? value : {};
+                this.containsFrequency = this._value.frequency && this._value.frequency.value ? true : false;
             },
             enumerable: false,
             configurable: true
@@ -6278,10 +6372,27 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(PoPageJobSchedulerExecutionComponent.prototype, "hourLabel", {
+            get: function () {
+                return this.containsFrequency ? this.literals.startTime : this.literals.time;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(PoPageJobSchedulerExecutionComponent.prototype, "dayLabel", {
+            get: function () {
+                return this.containsFrequency ? this.literals.startDay : this.literals.day;
+            },
+            enumerable: false,
+            configurable: true
+        });
         PoPageJobSchedulerExecutionComponent.prototype.ngAfterViewInit = function () {
             var _this = this;
             setTimeout(function () {
                 _this.subscribeProcessIdValueChanges();
+                if (_this.value.periodicity) {
+                    _this.frequencyOptions = _this.frequencyOptions.map(function (frequencyOption) { return (Object.assign(Object.assign({}, frequencyOption), { disabled: frequencyOption.value === 'day' && _this.value.periodicity !== 'monthly' })); });
+                }
             });
         };
         PoPageJobSchedulerExecutionComponent.prototype.ngOnInit = function () {
@@ -6290,9 +6401,30 @@
                 monthly: this.monthlyTemplate,
                 weekly: this.weeklyTempalte
             };
-            this.checkExistsProcessesAPI();
+            if (this.noParameters) {
+                this.checkExistsProcessesAPI();
+            }
             this.periodicityOptions = this.getPeriodicityOptions();
             this.weekDays = this.getWeekDays();
+            this.frequencyOptions = this.getFrequencyOptions();
+        };
+        PoPageJobSchedulerExecutionComponent.prototype.onChangeContainsFrequency = function (containsFrequency) {
+            if (containsFrequency) {
+                this.value.frequency = { type: 'hour', value: null };
+            }
+            else {
+                this.value.frequency = {};
+            }
+            this.value.rangeLimitHour = null;
+            this.value.rangeLimitDay = null;
+            this.value.dayOfMonth = null;
+        };
+        PoPageJobSchedulerExecutionComponent.prototype.onChangePeriodicityOptions = function (periodicity) {
+            this.frequencyOptions = this.frequencyOptions.map(function (frequencyOption) { return (Object.assign(Object.assign({}, frequencyOption), { disabled: frequencyOption.value === 'day' && periodicity !== 'monthly' })); });
+            this.value.frequency.type = null;
+        };
+        PoPageJobSchedulerExecutionComponent.prototype.onChangeFrequencyOptions = function () {
+            this.value.rangeLimitHour = null;
         };
         PoPageJobSchedulerExecutionComponent.prototype.checkExistsProcessesAPI = function () {
             var _this = this;
@@ -6308,6 +6440,13 @@
                 { label: this.literals.monthly, value: 'monthly' }
             ];
         };
+        PoPageJobSchedulerExecutionComponent.prototype.getFrequencyOptions = function () {
+            return [
+                { label: this.literals.day, value: 'day' },
+                { label: this.literals.hour, value: 'hour' },
+                { label: this.literals.minute, value: 'minute' }
+            ];
+        };
         PoPageJobSchedulerExecutionComponent.prototype.getWeekDays = function () {
             return [
                 { label: this.literals.sunday, value: 'Sunday' },
@@ -6321,7 +6460,8 @@
         };
         PoPageJobSchedulerExecutionComponent.prototype.subscribeProcessIdValueChanges = function () {
             var _this = this;
-            this.form.controls['processID'].valueChanges.subscribe(function (processId) {
+            var _a;
+            (_a = this.form.controls['processID']) === null || _a === void 0 ? void 0 : _a.valueChanges.subscribe(function (processId) {
                 _this.changeProcess.emit({ processId: processId, existAPI: _this.existProcessAPI });
             });
         };
@@ -6330,7 +6470,7 @@
     PoPageJobSchedulerExecutionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'po-page-job-scheduler-execution',
-                    template: "<form #formExecution=\"ngForm\">\n  <div class=\"po-row\">\n    <ng-container *ngIf=\"existProcessAPI; then lookupProcessesID; else inputProcessesID\"></ng-container>\n  </div>\n\n  <div class=\"po-row\">\n    <po-divider class=\"po-md-12\" [p-label]=\"literals.firstExecution\"></po-divider>\n\n    <po-datepicker\n      class=\"po-md-4\"\n      name=\"firstExecution\"\n      [(ngModel)]=\"value.firstExecution\"\n      p-placeholder=\"dd/mm/aaaa\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.day\"\n      [p-min-date]=\"startDateFirstExecution\"\n    >\n    </po-datepicker>\n\n    <po-input\n      class=\"po-md-2\"\n      name=\"firstExecutionHour\"\n      [(ngModel)]=\"value.firstExecutionHour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.hour\"\n      [p-pattern]=\"timePattern\"\n    >\n    </po-input>\n  </div>\n\n  <hr />\n\n  <div class=\"po-row\">\n    <po-radio-group\n      class=\"po-sm-12\"\n      name=\"periodicity\"\n      [(ngModel)]=\"value.periodicity\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.periodicity\"\n      [p-options]=\"periodicityOptions\"\n    >\n    </po-radio-group>\n\n    <ng-container *ngIf=\"value.periodicity !== 'single'\">\n      <po-divider class=\"po-md-12\" [p-label]=\"literals.periodicityData\"> </po-divider>\n\n      <div class=\"po-row\">\n        <ng-container *ngTemplateOutlet=\"periodicityTemplates[value.periodicity]\"> </ng-container>\n      </div>\n\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-3\"\n          name=\"recurrent\"\n          [(ngModel)]=\"value.recurrent\"\n          [p-label]=\"literals.recurrent\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n        >\n        </po-switch>\n      </div>\n    </ng-container>\n  </div>\n\n  <ng-template #lookupProcessesID>\n    <po-lookup\n      class=\"po-md-12\"\n      name=\"processID\"\n      [(ngModel)]=\"value.processID\"\n      p-field-label=\"description\"\n      p-field-value=\"processID\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-filter-service]=\"poPageJobSchedulerLookup\"\n      [p-label]=\"literals.process\"\n      [p-placeholder]=\"literals.enterProcess\"\n    >\n    </po-lookup>\n  </ng-template>\n\n  <ng-template #inputProcessesID>\n    <po-input\n      class=\"po-md-12\"\n      name=\"processID\"\n      [(ngModel)]=\"value.processID\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.process\"\n      [p-placeholder]=\"literals.enterProcess\"\n    >\n    </po-input>\n  </ng-template>\n\n  <ng-template #dailyTemplate>\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #weeklyTemplate>\n    <div class=\"po-row\">\n      <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n    </div>\n\n    <po-checkbox-group\n      class=\"po-md-12\"\n      name=\"daysOfWeek\"\n      [(ngModel)]=\"value.daysOfWeek\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.weekDays\"\n      [p-options]=\"weekDays\"\n    >\n    </po-checkbox-group>\n  </ng-template>\n\n  <ng-template #monthlyTemplate>\n    <po-number\n      class=\"po-md-3\"\n      name=\"dayOfMonth\"\n      [(ngModel)]=\"value.dayOfMonth\"\n      p-required\n      [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n      [p-label]=\"literals.day\"\n      [p-max]=\"31\"\n      [p-pattern]=\"dayPattern\"\n    >\n    </po-number>\n\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #inputHourTemplate>\n    <po-input\n      class=\"po-md-2\"\n      name=\"hour\"\n      [(ngModel)]=\"value.hour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-label]=\"literals.hour\"\n      [p-pattern]=\"timePattern\"\n    >\n    </po-input>\n  </ng-template>\n</form>\n"
+                    template: "<form #formExecution=\"ngForm\">\n  <div class=\"po-row\">\n    <ng-container *ngIf=\"existProcessAPI; then lookupProcessesID; else inputProcessesID\"></ng-container>\n  </div>\n\n  <div class=\"po-row\">\n    <po-divider class=\"po-md-12\" [p-label]=\"literals.firstExecution\"></po-divider>\n\n    <po-datepicker\n      class=\"po-md-4\"\n      name=\"firstExecution\"\n      [(ngModel)]=\"value.firstExecution\"\n      p-placeholder=\"dd/mm/aaaa\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.day\"\n      [p-min-date]=\"startDateFirstExecution\"\n    >\n    </po-datepicker>\n\n    <po-input\n      class=\"po-md-2\"\n      name=\"firstExecutionHour\"\n      [(ngModel)]=\"value.firstExecutionHour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.time\"\n      [p-pattern]=\"timePattern\"\n    >\n    </po-input>\n  </div>\n\n  <hr />\n\n  <div class=\"po-row\">\n    <po-radio-group\n      class=\"po-sm-12\"\n      name=\"periodicity\"\n      [(ngModel)]=\"value.periodicity\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.periodicity\"\n      [p-options]=\"periodicityOptions\"\n      (p-change)=\"onChangePeriodicityOptions($event)\"\n    >\n    </po-radio-group>\n\n    <ng-container *ngIf=\"value.periodicity !== 'single'\">\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-12\"\n          name=\"containsFrequency\"\n          [(ngModel)]=\"containsFrequency\"\n          [p-label]=\"literals.frequency\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          (p-change)=\"onChangeContainsFrequency($event)\"\n        >\n        </po-switch>\n        <ng-container *ngIf=\"containsFrequency\">\n          <po-radio-group\n            class=\"po-md-10\"\n            name=\"frequencyType\"\n            p-required\n            [(ngModel)]=\"value.frequency.type\"\n            [p-columns]=\"3\"\n            [p-options]=\"frequencyOptions\"\n            (p-change)=\"onChangeFrequencyOptions()\"\n          >\n          </po-radio-group>\n\n          <po-number class=\"po-md-2\" name=\"frequencyValue\" p-required [(ngModel)]=\"value.frequency.value\"> </po-number>\n        </ng-container>\n      </div>\n\n      <div class=\"po-row\">\n        <po-divider class=\"po-md-12\" [p-label]=\"literals.periodicityData\"> </po-divider>\n\n        <ng-container *ngTemplateOutlet=\"periodicityTemplates[value.periodicity]\"> </ng-container>\n      </div>\n\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-3\"\n          name=\"recurrent\"\n          [(ngModel)]=\"value.recurrent\"\n          [p-label]=\"literals.recurrent\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n        >\n        </po-switch>\n      </div>\n    </ng-container>\n  </div>\n\n  <ng-template #lookupProcessesID>\n    <po-lookup\n      *ngIf=\"noParameters\"\n      class=\"po-md-12\"\n      name=\"processID\"\n      [(ngModel)]=\"value.processID\"\n      p-field-label=\"description\"\n      p-field-value=\"processID\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-filter-service]=\"poPageJobSchedulerLookup\"\n      [p-label]=\"literals.process\"\n      [p-placeholder]=\"literals.enterProcess\"\n    >\n    </po-lookup>\n  </ng-template>\n\n  <ng-template #inputProcessesID>\n    <po-input\n      class=\"po-md-12\"\n      name=\"processID\"\n      [(ngModel)]=\"value.processID\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.process\"\n      [p-placeholder]=\"literals.enterProcess\"\n    >\n    </po-input>\n  </ng-template>\n\n  <ng-template #dailyTemplate>\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #weeklyTemplate>\n    <div class=\"po-row\">\n      <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n    </div>\n\n    <po-checkbox-group\n      class=\"po-md-12\"\n      name=\"daysOfWeek\"\n      [(ngModel)]=\"value.daysOfWeek\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.weekDays\"\n      [p-options]=\"weekDays\"\n    >\n    </po-checkbox-group>\n  </ng-template>\n\n  <ng-template #monthlyTemplate>\n    <po-number\n      class=\"po-md-3\"\n      name=\"dayOfMonth\"\n      [(ngModel)]=\"value.dayOfMonth\"\n      p-required\n      [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n      [p-label]=\"dayLabel\"\n      [p-max]=\"31\"\n      [p-pattern]=\"dayPattern\"\n    >\n    </po-number>\n\n    <po-number\n      *ngIf=\"containsFrequency\"\n      class=\"po-md-3\"\n      name=\"rangeLimitDay\"\n      [(ngModel)]=\"value.rangeLimitDay\"\n      p-required\n      [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n      [p-label]=\"literals.endDay\"\n      [p-max]=\"31\"\n      [p-pattern]=\"dayPattern\"\n    >\n    </po-number>\n\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #inputHourTemplate>\n    <po-input\n      class=\"po-md-2\"\n      name=\"hour\"\n      [(ngModel)]=\"value.hour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-label]=\"hourLabel\"\n      [p-pattern]=\"timePattern\"\n    >\n    </po-input>\n\n    <po-input\n      *ngIf=\"containsFrequency && value.frequency.type !== 'day'\"\n      class=\"po-md-2\"\n      name=\"rangeLimitHour\"\n      [(ngModel)]=\"value.rangeLimitHour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-label]=\"literals.endTime\"\n      [p-pattern]=\"timePattern\"\n    >\n    </po-input>\n  </ng-template>\n</form>\n"
                 },] }
     ];
     PoPageJobSchedulerExecutionComponent.ctorParameters = function () { return [
@@ -6344,6 +6484,7 @@
         weeklyTempalte: [{ type: i0.ViewChild, args: ['weeklyTemplate', { static: true },] }],
         isEdit: [{ type: i0.Input, args: ['p-is-edit',] }],
         literals: [{ type: i0.Input, args: ['p-literals',] }],
+        noParameters: [{ type: i0.Input, args: ['p-no-parameters',] }],
         changeProcess: [{ type: i0.Output, args: ['p-change-process',] }],
         value: [{ type: i0.Input, args: ['p-value',] }]
     };
@@ -6386,27 +6527,39 @@
             this.literals = {};
             this.parameters = [];
             this.value = {};
+            this.noParameters = true;
             this.executionValue = '';
             this.firstExecutionValue = '';
             this.infoOrientation = i2.PoInfoOrientation.Horizontal;
             this.periodicityValue = '';
+            this.frequencyValue = '';
+            this.rangeLimitHour = '';
+            this.rangeLimitDay = '';
             this.recurrentValue = '';
         }
         PoPageJobSchedulerSummaryComponent.prototype.ngOnInit = function () {
-            var _a = this.value, periodicity = _a.periodicity, hour = _a.hour, dayOfMonth = _a.dayOfMonth, daysOfWeek = _a.daysOfWeek, recurrent = _a.recurrent, firstExecution = _a.firstExecution, firstExecutionHour = _a.firstExecutionHour;
+            var _a = this.value, periodicity = _a.periodicity, hour = _a.hour, dayOfMonth = _a.dayOfMonth, daysOfWeek = _a.daysOfWeek, recurrent = _a.recurrent, firstExecution = _a.firstExecution, firstExecutionHour = _a.firstExecutionHour, frequency = _a.frequency, rangeLimitHour = _a.rangeLimitHour, rangeLimitDay = _a.rangeLimitDay;
             this.periodicityValue = this.getPeriodicityLabel(periodicity);
-            this.executionValue = this.getExecutionValue(periodicity, hour, daysOfWeek, dayOfMonth);
+            if (frequency) {
+                this.frequencyValue = this.getFrequencyValue(frequency, periodicity);
+            }
+            this.executionValue = this.getExecutionValue(periodicity, hour, daysOfWeek, dayOfMonth, rangeLimitHour, rangeLimitDay);
             this.firstExecutionValue = this.getFirstExecutionLabel(firstExecution, firstExecutionHour);
             this.recurrentValue = this.getRecurrentValue(recurrent);
         };
-        PoPageJobSchedulerSummaryComponent.prototype.getExecutionValue = function (periodicity, hour, daysOfWeek, dayOfMonth) {
+        PoPageJobSchedulerSummaryComponent.prototype.getFrequencyValue = function (frequency, periodicity) {
+            return frequency['value'] && frequency['type'] && periodicity !== 'single'
+                ? frequency['value'] + " - " + frequency['type']
+                : '';
+        };
+        PoPageJobSchedulerSummaryComponent.prototype.getExecutionValue = function (periodicity, hour, daysOfWeek, dayOfMonth, rangeLimitHour, rangeLimitDay) {
             switch (periodicity) {
                 case 'daily':
-                    return this.getHourLabel(hour);
+                    return this.getHourLabel(hour, rangeLimitHour);
                 case 'monthly':
-                    return this.getMonthlyLabelExecution(dayOfMonth, hour);
+                    return this.getMonthlyLabelExecution(dayOfMonth, hour, rangeLimitHour, rangeLimitDay);
                 case 'weekly':
-                    return this.getWeeklyLabelExecution(daysOfWeek, hour);
+                    return this.getWeeklyLabelExecution(daysOfWeek, hour, rangeLimitHour);
                 default:
                     return this.literals.notReported;
             }
@@ -6420,12 +6573,12 @@
                 return this.literals.notReported;
             }
         };
-        PoPageJobSchedulerSummaryComponent.prototype.getHourLabel = function (hour) {
-            return this.literals.at + " " + (hour || '00:00') + "h";
+        PoPageJobSchedulerSummaryComponent.prototype.getHourLabel = function (hour, rangeLimitHour) {
+            return (rangeLimitHour ? this.literals.from : this.literals.at) + " " + (hour || '00:00') + " " + (rangeLimitHour ? this.literals.to + ' ' + rangeLimitHour : '');
         };
-        PoPageJobSchedulerSummaryComponent.prototype.getMonthlyLabelExecution = function (dayOfMonth, hour) {
-            var hourLabel = this.getHourLabel(hour);
-            return this.literals.day + " " + dayOfMonth + " " + hourLabel;
+        PoPageJobSchedulerSummaryComponent.prototype.getMonthlyLabelExecution = function (dayOfMonth, hour, rangeLimitHour, rangeLimitDay) {
+            var hourLabel = this.getHourLabel(hour, rangeLimitHour);
+            return (rangeLimitDay ? this.literals.from : '') + " " + dayOfMonth + " " + (rangeLimitDay ? this.literals.to : '') + " " + (rangeLimitDay ? rangeLimitDay : '') + " " + hourLabel;
         };
         PoPageJobSchedulerSummaryComponent.prototype.getPeriodicityLabel = function (periodicity) {
             switch (periodicity) {
@@ -6471,9 +6624,9 @@
             var weekDaysSorted = this.sortWeekDays(days);
             return weekDaysSorted.map(function (day) { return _this.getTranslateWeekDay(day); }).join(', ');
         };
-        PoPageJobSchedulerSummaryComponent.prototype.getWeeklyLabelExecution = function (daysOfWeek, hour) {
+        PoPageJobSchedulerSummaryComponent.prototype.getWeeklyLabelExecution = function (daysOfWeek, hour, rangeLimitHour) {
             if (daysOfWeek && Array.isArray(daysOfWeek)) {
-                return this.getWeekDaysLabel(daysOfWeek) + " " + this.getHourLabel(hour);
+                return this.getWeekDaysLabel(daysOfWeek) + " " + this.getHourLabel(hour, rangeLimitHour);
             }
             else {
                 return this.literals.notReported;
@@ -6493,7 +6646,7 @@
     PoPageJobSchedulerSummaryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'po-page-job-scheduler-summary',
-                    template: "<div class=\"po-md-12\">\n  <po-info [p-label]=\"literals.process\" [p-orientation]=\"infoOrientation\" [p-value]=\"value.processID\"> </po-info>\n\n  <po-info [p-label]=\"literals.periodicity\" [p-orientation]=\"infoOrientation\" [p-value]=\"periodicityValue\"> </po-info>\n\n  <po-info\n    *ngIf=\"value.periodicity !== 'single'\"\n    [p-label]=\"literals.execution\"\n    [p-orientation]=\"infoOrientation\"\n    [p-value]=\"executionValue\"\n  >\n  </po-info>\n\n  <po-info [p-label]=\"literals.recurrent\" [p-orientation]=\"infoOrientation\" [p-value]=\"recurrentValue\"> </po-info>\n\n  <po-info [p-label]=\"literals.firstExecution\" [p-orientation]=\"infoOrientation\" [p-value]=\"firstExecutionValue\">\n  </po-info>\n</div>\n\n<po-widget *ngIf=\"parameters && parameters.length\" class=\"po-pt-1 po-pb-1 po-md-12\" [p-title]=\"literals.parameters\">\n  <po-dynamic-view [p-fields]=\"parameters\" [p-value]=\"value.executionParameter\"> </po-dynamic-view>\n</po-widget>\n"
+                    template: "<div class=\"po-md-12\">\n  <po-info\n    *ngIf=\"noParameters\"\n    [p-label]=\"literals.process\"\n    [p-orientation]=\"infoOrientation\"\n    [p-value]=\"value.processID\"\n  >\n  </po-info>\n\n  <po-info [p-label]=\"literals.periodicity\" [p-orientation]=\"infoOrientation\" [p-value]=\"periodicityValue\"> </po-info>\n\n  <po-info\n    *ngIf=\"frequencyValue !== ''\"\n    [p-label]=\"literals.frequency\"\n    [p-orientation]=\"infoOrientation\"\n    [p-value]=\"frequencyValue\"\n  >\n  </po-info>\n\n  <po-info\n    *ngIf=\"value.periodicity !== 'single'\"\n    [p-label]=\"literals.execution\"\n    [p-orientation]=\"infoOrientation\"\n    [p-value]=\"executionValue\"\n  >\n  </po-info>\n\n  <po-info [p-label]=\"literals.recurrent\" [p-orientation]=\"infoOrientation\" [p-value]=\"recurrentValue\"> </po-info>\n\n  <po-info [p-label]=\"literals.firstExecution\" [p-orientation]=\"infoOrientation\" [p-value]=\"firstExecutionValue\">\n  </po-info>\n</div>\n\n<po-widget *ngIf=\"parameters && parameters.length\" class=\"po-pt-1 po-pb-1 po-md-12\" [p-title]=\"literals.parameters\">\n  <po-dynamic-view [p-fields]=\"parameters\" [p-value]=\"value.executionParameter\"> </po-dynamic-view>\n</po-widget>\n"
                 },] }
     ];
     PoPageJobSchedulerSummaryComponent.ctorParameters = function () { return [
@@ -6502,7 +6655,8 @@
     PoPageJobSchedulerSummaryComponent.propDecorators = {
         literals: [{ type: i0.Input, args: ['p-literals',] }],
         parameters: [{ type: i0.Input, args: ['p-parameters',] }],
-        value: [{ type: i0.Input, args: ['p-value',] }]
+        value: [{ type: i0.Input, args: ['p-value',] }],
+        noParameters: [{ type: i0.Input, args: ['p-no-parameters',] }]
     };
 
     var PoPageJobSchedulerModule = /** @class */ (function () {