feat(admin): last successful propagation

Added column with time of last successful propagation into destinations table.

Author: sarkapalkovicova

apps/admin-gui/src/app/facilities/pages/facility-detail-page/facility-services-destinations/facility-services-destinations.component.ts

@@ -39,6 +39,7 @@ export class FacilityServicesDestinationsComponent implements OnInit {
     'type',
     'status',
     'propagationType',
+    'lastSuccessfulPropagation',
   ];
   @Input()
   configServices: Service[] = [];

apps/admin-gui/src/app/shared/components/destination-list/destination-list.component.html

@@ -108,6 +108,17 @@
         </th>
         <td *matCellDef="let destination" mat-cell>{{destination.propagationType}}</td>
       </ng-container>
+      <ng-container matColumnDef="lastSuccessfulPropagation">
+        <th *matHeaderCellDef mat-header-cell mat-sort-header>
+          {{'SHARED.COMPONENTS.DESTINATIONS_LIST.LAST_SUCCESS' | translate}}
+        </th>
+        <td
+          *matCellDef="let destination"
+          mat-cell
+          class="{{!destination.lastSuccessfulPropagation ? 'fst-italic' : ''}}">
+          {{destination.lastSuccessfulPropagation | lastSuccessfulPropagation}}
+        </td>
+      </ng-container>
 
       <tr *matHeaderRowDef="displayedColumns" mat-header-row></tr>
       <tr

apps/admin-gui/src/app/shared/components/destination-list/destination-list.component.ts

@@ -12,11 +12,13 @@ import {
   TableWrapperComponent,
 } from '@perun-web-apps/perun/utils';
 import { GuiAuthResolver, TableCheckbox } from '@perun-web-apps/perun/services';
+import { LastSuccessfulPropagationPipe } from '@perun-web-apps/perun/pipes';
 
 @Component({
   selector: 'app-perun-web-apps-destination-list',
   templateUrl: './destination-list.component.html',
   styleUrls: ['./destination-list.component.scss'],
+  providers: [LastSuccessfulPropagationPipe],
 })
 export class DestinationListComponent implements AfterViewInit, OnChanges {
   @Input()
@@ -36,14 +38,18 @@ export class DestinationListComponent implements AfterViewInit, OnChanges {
   pageSizeOptions = TABLE_ITEMS_COUNT_OPTIONS;
   private sort: MatSort;
 
-  constructor(private authResolver: GuiAuthResolver, private tableCheckbox: TableCheckbox) {}
+  constructor(
+    private authResolver: GuiAuthResolver,
+    private tableCheckbox: TableCheckbox,
+    private lastSuccessPipe: LastSuccessfulPropagationPipe
+  ) {}
 
   @ViewChild(MatSort, { static: true }) set matSort(ms: MatSort) {
     this.sort = ms;
     this.setDataSource();
   }
 
-  static getDataForColumn(data: RichDestination, column: string): string {
+  getDataForColumn(data: RichDestination, column: string): string {
     switch (column) {
       case 'destinationId':
         return data.id.toString();
@@ -59,6 +65,8 @@ export class DestinationListComponent implements AfterViewInit, OnChanges {
         return data.blocked ? 'blocked' : 'allowed';
       case 'propagationType':
         return data.propagationType;
+      case 'lastSuccessfulPropagation':
+        return this.lastSuccessPipe.transform(data.lastSuccessfulPropagation);
       default:
         return '';
     }
@@ -75,10 +83,8 @@ export class DestinationListComponent implements AfterViewInit, OnChanges {
 
   exportAllData(format: string): void {
     downloadData(
-      getDataForExport(
-        this.dataSource.filteredData,
-        this.displayedColumns,
-        DestinationListComponent.getDataForColumn
+      getDataForExport(this.dataSource.filteredData, this.displayedColumns, (data, column) =>
+        this.getDataForColumn(data, column)
       ),
       format
     );
@@ -93,7 +99,7 @@ export class DestinationListComponent implements AfterViewInit, OnChanges {
           .sortData(this.dataSource.filteredData, this.dataSource.sort)
           .slice(start, end),
         this.displayedColumns,
-        DestinationListComponent.getDataForColumn
+        (data, column) => this.getDataForColumn(data, column)
       ),
       format
     );
@@ -107,10 +113,12 @@ export class DestinationListComponent implements AfterViewInit, OnChanges {
           data,
           filter,
           this.displayedColumns,
-          DestinationListComponent.getDataForColumn
+          (destination, column) => this.getDataForColumn(destination, column)
         );
       this.dataSource.sortData = (data: Vo[], sort: MatSort): Vo[] =>
-        customDataSourceSort(data, sort, DestinationListComponent.getDataForColumn);
+        customDataSourceSort(data, sort, (destination, column) =>
+          this.getDataForColumn(destination, column)
+        );
       this.dataSource.paginator = this.child.paginator;
     }
   }

apps/admin-gui/src/assets/i18n/en.json

@@ -2787,7 +2787,8 @@
         "BLOCKED": "Blocked",
         "PROPAGATION_TYPE": "Propagation type",
         "NO_DESTINATIONS": "No destinations found",
-        "WARN": "Destination is not properly configured. The service, to which it is connected is not in your service selection"
+        "WARN": "Destination is not properly configured. The service, to which it is connected is not in your service selection",
+        "LAST_SUCCESS": "Last successful propagation"
       },
       "FACILITIES_LIST": {
         "ID": "Id",

libs/perun/openapi/src/lib/model/richDestination.ts

@@ -17,4 +17,5 @@ export interface RichDestination extends Destination {
   blocked?: boolean;
   service?: Service;
   facility?: Facility;
+  lastSuccessfulPropagation?: string;
 }

libs/perun/pipes/src/index.ts

@@ -42,3 +42,4 @@ export * from './lib/transform-member-status.pipe';
 export * from './lib/application-column-select-label.pipe';
 export * from './lib/selected-consent-statuses.pipe';
 export * from './lib/global-namespace.pipe';
+export * from './lib/last-successful-propagation.pipe';

libs/perun/pipes/src/lib/last-successful-propagation.pipe.ts

@@ -0,0 +1,9 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { formatDate } from '@angular/common';
+
+@Pipe({ name: 'lastSuccessfulPropagation' })
+export class LastSuccessfulPropagationPipe implements PipeTransform {
+  transform(successAt: string): string {
+    return successAt ? formatDate(successAt.toString(), 'yyyy.MM.dd HH:mm:ss', 'en') : 'NEVER';
+  }
+}

libs/perun/pipes/src/lib/perun-pipes.module.ts

@@ -61,6 +61,7 @@ import { TransformMemberStatusPipe } from './transform-member-status.pipe';
 import { ApplicationColumnSelectLabelPipe } from './application-column-select-label.pipe';
 import { SelectedSponsorPipe } from './selected-sponsor.pipe';
 import { GlobalNamespacePipe } from './global-namespace.pipe';
+import { LastSuccessfulPropagationPipe } from './last-successful-propagation.pipe';
 
 @NgModule({
   declarations: [
@@ -126,6 +127,7 @@ import { GlobalNamespacePipe } from './global-namespace.pipe';
     TransformMemberStatusPipe,
     ApplicationColumnSelectLabelPipe,
     GlobalNamespacePipe,
+    LastSuccessfulPropagationPipe,
   ],
   exports: [
     ResourceTagsToStringPipe,
@@ -190,6 +192,7 @@ import { GlobalNamespacePipe } from './global-namespace.pipe';
     TransformMemberStatusPipe,
     ApplicationColumnSelectLabelPipe,
     GlobalNamespacePipe,
+    LastSuccessfulPropagationPipe,
   ],
   imports: [CommonModule],
 })