Refactor localized dates into angular moment

src/Ombi/ClientApp/src/app/app.module.ts

@@ -66,39 +66,6 @@ import { TranslateHttpLoader } from "@ngx-translate/http-loader";
 import { UnauthorizedInterceptor } from "./auth/unauthorized.interceptor";
 import { environment } from "../environments/environment";
 
-import { registerLocaleData } from '@angular/common';
-// TODO: lazy load locales, probably somewhere in app.component
-import localeDa from '@angular/common/locales/da';
-import localeDe from '@angular/common/locales/de';
-import localeEs from '@angular/common/locales/es';
-import localeFr from '@angular/common/locales/fr';
-import localeIt from '@angular/common/locales/it';
-import localeHu from '@angular/common/locales/hu';
-import localeNl from '@angular/common/locales/nl';
-// import localeNo from '@angular/common/locales/no';
-import localePl from '@angular/common/locales/pl';
-import localePt from '@angular/common/locales/pt';
-import localeSk from '@angular/common/locales/sk';
-import localeSv from '@angular/common/locales/sv';
-import localeBg from '@angular/common/locales/bg';
-import localeRu from '@angular/common/locales/ru';
-
-
-registerLocaleData(localeDa);
-registerLocaleData(localeDe);
-registerLocaleData(localeEs);
-registerLocaleData(localeFr);
-registerLocaleData(localeIt);
-registerLocaleData(localeHu);
-registerLocaleData(localeNl);
-// registerLocaleData(localeNo);
-registerLocaleData(localePl);
-registerLocaleData(localePt);
-registerLocaleData(localeSk);
-registerLocaleData(localeSv);
-registerLocaleData(localeBg);
-registerLocaleData(localeRu);
-
 const routes: Routes = [
     { path: "*", component: PageNotFoundComponent },
     { path: "", redirectTo: "/discover", pathMatch: "full" },

src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html

@@ -1,7 +1,7 @@
 <mat-card class="issue-card" *ngIf="!deleted">
   <mat-card-header>
     <mat-card-title>{{issue.subject}}</mat-card-title>
-    <mat-card-subtitle>{{issue.userReported?.userName}} on {{issue.createdDate | localizedDate:short}}</mat-card-subtitle>
+    <mat-card-subtitle>{{issue.userReported?.userName}} on {{issue.createdDate | amLocal | amUserLocale | amDateFormat: 'LL' }}</mat-card-subtitle>
   </mat-card-header>
   <mat-card-content>
     <p>

src/Ombi/ClientApp/src/app/media-details/components/movie/panels/movie-information-panel.component.html

@@ -50,7 +50,7 @@
 
     <div *ngIf="request">
         <span class="label">{{'MediaDetails.RequestDate' | translate }}</span>
-        {{request.requestedDate | localizedDate}}
+        {{request.requestedDate | amUserLocale | amDateFormat: 'LL'}}
     </div>
 
     <div *ngIf="request && request.denied">
@@ -78,11 +78,11 @@
     <hr>
 
     <span class="label">{{'MediaDetails.TheatricalRelease' | translate }}</span>
-    {{movie.releaseDate | localizedDate: 'mediumDate'}}
+    {{movie.releaseDate | amUserLocale | amDateFormat: 'LL': 'mediumDate'}}
 
     <div *ngIf="movie.digitalReleaseDate">
         <span class="label">{{'MediaDetails.DigitalRelease' | translate }}</span>
-        {{movie.digitalReleaseDate | localizedDate: 'mediumDate'}}
+        {{movie.digitalReleaseDate | amUserLocale | amDateFormat: 'LL': 'mediumDate'}}
     </div>
 
     <div *ngIf="movie.voteCount">

src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html

@@ -25,7 +25,7 @@
                 <span id="status">{{ this.tv.status | translateStatus }}</span>
         </div>
         <span class="label">{{'MediaDetails.FirstAired' | translate }}</span>
-            {{tv.firstAired | localizedDate: 'mediumDate'}}
+            {{tv.firstAired | amLocal | amUserLocale | amDateFormat: 'LL' }}
     </div>
 
     <div *ngIf="seasonCount">

src/Ombi/ClientApp/src/app/pipes/LocalizedDate.ts

@@ -1,16 +0,0 @@
-import { DatePipe } from '@angular/common';
-import { Pipe, PipeTransform } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-
-@Pipe({
-    name: 'localizedDate',
-    pure: false
-  })
-export class LocalizedDatePipe implements PipeTransform {
-  constructor(private translateService: TranslateService) {}
-
-  transform(value: any, pattern: string = 'mediumDate'): any {
-    const datePipe: DatePipe = new DatePipe(this.translateService.currentLang);
-    return datePipe.transform(value, pattern);
-  }
-}

src/Ombi/ClientApp/src/app/pipes/pipe.module.ts

@@ -1,6 +1,5 @@
 import { ModuleWithProviders, NgModule } from "@angular/core";
 import { HumanizePipe } from "./HumanizePipe";
-import { LocalizedDatePipe } from "./LocalizedDate";
 import { TranslateStatusPipe } from "./TranslateStatus";
 import { ThousandShortPipe } from "./ThousandShortPipe";
 import { SafePipe } from "./SafePipe";
@@ -9,8 +8,8 @@ import { UserLocalePipe } from "./UserLocalePipe";
 
 @NgModule({
     imports:        [],
-    declarations:   [HumanizePipe, ThousandShortPipe, SafePipe, QualityPipe, UserLocalePipe, LocalizedDatePipe, TranslateStatusPipe ],
-    exports:        [HumanizePipe, ThousandShortPipe, SafePipe, QualityPipe, UserLocalePipe, LocalizedDatePipe, TranslateStatusPipe ],
+    declarations:   [HumanizePipe, ThousandShortPipe, SafePipe, QualityPipe, UserLocalePipe, TranslateStatusPipe ],
+    exports:        [HumanizePipe, ThousandShortPipe, SafePipe, QualityPipe, UserLocalePipe, TranslateStatusPipe ],
 })
 export class PipeModule {
 

src/Ombi/ClientApp/src/app/settings/about/update-dialog.component.html

@@ -18,7 +18,7 @@
   </div>
 
 
-<small>Updated at {{data.updateDate | localizedDate}}</small>
+<small>Updated at {{data.updateDate | amUserLocale | amDateFormat: 'LL' }}</small>
 </mat-dialog-content>