FEAT #14235 TIME 1 fix build prod

src/frontend/app/app-service.module.ts

@@ -16,23 +16,23 @@ import { SortPipe } from '../plugins/sorting.pipe';
         NgStringPipesModule
     ],
     declarations: [
-        TimeAgoPipe,
-        TimeLimitPipe,
         FilterListPipe,
         FullDatePipe,
         SafeHtmlPipe,
         SecureUrlPipe,
-        SortPipe
+        SortPipe,
+        TimeAgoPipe,
+        TimeLimitPipe,
     ],
     exports: [
         NgStringPipesModule,
-        TimeAgoPipe,
-        TimeLimitPipe,
         FilterListPipe,
         FullDatePipe,
         SafeHtmlPipe,
         SecureUrlPipe,
         SortPipe,
+        TimeAgoPipe,
+        TimeLimitPipe,
     ],
     entryComponents: [
     ],

src/frontend/app/app.component.ts

-import { Component, ViewChild, OnInit } from '@angular/core';
+import { Component, ViewChild, OnInit, HostListener, AfterViewInit } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { MatIconRegistry } from '@angular/material/icon';
 import { MAT_TOOLTIP_DEFAULT_OPTIONS, MatTooltipDefaultOptions } from '@angular/material/tooltip';
@@ -26,10 +26,14 @@ export const myCustomTooltipDefaults: MatTooltipDefaultOptions = {
         { provide: MAT_TOOLTIP_DEFAULT_OPTIONS, useValue: myCustomTooltipDefaults }
     ],
 })
-export class AppComponent implements OnInit {
+export class AppComponent implements OnInit, AfterViewInit {
     debugMode: boolean = false;
     @ViewChild('snavLeft', { static: true }) snavLeft: MatSidenav;
 
+    @HostListener('window:resize', ['$event'])
+    onResize() {
+        this.appService.setScreenWidth(window.innerWidth);
+    }
     constructor(
         public http: HttpClient,
         public langService: LangService,
@@ -54,4 +58,8 @@ export class AppComponent implements OnInit {
         this.headerService.hideSideBar = true;
         this.headerService.sideNavLeft = this.snavLeft;
     }
+
+    ngAfterViewInit(): void {
+        this.appService.setScreenWidth(window.innerWidth);
+    }
 }

src/frontend/app/installer/customization/customization.component.html

@@ -35,7 +35,7 @@
         <div class="col-md-6">
             <div>{{lang.chooseLogo}} : </div>
             <div>
-                <mat-card style="width: 350px;background-size: 100%;cursor: pointer;" [matRipple]="!stepFormGroup.controls['uploadedLogo'].disabled">
+                <mat-card style="width: 350px;background-size: 100%;cursor: pointer;" matRipple>
                     <img [src]="logoURL()" (click)="clickLogoButton(uploadLogo)" style="width: 100%;" />
                     <input type="file" name="files[]" #uploadLogo (change)="uploadTrigger($event, 'logo')"
                         accept="image/svg+xml" style="display: none;">

src/frontend/app/printedFolder/printed-folder-modal.component.html

@@ -88,7 +88,7 @@
 
                                         <div color="primary" [title]="element.creationDate | fullDate"
                                             style="flex:1;justify-content: flex-end;display: flex;font-size: 80%;">
-                                            {{element.creationDate}} {{element.creationDate | timeAgo : 'full'}}
+                                            {{element.creationDate}} {{element.creationDate | date : "dd/MM/y HH:mm"}}
                                         </div>
                                     </div>
                                 </mat-list-option>

src/frontend/service/app.guard.ts

@@ -185,6 +185,7 @@ export class AppGuard implements CanActivate {
                         if (err.error.errors === 'User must change his password') {
                             return this.router.navigate(['/password-modification']);
                         } else {
+                            this.authService.logout();
                             return of(false);
                         }
                     })

src/frontend/service/app.service.ts

@@ -5,27 +5,19 @@ import { Injectable } from '@angular/core';
 })
 export class AppService {
 
-    private _mobileQueryListener: () => void;
-    mobileQuery: MediaQueryList;
+    screenWidth: number = 0;
 
-    currentUser: any;
-
-    constructor() {
-        /*this.mobileQuery = media.matchMedia('(max-width: 768px)');
-        this._mobileQueryListener = () => changeDetectorRef.detectChanges();
-        this.mobileQuery.addListener(this._mobileQueryListener);*/
-    }
+    constructor() { }
 
     getViewMode() {
-        return false;
         if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
             return true;
         } else {
-            return this.mobileQuery.matches;
+            return this.screenWidth <= 768;
         }
     }
 
-    /*ngOnDestroy(): void {
-        this.mobileQuery.removeListener(this._mobileQueryListener);
-    }*/
+    setScreenWidth(width: number) {
+        this.screenWidth = width;
+    }
 }