Programming exercises: Calculate submission time difference with server time

src/main/webapp/app/shared/pipes/artemis-time-ago.pipe.ts

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, NgZone, OnDestroy, Pipe, PipeTransform } from '@angu
 import dayjs from 'dayjs/esm';
 import { isDate } from 'app/shared/util/utils';
 import { TranslateService } from '@ngx-translate/core';
+import { ArtemisServerDateService } from 'app/shared/server-date.service';
 
 @Pipe({
     name: 'artemisTimeAgo',
@@ -21,10 +22,11 @@ export class ArtemisTimeAgoPipe implements PipeTransform, OnDestroy {
         private cdRef: ChangeDetectorRef,
         private ngZone: NgZone,
         private translateService: TranslateService,
+        private serverDateService: ArtemisServerDateService,
     ) {}
 
     format(date: dayjs.Dayjs) {
-        return date.locale(this.lastLocale).from(dayjs(), this.lastOmitSuffix);
+        return date.locale(this.lastLocale).from(this.serverDateService.now(), this.lastOmitSuffix);
     }
 
     transform(value: dayjs.ConfigType, omitSuffix?: boolean, formatFn?: (m: dayjs.Dayjs) => string): string {

src/test/javascript/spec/helpers/mocks/service/mock-artemis-server-date.service.ts

@@ -0,0 +1,7 @@
+import dayjs from 'dayjs/esm';
+
+export class MockArtemisServerDateService {
+    now(): dayjs.Dayjs {
+        return dayjs();
+    }
+}

src/test/javascript/spec/pipe/artemis-time-ago.pipe.spec.ts

@@ -3,26 +3,33 @@ import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
 import { TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { TranslateService } from '@ngx-translate/core';
 import { ChangeDetectorRef, NgZone } from '@angular/core';
+import { ArtemisServerDateService } from 'app/shared/server-date.service';
 import dayjs from 'dayjs/esm';
+import { MockArtemisServerDateService } from '../helpers/mocks/service/mock-artemis-server-date.service';
 
 describe('ArtemisTimeAgoPipe', () => {
     let pipe: ArtemisTimeAgoPipe;
     let translateService: TranslateService;
     let cdRef: ChangeDetectorRef;
+    let serverTimeService: ArtemisServerDateService;
 
     beforeEach(() => {
         TestBed.configureTestingModule({
             declarations: [ArtemisTimeAgoPipe],
-            providers: [{ provide: TranslateService, useClass: MockTranslateService }],
+            providers: [
+                { provide: TranslateService, useClass: MockTranslateService },
+                { provide: ArtemisServerDateService, useClass: MockArtemisServerDateService },
+            ],
         })
             .compileComponents()
             .then(() => {
                 cdRef = { markForCheck: jest.fn() } as any as ChangeDetectorRef;
 
                 translateService = TestBed.inject(TranslateService);
                 translateService.use('en');
+                serverTimeService = TestBed.inject(ArtemisServerDateService);
                 const ngZone = TestBed.inject(NgZone);
-                pipe = new ArtemisTimeAgoPipe(cdRef, ngZone, translateService);
+                pipe = new ArtemisTimeAgoPipe(cdRef, ngZone, translateService, serverTimeService);
             });
     });