Chore: update to Angular 20 (#10273)

src-ui/src/app/components/manage/storage-path-list/storage-path-list.component.ts

@@ -1,9 +1,8 @@
 import { NgClass, TitleCasePipe } from '@angular/common'
-import { Component } from '@angular/core'
+import { Component, inject } from '@angular/core'
 import { FormsModule, ReactiveFormsModule } from '@angular/forms'
 import {
   NgbDropdownModule,
-  NgbModal,
   NgbPaginationModule,
 } from '@ng-bootstrap/ng-bootstrap'
 import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
@@ -12,13 +11,8 @@ import { StoragePath } from 'src/app/data/storage-path'
 import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
 import { SortableDirective } from 'src/app/directives/sortable.directive'
 import { SafeHtmlPipe } from 'src/app/pipes/safehtml.pipe'
-import { DocumentListViewService } from 'src/app/services/document-list-view.service'
-import {
-  PermissionsService,
-  PermissionType,
-} from 'src/app/services/permissions.service'
+import { PermissionType } from 'src/app/services/permissions.service'
 import { StoragePathService } from 'src/app/services/rest/storage-path.service'
-import { ToastService } from 'src/app/services/toast.service'
 import { StoragePathEditDialogComponent } from '../../common/edit-dialog/storage-path-edit-dialog/storage-path-edit-dialog.component'
 import { PageHeaderComponent } from '../../common/page-header/page-header.component'
 import { ManagementListComponent } from '../management-list/management-list.component'
@@ -42,36 +36,25 @@ import { ManagementListComponent } from '../management-list/management-list.comp
   ],
 })
 export class StoragePathListComponent extends ManagementListComponent<StoragePath> {
-  constructor(
-    directoryService: StoragePathService,
-    modalService: NgbModal,
-    toastService: ToastService,
-    documentListViewService: DocumentListViewService,
-    permissionsService: PermissionsService
-  ) {
-    super(
-      directoryService,
-      modalService,
-      StoragePathEditDialogComponent,
-      toastService,
-      documentListViewService,
-      permissionsService,
-      FILTER_HAS_STORAGE_PATH_ANY,
-      $localize`storage path`,
-      $localize`storage paths`,
-      PermissionType.StoragePath,
-      [
-        {
-          key: 'path',
-          name: $localize`Path`,
-          rendersHtml: true,
-          hideOnMobile: true,
-          valueFn: (c: StoragePath) => {
-            return `<code>${c.path?.slice(0, 49)}${c.path?.length > 50 ? '...' : ''}</code>`
-          },
+  constructor() {
+    super()
+    this.service = inject(StoragePathService)
+    this.editDialogComponent = StoragePathEditDialogComponent
+    this.filterRuleType = FILTER_HAS_STORAGE_PATH_ANY
+    this.typeName = $localize`storage path`
+    this.typeNamePlural = $localize`storage paths`
+    this.permissionType = PermissionType.StoragePath
+    this.extraColumns = [
+      {
+        key: 'path',
+        name: $localize`Path`,
+        rendersHtml: true,
+        hideOnMobile: true,
+        valueFn: (c: StoragePath) => {
+          return `<code>${c.path?.slice(0, 49)}${c.path?.length > 50 ? '...' : ''}</code>`
         },
-      ]
-    )
+      },
+    ]
   }
 
   getDeleteMessage(object: StoragePath) {