fix issue #757 - Folder size indicator show "k" when over 1,000 (#769)

* fix issue #757 - Folder size indicator show "k" when over 1,000

* reduce complexity to respect codeclimate

* issue 757: create a pipe

Co-authored-by: Jean-Michel Dagenais <jm@obkio.com>

src/app/app.module.ts

@@ -81,6 +81,7 @@ import { FileSearchPipe } from './pipes/file-search.pipe';
 import { FileSizeFilterPipe } from './pipes/file-size-filter.pipe';
 import { FileSizePipe } from './pipes/file-size.pipe';
 import { FolderArrowsPipe } from './pipes/folder-arrows.pipe';
+import { FolderSizePipe } from './pipes/folder-size.pipe';
 import { FolderViewPipe } from './pipes/folder-view.pipe';
 import { FuzzySearchPipe } from './pipes/fuzzy-search.pipe';
 import { HideOfflinePipe } from './pipes/hide-offline.pipe';
@@ -128,6 +129,7 @@ import { YearPipe } from './pipes/year.pipe';
     FileSizePipe,
     FilmstripComponent,
     FolderArrowsPipe,
+    FolderSizePipe,
     FolderViewPipe,
     FullViewComponent,
     FuzzySearchPipe,

src/app/components/views/thumbnail/thumbnail.component.html

@@ -31,7 +31,7 @@
 
     <div *ngIf="video.cleanName === '*FOLDER*' && video.fileName !== '*UP*'" class="folder-icon">
       <app-icon [icon]="'icon-folder-blank'"></app-icon>
-      <div class="items-in-folder">{{ video.fileSizeDisplay }}</div>
+      <div class="items-in-folder">{{ video.fileSizeDisplay | folderSize }}</div>
     </div>
 
     <span

src/app/components/views/thumbnail/thumbnail.component.ts

@@ -12,13 +12,13 @@ import type { VideoClickEmit, RightClickEmit } from '../../../../../interfaces/s
   selector: 'app-thumbnail',
   templateUrl: './thumbnail.component.html',
   styleUrls: [
-      '../clip-and-preview.scss',
-      '../time-and-rez.scss',
-      './thumbnail.component.scss',
-      '../selected.scss'
-    ],
-  animations: [ textAppear,
-                metaAppear ]
+    '../clip-and-preview.scss',
+    '../time-and-rez.scss',
+    './thumbnail.component.scss',
+    '../selected.scss'
+  ],
+  animations: [textAppear,
+    metaAppear]
 })
 export class ThumbnailComponent implements OnInit, OnDestroy {
 

src/app/pipes/folder-size.pipe.ts

@@ -0,0 +1,15 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'folderSize'
+})
+export class FolderSizePipe implements PipeTransform {
+  transform(value: any, ...args: any[]): any {
+    const fileCount = parseInt(value, 10);
+    if (fileCount >= 1000) {
+      return Math.floor(fileCount / 1000) + 'k';
+    } else {
+      return value;
+    }
+  }
+}