(IOT-1495) Added new time format pipe with seconds (#141)

Author: fcv-iteratorIt

src/app/applications/iot-devices/iot-device-detail/data-package/data-package.component.html

@@ -4,7 +4,7 @@
             <p>
                 <strong>{{'IOTDEVICE.LATEST-DATAPACKAGE' | translate}}</strong>
 
-                {{latestReceivedMessage.sentTime | tableDatePipe}}
+                {{latestReceivedMessage.sentTime | tableDateWithSecondsPipe}}
             </p>
         </mat-panel-title>
     </mat-expansion-panel-header>
@@ -18,4 +18,4 @@
     <p class="my-2 mx-3">
         {{'IOTDEVICE.NO-DATAPACKAGE' | translate}}
     </p>
-</ng-template>
+</ng-template>

src/app/applications/iot-devices/iot-device-detail/data-packages-timestamp/data-packages-timestamp.component.html

@@ -20,7 +20,7 @@
           let metadata of sortedMetadata;
           let i = index
         ">
-        {{ metadata.sentTime | tableDatePipe }}
+        {{ metadata.sentTime | tableDateWithSecondsPipe }}
       </p>
     </div>
   </div>

src/app/shared/pipes/custom-date.pipe.ts

@@ -2,22 +2,31 @@ import { Pipe, PipeTransform } from '@angular/core';
 import { DatePipe } from '@angular/common';
 
 @Pipe({
-    name: 'dkTime'
+  name: 'dkTime',
 })
 export class CustomDatePipe extends DatePipe implements PipeTransform {
-    transform(value: any, args?: any): any {
-        return super.transform(value, ' \'den\' dd-MM-yyyy kl. HH:mm');
-    }
+  transform(value: any, args?: any): any {
+    return super.transform(value, " 'den' dd-MM-yyyy kl. HH:mm");
+  }
 }
 
-
 @Pipe({
-    name: 'tableDatePipe'
+  name: 'tableDatePipe',
 })
 export class CustomTableDatePipe extends DatePipe implements PipeTransform {
-    transform(value: any, args?: any): any {
-        return super.transform(value, 'dd MMM, yyyy - HH:mm');
-    }
+  transform(value: any, args?: any): any {
+    return super.transform(value, 'dd MMM, yyyy - HH:mm');
+  }
+}
+
+@Pipe({
+  name: 'tableDateWithSecondsPipe',
+})
+export class CustomTableDateWithSecondsPipe extends DatePipe
+  implements PipeTransform {
+  transform(value: any, args?: any): any {
+    return super.transform(value, 'dd MMM, yyyy - HH:mm:ss');
+  }
 }
 
 @Pipe({

src/app/shared/pipes/pipes.module.ts

@@ -1,54 +1,59 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { YesNoPipe } from './yesNo.pipe';
-import { ActiveDeactivePipe } from './activeDeactive.pipe';
-import { IsGlobalAdminPipe } from './permission/is-global-admin.pipe';
-import { CreatedUpdatedByPipe } from './created-updated-by.pipe';
-import { CustomDatePipe, CustomTableDatePipe, DateOnlyPipe } from './custom-date.pipe';
-import { FilterDevicesPipe } from './filter-devices.pipe';
-import { TranslatePermissionsPipe } from './permission/translate-permissions.pipe';
-import { SortByPipe } from './sort-by.pipe';
-import { GatewayStatusTooltipPipe } from './gateway/gateway-status-tooltip.pipe';
-import { GatewayStatusClassPipe } from './gateway/gateway-status-class.pipe';
-import { CanEditApplicationPipe } from './permission/can-edit-application.pipe';
-import { SortByTranslationPipe } from './sort-by-translation.pipe';
-
-@NgModule({
-  declarations: [
-    IsGlobalAdminPipe,
-    ActiveDeactivePipe,
-    YesNoPipe,
-    CustomDatePipe,
-    CustomTableDatePipe,
-    DateOnlyPipe,
-    CreatedUpdatedByPipe,
-    FilterDevicesPipe,
-    TranslatePermissionsPipe,
-    SortByPipe,
-    GatewayStatusTooltipPipe,
-    GatewayStatusClassPipe,
-    CanEditApplicationPipe,
-    SortByTranslationPipe,
-  ],
-  imports: [CommonModule],
-  exports: [
-    IsGlobalAdminPipe,
-    ActiveDeactivePipe,
-    YesNoPipe,
-    CustomDatePipe,
-    CustomTableDatePipe,
-    DateOnlyPipe,
-    CreatedUpdatedByPipe,
-    FilterDevicesPipe,
-    TranslatePermissionsPipe,
-    SortByPipe,
-    GatewayStatusTooltipPipe,
-    GatewayStatusClassPipe,
-    CanEditApplicationPipe,
-    SortByTranslationPipe,
-  ],
-  providers: [
-    DateOnlyPipe
-  ]
-})
-export class PipesModule {}
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { YesNoPipe } from './yesNo.pipe';
+import { ActiveDeactivePipe } from './activeDeactive.pipe';
+import { IsGlobalAdminPipe } from './permission/is-global-admin.pipe';
+import { CreatedUpdatedByPipe } from './created-updated-by.pipe';
+import {
+  CustomDatePipe,
+  CustomTableDatePipe,
+  CustomTableDateWithSecondsPipe,
+  DateOnlyPipe,
+} from './custom-date.pipe';
+import { FilterDevicesPipe } from './filter-devices.pipe';
+import { TranslatePermissionsPipe } from './permission/translate-permissions.pipe';
+import { SortByPipe } from './sort-by.pipe';
+import { GatewayStatusTooltipPipe } from './gateway/gateway-status-tooltip.pipe';
+import { GatewayStatusClassPipe } from './gateway/gateway-status-class.pipe';
+import { CanEditApplicationPipe } from './permission/can-edit-application.pipe';
+import { SortByTranslationPipe } from './sort-by-translation.pipe';
+
+@NgModule({
+  declarations: [
+    IsGlobalAdminPipe,
+    ActiveDeactivePipe,
+    YesNoPipe,
+    CustomDatePipe,
+    CustomTableDatePipe,
+    CustomTableDateWithSecondsPipe,
+    DateOnlyPipe,
+    CreatedUpdatedByPipe,
+    FilterDevicesPipe,
+    TranslatePermissionsPipe,
+    SortByPipe,
+    GatewayStatusTooltipPipe,
+    GatewayStatusClassPipe,
+    CanEditApplicationPipe,
+    SortByTranslationPipe,
+  ],
+  imports: [CommonModule],
+  exports: [
+    IsGlobalAdminPipe,
+    ActiveDeactivePipe,
+    YesNoPipe,
+    CustomDatePipe,
+    CustomTableDatePipe,
+    CustomTableDateWithSecondsPipe,
+    DateOnlyPipe,
+    CreatedUpdatedByPipe,
+    FilterDevicesPipe,
+    TranslatePermissionsPipe,
+    SortByPipe,
+    GatewayStatusTooltipPipe,
+    GatewayStatusClassPipe,
+    CanEditApplicationPipe,
+    SortByTranslationPipe,
+  ],
+  providers: [DateOnlyPipe],
+})
+export class PipesModule {}