Remove ngx-filesize

src-ui/angular.json

@@ -77,7 +77,6 @@
             "scripts": [],
             "allowedCommonJsDependencies": [
               "ng2-pdf-viewer",
-              "filesize",
               "file-saver"
             ],
             "vendorChunk": true,

src-ui/package-lock.json

@@ -30,7 +30,6 @@
         "ngx-color": "^9.0.0",
         "ngx-cookie-service": "^18.0.0",
         "ngx-file-drop": "^16.0.0",
-        "ngx-filesize": "^3.0.3",
         "ngx-ui-tour-ng-bootstrap": "^14.0.3",
         "rxjs": "^7.8.1",
         "tslib": "^2.6.2",
@@ -10160,15 +10159,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/filesize": {
-      "version": "9.0.11",
-      "resolved": "https://registry.npmjs.org/filesize/-/filesize-9.0.11.tgz",
-      "integrity": "sha512-gTAiTtI0STpKa5xesyTA9hA3LX4ga8sm2nWRcffEa1L/5vQwb4mj2MdzMkoHoGv4QzfDshQZuYscQSf8c4TKOA==",
-      "peer": true,
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
     "node_modules/fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -14531,19 +14521,6 @@
         "@angular/core": ">=14.0.0"
       }
     },
-    "node_modules/ngx-filesize": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/ngx-filesize/-/ngx-filesize-3.0.3.tgz",
-      "integrity": "sha512-qqP2p4WbbF7R+NXC9NqRQdAfWfMAYJ2Ijf4ezRCq7j3tPY6ybSP9AZ3FY1U7/95n1hmOJ2U5oY+oFb7LhHQRBw==",
-      "dependencies": {
-        "tslib": "^2.3.0"
-      },
-      "peerDependencies": {
-        "@angular/common": ">= 14.2.0 < 18.0.0",
-        "@angular/core": ">= 14.2.0 < 18.0.0",
-        "filesize": ">= 6.0.0 < 10.0.0"
-      }
-    },
     "node_modules/ngx-ui-tour-ng-bootstrap": {
       "version": "14.0.3",
       "resolved": "https://registry.npmjs.org/ngx-ui-tour-ng-bootstrap/-/ngx-ui-tour-ng-bootstrap-14.0.3.tgz",

src-ui/package.json

@@ -32,7 +32,6 @@
     "ngx-color": "^9.0.0",
     "ngx-cookie-service": "^18.0.0",
     "ngx-file-drop": "^16.0.0",
-    "ngx-filesize": "^3.0.3",
     "ngx-ui-tour-ng-bootstrap": "^14.0.3",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.2",

src-ui/src/app/app.module.ts

@@ -119,7 +119,6 @@ import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
 import { ConfirmButtonComponent } from './components/common/confirm-button/confirm-button.component'
 import { MonetaryComponent } from './components/common/input/monetary/monetary.component'
 import { SystemStatusDialogComponent } from './components/common/system-status-dialog/system-status-dialog.component'
-import { NgxFilesizeModule } from 'ngx-filesize'
 import { RotateConfirmDialogComponent } from './components/common/confirm-dialog/rotate-confirm-dialog/rotate-confirm-dialog.component'
 import { MergeConfirmDialogComponent } from './components/common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component'
 import { SplitConfirmDialogComponent } from './components/common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component'
@@ -518,7 +517,6 @@ function initializeApp(settings: SettingsService) {
     TourNgBootstrapModule,
     DragDropModule,
     NgxBootstrapIconsModule.pick(icons),
-    NgxFilesizeModule,
   ],
   providers: [
     {

src-ui/src/app/components/common/system-status-dialog/system-status-dialog.component.html

@@ -28,7 +28,7 @@
               <dt i18n>Media Storage</dt>
               <dd>
                 <ngb-progressbar style="height: 4px;" class="mt-2 mb-1" type="primary" [max]="status.storage.total" [value]="status.storage.total - status.storage.available"></ngb-progressbar>
-                <span class="small">{{status.storage.available | filesize}} <ng-container i18n>available</ng-container> ({{status.storage.total | filesize}} <ng-container i18n>total</ng-container>)</span>
+                <span class="small">{{status.storage.available | fileSize}} <ng-container i18n>available</ng-container> ({{status.storage.total | fileSize}} <ng-container i18n>total</ng-container>)</span>
               </dd>
             </dl>
           </div>

src-ui/src/app/components/common/system-status-dialog/system-status-dialog.component.spec.ts

@@ -19,8 +19,8 @@ import {
 } from 'src/app/data/system-status'
 import { provideHttpClientTesting } from '@angular/common/http/testing'
 import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
-import { NgxFilesizeModule } from 'ngx-filesize'
 import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'
+import { FileSizePipe } from 'src/app/pipes/file-size.pipe'
 
 const status: SystemStatus = {
   pngx_version: '2.4.3',
@@ -58,12 +58,11 @@ describe('SystemStatusDialogComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [SystemStatusDialogComponent],
+      declarations: [SystemStatusDialogComponent, FileSizePipe],
       imports: [
         NgbModalModule,
         ClipboardModule,
         NgxBootstrapIconsModule.pick(allIcons),
-        NgxFilesizeModule,
         NgbPopoverModule,
         NgbProgressbarModule,
       ],