feat: support viewing all notifications

Author: mjabascal10

frontend/src/app/app-management/utm-notification/components/notifications-view/utm-notification-view.component.ts

@@ -6,6 +6,7 @@ import {TimeFilterComponent} from '../../../../shared/components/utm/filters/tim
 import {ITEMS_PER_PAGE} from '../../../../shared/constants/pagination.constants';
 import {TimeFilterType} from '../../../../shared/types/time-filter.type';
 import {resolveRangeByTime} from '../../../../shared/util/resolve-date';
+import {AppLogTypeEnum} from '../../../app-logs/shared/enum/app-log-type.enum';
 import {
   NotificationDTO,
   NotificationRequest,
@@ -14,7 +15,6 @@ import {
 } from '../../models/utm-notification.model';
 import {ComponentType, NotificationRefreshService} from '../../service/notification-refresh.service';
 import {NotificationService} from '../../service/notification.service';
-import {AppLogTypeEnum} from '../../../app-logs/shared/enum/app-log-type.enum';
 
 @Component({
   selector: 'app-utm-notification-view',

frontend/src/app/shared/components/layout/header/utm-header-notification/utm-notification.component.html

@@ -86,7 +86,7 @@ <h6 class="mb-0 font-weight-bold label-header text-uppercase text-primary">Notif
 
 
     <div *ngIf="total > 0" class="text-center mt-3">
-      <button routerLink="app-management/settings/notifications" class="btn utm-button utm-button-primary" (click)="viewAllNotifications()">View All</button>
+      <button class="btn utm-button utm-button-primary" (click)="viewAllNotifications()">View All</button>
     </div>
   </div>
 </div>

frontend/src/app/shared/components/layout/header/utm-header-notification/utm-notification.component.ts

@@ -1,4 +1,5 @@
 import {AfterViewInit, ChangeDetectionStrategy, Component, OnDestroy, OnInit, ViewChild} from '@angular/core';
+import {Router} from '@angular/router';
 import {NgbDropdown} from '@ng-bootstrap/ng-bootstrap';
 import {Observable, of, Subject} from 'rxjs';
 import {catchError, filter, map, startWith, switchMap, takeUntil, tap} from 'rxjs/operators';
@@ -30,7 +31,8 @@ export class UtmNotificationComponent implements OnInit, AfterViewInit, OnDestro
 
   constructor(private notificationService: NotificationService,
               private utmToastService: UtmToastService,
-              public notificationRefreshService: NotificationRefreshService) {
+              public notificationRefreshService: NotificationRefreshService,
+              private router: Router) {
   }
 
   ngOnInit(): void {
@@ -77,6 +79,7 @@ export class UtmNotificationComponent implements OnInit, AfterViewInit, OnDestro
 
   viewAllNotifications() {
     this.dropNotification.close();
+    this.router.navigate(['app-management/settings/notifications']);
   }
 
   markAllAsRead() {

frontend/src/app/shared/components/utm/config/app-config-sections/app-config-sections.component.html

@@ -188,7 +188,6 @@ <h6 class="font-weight-semibold mb-2">{{section.section | titlecase}}</h6>
 
       <ng-container *ngIf="conf.confParamDatatype === ConfigDataTypeEnum.Cron">
         <app-utm-cp-cron-editor [(ngModel)]="conf.confParamValue" (ngModelChange)="save(conf.confParamValue,conf)"></app-utm-cp-cron-editor>
-        {{ conf.confParamValue }}
       </ng-container>
 
 

frontend/src/app/shared/components/utm/filters/time-filter/time-filter.component.html

@@ -2,6 +2,7 @@
   <span class="font-weight-semibold"> {{label|translate}}</span>
   <span #popover="ngbPopover"
         [ngbPopover]="popContent"
+        [container]="'body'"
         autoClose="outside"
         class="setting-filter
     cursor-pointer text-blue-800 border-grey-100 ml-2"