diff --git a/src-ui/src/app/components/document-detail/document-detail.component.scss b/src-ui/src/app/components/document-detail/document-detail.component.scss
index e3d17476b..c00f7655e 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.scss
+++ b/src-ui/src/app/components/document-detail/document-detail.component.scss
@@ -69,17 +69,16 @@ textarea.rtl {
left: 0;
width: 100%;
height: calc(100vh - 160px);
+ overflow: hidden;
+ background-color: gray;
+ padding: 10px 8px; // border
+ z-index: 1000;
@media screen and (min-width: 768px) {
left: calc(.5 * var(--bs-gutter-x));
width: calc(100% - var(--bs-gutter-x));
}
- overflow: hidden;
- background-color: gray;
- padding: 10px 8px; // border
- z-index: 1000;
-
> div {
mix-blend-mode: difference;
}
diff --git a/src-ui/src/app/components/document-detail/document-detail.component.spec.ts b/src-ui/src/app/components/document-detail/document-detail.component.spec.ts
index d0951af1a..fb2596d4a 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.spec.ts
+++ b/src-ui/src/app/components/document-detail/document-detail.component.spec.ts
@@ -11,7 +11,6 @@ import {
fakeAsync,
tick,
} from '@angular/core/testing'
-import { FormsModule, ReactiveFormsModule } from '@angular/forms'
import { By } from '@angular/platform-browser'
import {
ActivatedRoute,
@@ -22,12 +21,8 @@ import {
import {
NgbDateStruct,
NgbModal,
- NgbModalModule,
NgbModalRef,
- NgbModule,
} from '@ng-bootstrap/ng-bootstrap'
-import { NgSelectModule } from '@ng-select/ng-select'
-import { PdfViewerModule } from 'ng2-pdf-viewer'
import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
import { of, throwError } from 'rxjs'
import { routes } from 'src/app/app-routing.module'
@@ -47,13 +42,9 @@ import {
} from 'src/app/data/filter-rule-type'
import { StoragePath } from 'src/app/data/storage-path'
import { Tag } from 'src/app/data/tag'
-import { IfOwnerDirective } from 'src/app/directives/if-owner.directive'
-import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
import { PermissionsGuard } from 'src/app/guards/permissions.guard'
import { CustomDatePipe } from 'src/app/pipes/custom-date.pipe'
import { DocumentTitlePipe } from 'src/app/pipes/document-title.pipe'
-import { SafeHtmlPipe } from 'src/app/pipes/safehtml.pipe'
-import { SafeUrlPipe } from 'src/app/pipes/safeurl.pipe'
import { DocumentListViewService } from 'src/app/services/document-list-view.service'
import { OpenDocumentsService } from 'src/app/services/open-documents.service'
import { PermissionsService } from 'src/app/services/permissions.service'
@@ -68,23 +59,7 @@ import { SettingsService } from 'src/app/services/settings.service'
import { ToastService } from 'src/app/services/toast.service'
import { environment } from 'src/environments/environment'
import { ConfirmDialogComponent } from '../common/confirm-dialog/confirm-dialog.component'
-import { DeletePagesConfirmDialogComponent } from '../common/confirm-dialog/delete-pages-confirm-dialog/delete-pages-confirm-dialog.component'
-import { RotateConfirmDialogComponent } from '../common/confirm-dialog/rotate-confirm-dialog/rotate-confirm-dialog.component'
-import { SplitConfirmDialogComponent } from '../common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component'
import { CustomFieldsDropdownComponent } from '../common/custom-fields-dropdown/custom-fields-dropdown.component'
-import { CorrespondentEditDialogComponent } from '../common/edit-dialog/correspondent-edit-dialog/correspondent-edit-dialog.component'
-import { DocumentTypeEditDialogComponent } from '../common/edit-dialog/document-type-edit-dialog/document-type-edit-dialog.component'
-import { StoragePathEditDialogComponent } from '../common/edit-dialog/storage-path-edit-dialog/storage-path-edit-dialog.component'
-import { DateComponent } from '../common/input/date/date.component'
-import { NumberComponent } from '../common/input/number/number.component'
-import { PermissionsFormComponent } from '../common/input/permissions/permissions-form/permissions-form.component'
-import { SelectComponent } from '../common/input/select/select.component'
-import { TagsComponent } from '../common/input/tags/tags.component'
-import { TextComponent } from '../common/input/text/text.component'
-import { TextAreaComponent } from '../common/input/textarea/textarea.component'
-import { PageHeaderComponent } from '../common/page-header/page-header.component'
-import { ShareLinksDropdownComponent } from '../common/share-links-dropdown/share-links-dropdown.component'
-import { DocumentNotesComponent } from '../document-notes/document-notes.component'
import { DocumentDetailComponent } from './document-detail.component'
const doc: Document = {
@@ -159,42 +134,10 @@ describe('DocumentDetailComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [
- DocumentDetailComponent,
- DocumentTitlePipe,
- PageHeaderComponent,
- IfPermissionsDirective,
- TagsComponent,
- SelectComponent,
- TextComponent,
- NumberComponent,
- DateComponent,
- DocumentNotesComponent,
- CustomDatePipe,
- DocumentTypeEditDialogComponent,
- CorrespondentEditDialogComponent,
- StoragePathEditDialogComponent,
- IfOwnerDirective,
- PermissionsFormComponent,
- SafeHtmlPipe,
- ConfirmDialogComponent,
- SafeUrlPipe,
- ShareLinksDropdownComponent,
- CustomFieldsDropdownComponent,
- SplitConfirmDialogComponent,
- RotateConfirmDialogComponent,
- DeletePagesConfirmDialogComponent,
- TextAreaComponent,
- ],
imports: [
+ DocumentDetailComponent,
RouterModule.forRoot(routes),
- NgbModule,
- NgSelectModule,
- FormsModule,
- ReactiveFormsModule,
- NgbModalModule,
NgxBootstrapIconsModule.pick(allIcons),
- PdfViewerModule,
],
providers: [
DocumentTitlePipe,
diff --git a/src-ui/src/app/components/document-detail/document-detail.component.ts b/src-ui/src/app/components/document-detail/document-detail.component.ts
index 6a5bc98db..751dc0e11 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.ts
+++ b/src-ui/src/app/components/document-detail/document-detail.component.ts
@@ -1,15 +1,25 @@
+import { AsyncPipe, NgTemplateOutlet } from '@angular/common'
import { HttpClient } from '@angular/common/http'
import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core'
-import { FormArray, FormControl, FormGroup } from '@angular/forms'
+import {
+ FormArray,
+ FormControl,
+ FormGroup,
+ FormsModule,
+ ReactiveFormsModule,
+} from '@angular/forms'
import { ActivatedRoute, Router } from '@angular/router'
import {
NgbDateStruct,
+ NgbDropdownModule,
NgbModal,
NgbNav,
NgbNavChangeEvent,
+ NgbNavModule,
} from '@ng-bootstrap/ng-bootstrap'
import { dirtyCheck, DirtyComponent } from '@ngneat/dirty-check-forms'
-import { PDFDocumentProxy } from 'ng2-pdf-viewer'
+import { PDFDocumentProxy, PdfViewerModule } from 'ng2-pdf-viewer'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
import { BehaviorSubject, Observable, Subject } from 'rxjs'
import {
debounceTime,
@@ -44,7 +54,11 @@ import { StoragePath } from 'src/app/data/storage-path'
import { Tag } from 'src/app/data/tag'
import { SETTINGS_KEYS } from 'src/app/data/ui-settings'
import { User } from 'src/app/data/user'
+import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
+import { CustomDatePipe } from 'src/app/pipes/custom-date.pipe'
import { DocumentTitlePipe } from 'src/app/pipes/document-title.pipe'
+import { FileSizePipe } from 'src/app/pipes/file-size.pipe'
+import { SafeUrlPipe } from 'src/app/pipes/safeurl.pipe'
import { DocumentListViewService } from 'src/app/services/document-list-view.service'
import { HotKeyService } from 'src/app/services/hot-key.service'
import { OpenDocumentsService } from 'src/app/services/open-documents.service'
@@ -67,12 +81,27 @@ import { ConfirmDialogComponent } from '../common/confirm-dialog/confirm-dialog.
import { DeletePagesConfirmDialogComponent } from '../common/confirm-dialog/delete-pages-confirm-dialog/delete-pages-confirm-dialog.component'
import { RotateConfirmDialogComponent } from '../common/confirm-dialog/rotate-confirm-dialog/rotate-confirm-dialog.component'
import { SplitConfirmDialogComponent } from '../common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component'
+import { CustomFieldsDropdownComponent } from '../common/custom-fields-dropdown/custom-fields-dropdown.component'
import { CorrespondentEditDialogComponent } from '../common/edit-dialog/correspondent-edit-dialog/correspondent-edit-dialog.component'
import { DocumentTypeEditDialogComponent } from '../common/edit-dialog/document-type-edit-dialog/document-type-edit-dialog.component'
import { EditDialogMode } from '../common/edit-dialog/edit-dialog.component'
import { StoragePathEditDialogComponent } from '../common/edit-dialog/storage-path-edit-dialog/storage-path-edit-dialog.component'
+import { CheckComponent } from '../common/input/check/check.component'
+import { DateComponent } from '../common/input/date/date.component'
+import { DocumentLinkComponent } from '../common/input/document-link/document-link.component'
+import { MonetaryComponent } from '../common/input/monetary/monetary.component'
+import { NumberComponent } from '../common/input/number/number.component'
+import { PermissionsFormComponent } from '../common/input/permissions/permissions-form/permissions-form.component'
+import { SelectComponent } from '../common/input/select/select.component'
+import { TagsComponent } from '../common/input/tags/tags.component'
import { TextComponent } from '../common/input/text/text.component'
+import { UrlComponent } from '../common/input/url/url.component'
+import { PageHeaderComponent } from '../common/page-header/page-header.component'
+import { ShareLinksDropdownComponent } from '../common/share-links-dropdown/share-links-dropdown.component'
+import { DocumentHistoryComponent } from '../document-history/document-history.component'
+import { DocumentNotesComponent } from '../document-notes/document-notes.component'
import { ComponentWithPermissions } from '../with-permissions/with-permissions.component'
+import { MetadataCollapseComponent } from './metadata-collapse/metadata-collapse.component'
enum DocumentDetailNavIDs {
Details = 1,
@@ -109,6 +138,36 @@ enum ZoomSetting {
selector: 'pngx-document-detail',
templateUrl: './document-detail.component.html',
styleUrls: ['./document-detail.component.scss'],
+ imports: [
+ PageHeaderComponent,
+ CustomFieldsDropdownComponent,
+ DocumentNotesComponent,
+ DocumentHistoryComponent,
+ ShareLinksDropdownComponent,
+ CheckComponent,
+ DateComponent,
+ DocumentLinkComponent,
+ MetadataCollapseComponent,
+ PermissionsFormComponent,
+ SelectComponent,
+ TagsComponent,
+ TextComponent,
+ NumberComponent,
+ MonetaryComponent,
+ UrlComponent,
+ CustomDatePipe,
+ FileSizePipe,
+ IfPermissionsDirective,
+ AsyncPipe,
+ FormsModule,
+ ReactiveFormsModule,
+ NgTemplateOutlet,
+ SafeUrlPipe,
+ NgbNavModule,
+ NgbDropdownModule,
+ NgxBootstrapIconsModule,
+ PdfViewerModule,
+ ],
})
export class DocumentDetailComponent
extends ComponentWithPermissions
diff --git a/src-ui/src/app/components/document-detail/metadata-collapse/metadata-collapse.component.spec.ts b/src-ui/src/app/components/document-detail/metadata-collapse/metadata-collapse.component.spec.ts
index 056b8bef3..f70df7202 100644
--- a/src-ui/src/app/components/document-detail/metadata-collapse/metadata-collapse.component.spec.ts
+++ b/src-ui/src/app/components/document-detail/metadata-collapse/metadata-collapse.component.spec.ts
@@ -1,5 +1,4 @@
import { ComponentFixture, TestBed } from '@angular/core/testing'
-import { NgbCollapseModule } from '@ng-bootstrap/ng-bootstrap'
import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
import { MetadataCollapseComponent } from './metadata-collapse.component'
@@ -24,9 +23,11 @@ describe('MetadataCollapseComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [MetadataCollapseComponent],
providers: [],
- imports: [NgbCollapseModule, NgxBootstrapIconsModule.pick(allIcons)],
+ imports: [
+ MetadataCollapseComponent,
+ NgxBootstrapIconsModule.pick(allIcons),
+ ],
}).compileComponents()
fixture = TestBed.createComponent(MetadataCollapseComponent)
diff --git a/src-ui/src/app/components/document-detail/metadata-collapse/metadata-collapse.component.ts b/src-ui/src/app/components/document-detail/metadata-collapse/metadata-collapse.component.ts
index 99ee0d1a4..586170e88 100644
--- a/src-ui/src/app/components/document-detail/metadata-collapse/metadata-collapse.component.ts
+++ b/src-ui/src/app/components/document-detail/metadata-collapse/metadata-collapse.component.ts
@@ -1,9 +1,12 @@
import { Component, Input } from '@angular/core'
+import { NgbCollapseModule } from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
@Component({
selector: 'pngx-metadata-collapse',
templateUrl: './metadata-collapse.component.html',
styleUrls: ['./metadata-collapse.component.scss'],
+ imports: [NgbCollapseModule, NgxBootstrapIconsModule],
})
export class MetadataCollapseComponent {
constructor() {}
diff --git a/src-ui/src/app/components/document-history/document-history.component.spec.ts b/src-ui/src/app/components/document-history/document-history.component.spec.ts
index f8758c381..68b037b02 100644
--- a/src-ui/src/app/components/document-history/document-history.component.spec.ts
+++ b/src-ui/src/app/components/document-history/document-history.component.spec.ts
@@ -3,12 +3,11 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'
import { DatePipe } from '@angular/common'
import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'
import { provideHttpClientTesting } from '@angular/common/http/testing'
-import { NgbCollapseModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap'
+import { NgbCollapseModule } from '@ng-bootstrap/ng-bootstrap'
import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
import { of } from 'rxjs'
import { AuditLogAction } from 'src/app/data/auditlog-entry'
import { DataType } from 'src/app/data/datatype'
-import { CustomDatePipe } from 'src/app/pipes/custom-date.pipe'
import { CorrespondentService } from 'src/app/services/rest/correspondent.service'
import { DocumentTypeService } from 'src/app/services/rest/document-type.service'
import { DocumentService } from 'src/app/services/rest/document.service'
@@ -27,11 +26,10 @@ describe('DocumentHistoryComponent', () => {
beforeEach(async () => {
await TestBed.configureTestingModule({
- declarations: [DocumentHistoryComponent, CustomDatePipe],
imports: [
+ DocumentHistoryComponent,
NgbCollapseModule,
NgxBootstrapIconsModule.pick(allIcons),
- NgbTooltipModule,
],
providers: [
DatePipe,
diff --git a/src-ui/src/app/components/document-history/document-history.component.ts b/src-ui/src/app/components/document-history/document-history.component.ts
index 934ddab56..58ce8cb8b 100644
--- a/src-ui/src/app/components/document-history/document-history.component.ts
+++ b/src-ui/src/app/components/document-history/document-history.component.ts
@@ -1,7 +1,11 @@
+import { AsyncPipe, KeyValuePipe, TitleCasePipe } from '@angular/common'
import { Component, Input, OnInit } from '@angular/core'
+import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
import { Observable, first, map, of } from 'rxjs'
import { AuditLogAction, AuditLogEntry } from 'src/app/data/auditlog-entry'
import { DataType } from 'src/app/data/datatype'
+import { CustomDatePipe } from 'src/app/pipes/custom-date.pipe'
import { CorrespondentService } from 'src/app/services/rest/correspondent.service'
import { DocumentTypeService } from 'src/app/services/rest/document-type.service'
import { DocumentService } from 'src/app/services/rest/document.service'
@@ -12,6 +16,14 @@ import { UserService } from 'src/app/services/rest/user.service'
selector: 'pngx-document-history',
templateUrl: './document-history.component.html',
styleUrl: './document-history.component.scss',
+ imports: [
+ CustomDatePipe,
+ NgbTooltipModule,
+ AsyncPipe,
+ KeyValuePipe,
+ TitleCasePipe,
+ NgxBootstrapIconsModule,
+ ],
})
export class DocumentHistoryComponent implements OnInit {
public AuditLogAction = AuditLogAction
diff --git a/src-ui/src/app/components/document-list/bulk-editor/bulk-editor.component.spec.ts b/src-ui/src/app/components/document-list/bulk-editor/bulk-editor.component.spec.ts
index 0b0698907..21b8f4175 100644
--- a/src-ui/src/app/components/document-list/bulk-editor/bulk-editor.component.spec.ts
+++ b/src-ui/src/app/components/document-list/bulk-editor/bulk-editor.component.spec.ts
@@ -4,15 +4,8 @@ import {
provideHttpClientTesting,
} from '@angular/common/http/testing'
import { ComponentFixture, TestBed } from '@angular/core/testing'
-import { FormsModule, ReactiveFormsModule } from '@angular/forms'
import { By } from '@angular/platform-browser'
-import {
- NgbModal,
- NgbModalModule,
- NgbModalRef,
- NgbModule,
-} from '@ng-bootstrap/ng-bootstrap'
-import { NgSelectModule } from '@ng-select/ng-select'
+import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap'
import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
import { of, throwError } from 'rxjs'
import { Correspondent } from 'src/app/data/correspondent'
@@ -21,10 +14,7 @@ import { DocumentType } from 'src/app/data/document-type'
import { Results } from 'src/app/data/results'
import { StoragePath } from 'src/app/data/storage-path'
import { Tag } from 'src/app/data/tag'
-import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
import { FilterPipe } from 'src/app/pipes/filter.pipe'
-import { IsNumberPipe } from 'src/app/pipes/is-number.pipe'
-import { SafeHtmlPipe } from 'src/app/pipes/safehtml.pipe'
import { DocumentListViewService } from 'src/app/services/document-list-view.service'
import { PermissionsService } from 'src/app/services/permissions.service'
import { CorrespondentService } from 'src/app/services/rest/correspondent.service'
@@ -41,9 +31,6 @@ import { UserService } from 'src/app/services/rest/user.service'
import { SettingsService } from 'src/app/services/settings.service'
import { ToastService } from 'src/app/services/toast.service'
import { environment } from 'src/environments/environment'
-import { ConfirmDialogComponent } from '../../common/confirm-dialog/confirm-dialog.component'
-import { MergeConfirmDialogComponent } from '../../common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component'
-import { RotateConfirmDialogComponent } from '../../common/confirm-dialog/rotate-confirm-dialog/rotate-confirm-dialog.component'
import { CorrespondentEditDialogComponent } from '../../common/edit-dialog/correspondent-edit-dialog/correspondent-edit-dialog.component'
import { CustomFieldEditDialogComponent } from '../../common/edit-dialog/custom-field-edit-dialog/custom-field-edit-dialog.component'
import { DocumentTypeEditDialogComponent } from '../../common/edit-dialog/document-type-edit-dialog/document-type-edit-dialog.component'
@@ -51,13 +38,6 @@ import { EditDialogMode } from '../../common/edit-dialog/edit-dialog.component'
import { StoragePathEditDialogComponent } from '../../common/edit-dialog/storage-path-edit-dialog/storage-path-edit-dialog.component'
import { TagEditDialogComponent } from '../../common/edit-dialog/tag-edit-dialog/tag-edit-dialog.component'
import { FilterableDropdownComponent } from '../../common/filterable-dropdown/filterable-dropdown.component'
-import { ToggleableDropdownButtonComponent } from '../../common/filterable-dropdown/toggleable-dropdown-button/toggleable-dropdown-button.component'
-import { PermissionsFormComponent } from '../../common/input/permissions/permissions-form/permissions-form.component'
-import { PermissionsGroupComponent } from '../../common/input/permissions/permissions-group/permissions-group.component'
-import { PermissionsUserComponent } from '../../common/input/permissions/permissions-user/permissions-user.component'
-import { SelectComponent } from '../../common/input/select/select.component'
-import { SwitchComponent } from '../../common/input/switch/switch.component'
-import { PermissionsDialogComponent } from '../../common/permissions-dialog/permissions-dialog.component'
import { BulkEditorComponent } from './bulk-editor.component'
const selectionData: SelectionData = {
@@ -95,32 +75,7 @@ describe('BulkEditorComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [
- BulkEditorComponent,
- IfPermissionsDirective,
- FilterableDropdownComponent,
- ToggleableDropdownButtonComponent,
- FilterPipe,
- ConfirmDialogComponent,
- SafeHtmlPipe,
- PermissionsDialogComponent,
- PermissionsFormComponent,
- SelectComponent,
- PermissionsGroupComponent,
- PermissionsUserComponent,
- SwitchComponent,
- RotateConfirmDialogComponent,
- IsNumberPipe,
- MergeConfirmDialogComponent,
- ],
- imports: [
- FormsModule,
- ReactiveFormsModule,
- NgbModule,
- NgbModalModule,
- NgSelectModule,
- NgxBootstrapIconsModule.pick(allIcons),
- ],
+ imports: [BulkEditorComponent, NgxBootstrapIconsModule.pick(allIcons)],
providers: [
PermissionsService,
{
diff --git a/src-ui/src/app/components/document-list/bulk-editor/bulk-editor.component.ts b/src-ui/src/app/components/document-list/bulk-editor/bulk-editor.component.ts
index 628a3f133..bc7492bc5 100644
--- a/src-ui/src/app/components/document-list/bulk-editor/bulk-editor.component.ts
+++ b/src-ui/src/app/components/document-list/bulk-editor/bulk-editor.component.ts
@@ -1,7 +1,17 @@
import { Component, Input, OnDestroy, OnInit } from '@angular/core'
-import { FormControl, FormGroup } from '@angular/forms'
-import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap'
+import {
+ FormControl,
+ FormGroup,
+ FormsModule,
+ ReactiveFormsModule,
+} from '@angular/forms'
+import {
+ NgbDropdownModule,
+ NgbModal,
+ NgbModalRef,
+} from '@ng-bootstrap/ng-bootstrap'
import { saveAs } from 'file-saver'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
import { first, map, Subject, switchMap, takeUntil } from 'rxjs'
import { ConfirmDialogComponent } from 'src/app/components/common/confirm-dialog/confirm-dialog.component'
import { Correspondent } from 'src/app/data/correspondent'
@@ -11,6 +21,7 @@ import { MatchingModel } from 'src/app/data/matching-model'
import { StoragePath } from 'src/app/data/storage-path'
import { Tag } from 'src/app/data/tag'
import { SETTINGS_KEYS } from 'src/app/data/ui-settings'
+import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
import { DocumentListViewService } from 'src/app/services/document-list-view.service'
import { OpenDocumentsService } from 'src/app/services/open-documents.service'
import {
@@ -39,6 +50,7 @@ import { StoragePathEditDialogComponent } from '../../common/edit-dialog/storage
import { TagEditDialogComponent } from '../../common/edit-dialog/tag-edit-dialog/tag-edit-dialog.component'
import {
ChangedItems,
+ FilterableDropdownComponent,
FilterableDropdownSelectionModel,
} from '../../common/filterable-dropdown/filterable-dropdown.component'
import { ToggleableItemState } from '../../common/filterable-dropdown/toggleable-dropdown-button/toggleable-dropdown-button.component'
@@ -50,6 +62,14 @@ import { CustomFieldsBulkEditDialogComponent } from './custom-fields-bulk-edit-d
selector: 'pngx-bulk-editor',
templateUrl: './bulk-editor.component.html',
styleUrls: ['./bulk-editor.component.scss'],
+ imports: [
+ FilterableDropdownComponent,
+ IfPermissionsDirective,
+ FormsModule,
+ ReactiveFormsModule,
+ NgbDropdownModule,
+ NgxBootstrapIconsModule,
+ ],
})
export class BulkEditorComponent
extends ComponentWithPermissions
diff --git a/src-ui/src/app/components/document-list/bulk-editor/custom-fields-bulk-edit-dialog/custom-fields-bulk-edit-dialog.component.spec.ts b/src-ui/src/app/components/document-list/bulk-editor/custom-fields-bulk-edit-dialog/custom-fields-bulk-edit-dialog.component.spec.ts
index a03a1ca62..40ec327ba 100644
--- a/src-ui/src/app/components/document-list/bulk-editor/custom-fields-bulk-edit-dialog/custom-fields-bulk-edit-dialog.component.spec.ts
+++ b/src-ui/src/app/components/document-list/bulk-editor/custom-fields-bulk-edit-dialog/custom-fields-bulk-edit-dialog.component.spec.ts
@@ -2,11 +2,8 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'
import { provideHttpClient } from '@angular/common/http'
import { provideHttpClientTesting } from '@angular/common/http/testing'
-import { FormsModule, ReactiveFormsModule } from '@angular/forms'
-import { NgbActiveModal, NgbModule } from '@ng-bootstrap/ng-bootstrap'
-import { NgSelectModule } from '@ng-select/ng-select'
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'
import { of, throwError } from 'rxjs'
-import { SelectComponent } from 'src/app/components/common/input/select/select.component'
import { CustomFieldDataType } from 'src/app/data/custom-field'
import { DocumentService } from 'src/app/services/rest/document.service'
import { CustomFieldsBulkEditDialogComponent } from './custom-fields-bulk-edit-dialog.component'
@@ -19,8 +16,8 @@ describe('CustomFieldsBulkEditDialogComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [CustomFieldsBulkEditDialogComponent, SelectComponent],
- imports: [FormsModule, ReactiveFormsModule, NgbModule, NgSelectModule],
+ declarations: [],
+ imports: [CustomFieldsBulkEditDialogComponent],
providers: [
NgbActiveModal,
provideHttpClient(),
diff --git a/src-ui/src/app/components/document-list/bulk-editor/custom-fields-bulk-edit-dialog/custom-fields-bulk-edit-dialog.component.ts b/src-ui/src/app/components/document-list/bulk-editor/custom-fields-bulk-edit-dialog/custom-fields-bulk-edit-dialog.component.ts
index 9a253f488..132fc5a36 100644
--- a/src-ui/src/app/components/document-list/bulk-editor/custom-fields-bulk-edit-dialog/custom-fields-bulk-edit-dialog.component.ts
+++ b/src-ui/src/app/components/document-list/bulk-editor/custom-fields-bulk-edit-dialog/custom-fields-bulk-edit-dialog.component.ts
@@ -1,7 +1,21 @@
import { Component, EventEmitter, Output } from '@angular/core'
-import { FormControl, FormGroup } from '@angular/forms'
+import {
+ FormControl,
+ FormGroup,
+ FormsModule,
+ ReactiveFormsModule,
+} from '@angular/forms'
import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
import { first } from 'rxjs'
+import { CheckComponent } from 'src/app/components/common/input/check/check.component'
+import { DateComponent } from 'src/app/components/common/input/date/date.component'
+import { DocumentLinkComponent } from 'src/app/components/common/input/document-link/document-link.component'
+import { MonetaryComponent } from 'src/app/components/common/input/monetary/monetary.component'
+import { NumberComponent } from 'src/app/components/common/input/number/number.component'
+import { SelectComponent } from 'src/app/components/common/input/select/select.component'
+import { TextComponent } from 'src/app/components/common/input/text/text.component'
+import { UrlComponent } from 'src/app/components/common/input/url/url.component'
import { CustomField, CustomFieldDataType } from 'src/app/data/custom-field'
import { DocumentService } from 'src/app/services/rest/document.service'
@@ -9,6 +23,19 @@ import { DocumentService } from 'src/app/services/rest/document.service'
selector: 'pngx-custom-fields-bulk-edit-dialog',
templateUrl: './custom-fields-bulk-edit-dialog.component.html',
styleUrl: './custom-fields-bulk-edit-dialog.component.scss',
+ imports: [
+ CheckComponent,
+ DateComponent,
+ DocumentLinkComponent,
+ MonetaryComponent,
+ NumberComponent,
+ SelectComponent,
+ TextComponent,
+ UrlComponent,
+ FormsModule,
+ ReactiveFormsModule,
+ NgxBootstrapIconsModule,
+ ],
})
export class CustomFieldsBulkEditDialogComponent {
CustomFieldDataType = CustomFieldDataType
diff --git a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.spec.ts b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.spec.ts
index 237ee58c4..4d62c6a0a 100644
--- a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.spec.ts
+++ b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.spec.ts
@@ -43,7 +43,12 @@ describe('DocumentCardLargeComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [
+ imports: [
+ RouterTestingModule,
+ NgbPopoverModule,
+ NgbTooltipModule,
+ NgbProgressbarModule,
+ NgxBootstrapIconsModule.pick(allIcons),
DocumentCardLargeComponent,
DocumentTitlePipe,
CustomDatePipe,
@@ -53,13 +58,6 @@ describe('DocumentCardLargeComponent', () => {
PreviewPopupComponent,
CustomFieldDisplayComponent,
],
- imports: [
- RouterTestingModule,
- NgbPopoverModule,
- NgbTooltipModule,
- NgbProgressbarModule,
- NgxBootstrapIconsModule.pick(allIcons),
- ],
providers: [
DatePipe,
provideHttpClient(withInterceptorsFromDi()),
diff --git a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts
index 9170f530f..458b4ee6b 100644
--- a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts
+++ b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts
@@ -1,3 +1,4 @@
+import { AsyncPipe } from '@angular/common'
import {
AfterViewInit,
Component,
@@ -6,21 +7,49 @@ import {
Output,
ViewChild,
} from '@angular/core'
+import { RouterModule } from '@angular/router'
+import {
+ NgbProgressbarModule,
+ NgbTooltipModule,
+} from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
import {
DEFAULT_DISPLAY_FIELDS,
DisplayField,
Document,
} from 'src/app/data/document'
import { SETTINGS_KEYS } from 'src/app/data/ui-settings'
+import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
+import { CustomDatePipe } from 'src/app/pipes/custom-date.pipe'
+import { DocumentTitlePipe } from 'src/app/pipes/document-title.pipe'
+import { IsNumberPipe } from 'src/app/pipes/is-number.pipe'
+import { UsernamePipe } from 'src/app/pipes/username.pipe'
import { DocumentService } from 'src/app/services/rest/document.service'
import { SettingsService } from 'src/app/services/settings.service'
+import { CustomFieldDisplayComponent } from '../../common/custom-field-display/custom-field-display.component'
import { PreviewPopupComponent } from '../../common/preview-popup/preview-popup.component'
+import { TagComponent } from '../../common/tag/tag.component'
import { LoadingComponentWithPermissions } from '../../loading-component/loading.component'
@Component({
selector: 'pngx-document-card-large',
templateUrl: './document-card-large.component.html',
styleUrls: ['./document-card-large.component.scss'],
+ imports: [
+ DocumentTitlePipe,
+ IsNumberPipe,
+ PreviewPopupComponent,
+ TagComponent,
+ CustomFieldDisplayComponent,
+ AsyncPipe,
+ UsernamePipe,
+ IfPermissionsDirective,
+ CustomDatePipe,
+ RouterModule,
+ NgbTooltipModule,
+ NgbProgressbarModule,
+ NgxBootstrapIconsModule,
+ ],
})
export class DocumentCardLargeComponent
extends LoadingComponentWithPermissions
diff --git a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.spec.ts b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.spec.ts
index 729521052..7e6d9da20 100644
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.spec.ts
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.spec.ts
@@ -4,21 +4,9 @@ import { provideHttpClientTesting } from '@angular/common/http/testing'
import { ComponentFixture, TestBed } from '@angular/core/testing'
import { By } from '@angular/platform-browser'
import { RouterTestingModule } from '@angular/router/testing'
-import {
- NgbPopoverModule,
- NgbProgressbarModule,
- NgbTooltipModule,
-} from '@ng-bootstrap/ng-bootstrap'
import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
import { of } from 'rxjs'
import { Tag } from 'src/app/data/tag'
-import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
-import { CustomDatePipe } from 'src/app/pipes/custom-date.pipe'
-import { DocumentTitlePipe } from 'src/app/pipes/document-title.pipe'
-import { IsNumberPipe } from 'src/app/pipes/is-number.pipe'
-import { SafeUrlPipe } from 'src/app/pipes/safeurl.pipe'
-import { CustomFieldDisplayComponent } from '../../common/custom-field-display/custom-field-display.component'
-import { PreviewPopupComponent } from '../../common/preview-popup/preview-popup.component'
import { TagComponent } from '../../common/tag/tag.component'
import { DocumentCardSmallComponent } from './document-card-small.component'
@@ -56,23 +44,10 @@ describe('DocumentCardSmallComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [
- DocumentCardSmallComponent,
- DocumentTitlePipe,
- CustomDatePipe,
- IfPermissionsDirective,
- SafeUrlPipe,
- TagComponent,
- IsNumberPipe,
- PreviewPopupComponent,
- CustomFieldDisplayComponent,
- ],
imports: [
RouterTestingModule,
- NgbPopoverModule,
- NgbTooltipModule,
- NgbProgressbarModule,
NgxBootstrapIconsModule.pick(allIcons),
+ DocumentCardSmallComponent,
],
providers: [
DatePipe,
diff --git a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts
index 43a73e3e0..2c318690d 100644
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts
@@ -1,3 +1,4 @@
+import { AsyncPipe } from '@angular/common'
import {
AfterViewInit,
Component,
@@ -6,6 +7,12 @@ import {
Output,
ViewChild,
} from '@angular/core'
+import { RouterModule } from '@angular/router'
+import {
+ NgbProgressbarModule,
+ NgbTooltipModule,
+} from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
import { map } from 'rxjs/operators'
import {
DEFAULT_DISPLAY_FIELDS,
@@ -13,15 +20,37 @@ import {
Document,
} from 'src/app/data/document'
import { SETTINGS_KEYS } from 'src/app/data/ui-settings'
+import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
+import { CustomDatePipe } from 'src/app/pipes/custom-date.pipe'
+import { DocumentTitlePipe } from 'src/app/pipes/document-title.pipe'
+import { IsNumberPipe } from 'src/app/pipes/is-number.pipe'
+import { UsernamePipe } from 'src/app/pipes/username.pipe'
import { DocumentService } from 'src/app/services/rest/document.service'
import { SettingsService } from 'src/app/services/settings.service'
+import { CustomFieldDisplayComponent } from '../../common/custom-field-display/custom-field-display.component'
import { PreviewPopupComponent } from '../../common/preview-popup/preview-popup.component'
+import { TagComponent } from '../../common/tag/tag.component'
import { LoadingComponentWithPermissions } from '../../loading-component/loading.component'
@Component({
selector: 'pngx-document-card-small',
templateUrl: './document-card-small.component.html',
styleUrls: ['./document-card-small.component.scss'],
+ imports: [
+ DocumentTitlePipe,
+ IsNumberPipe,
+ PreviewPopupComponent,
+ TagComponent,
+ CustomFieldDisplayComponent,
+ AsyncPipe,
+ UsernamePipe,
+ IfPermissionsDirective,
+ CustomDatePipe,
+ RouterModule,
+ NgbTooltipModule,
+ NgbProgressbarModule,
+ NgxBootstrapIconsModule,
+ ],
})
export class DocumentCardSmallComponent
extends LoadingComponentWithPermissions
diff --git a/src-ui/src/app/components/document-list/document-list.component.spec.ts b/src-ui/src/app/components/document-list/document-list.component.spec.ts
index 63b7e41ad..dfdab018f 100644
--- a/src-ui/src/app/components/document-list/document-list.component.spec.ts
+++ b/src-ui/src/app/components/document-list/document-list.component.spec.ts
@@ -6,22 +6,15 @@ import {
} from '@angular/common/http'
import { provideHttpClientTesting } from '@angular/common/http/testing'
import { ComponentFixture, TestBed } from '@angular/core/testing'
-import { FormsModule, ReactiveFormsModule } from '@angular/forms'
import { By } from '@angular/platform-browser'
import { ActivatedRoute, Router, convertToParamMap } from '@angular/router'
import { RouterTestingModule } from '@angular/router/testing'
import {
- NgbDatepickerModule,
NgbDropdown,
NgbDropdownItem,
- NgbDropdownModule,
NgbModal,
NgbModalRef,
- NgbPopoverModule,
- NgbTooltipModule,
- NgbTypeaheadModule,
} from '@ng-bootstrap/ng-bootstrap'
-import { NgSelectModule } from '@ng-select/ng-select'
import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
import { Subject, of, throwError } from 'rxjs'
import { routes } from 'src/app/app-routing.module'
@@ -38,13 +31,11 @@ import {
} from 'src/app/data/filter-rule-type'
import { SavedView } from 'src/app/data/saved-view'
import { SETTINGS_KEYS } from 'src/app/data/ui-settings'
-import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
import { SortableDirective } from 'src/app/directives/sortable.directive'
import { PermissionsGuard } from 'src/app/guards/permissions.guard'
import { CustomDatePipe } from 'src/app/pipes/custom-date.pipe'
import { DocumentTitlePipe } from 'src/app/pipes/document-title.pipe'
import { FilterPipe } from 'src/app/pipes/filter.pipe'
-import { IsNumberPipe } from 'src/app/pipes/is-number.pipe'
import { SafeHtmlPipe } from 'src/app/pipes/safehtml.pipe'
import { UsernamePipe } from 'src/app/pipes/username.pipe'
import {
@@ -57,22 +48,9 @@ import { DocumentService } from 'src/app/services/rest/document.service'
import { SavedViewService } from 'src/app/services/rest/saved-view.service'
import { SettingsService } from 'src/app/services/settings.service'
import { ToastService } from 'src/app/services/toast.service'
-import { ClearableBadgeComponent } from '../common/clearable-badge/clearable-badge.component'
-import { ConfirmDialogComponent } from '../common/confirm-dialog/confirm-dialog.component'
-import { DatesDropdownComponent } from '../common/dates-dropdown/dates-dropdown.component'
-import { FilterableDropdownComponent } from '../common/filterable-dropdown/filterable-dropdown.component'
-import { ToggleableDropdownButtonComponent } from '../common/filterable-dropdown/toggleable-dropdown-button/toggleable-dropdown-button.component'
-import { CheckComponent } from '../common/input/check/check.component'
-import { TextComponent } from '../common/input/text/text.component'
-import { PageHeaderComponent } from '../common/page-header/page-header.component'
-import { PermissionsFilterDropdownComponent } from '../common/permissions-filter-dropdown/permissions-filter-dropdown.component'
-import { PreviewPopupComponent } from '../common/preview-popup/preview-popup.component'
-import { BulkEditorComponent } from './bulk-editor/bulk-editor.component'
import { DocumentCardLargeComponent } from './document-card-large/document-card-large.component'
import { DocumentCardSmallComponent } from './document-card-small/document-card-small.component'
import { DocumentListComponent } from './document-list.component'
-import { FilterEditorComponent } from './filter-editor/filter-editor.component'
-import { SaveViewConfigDialogComponent } from './save-view-config-dialog/save-view-config-dialog.component'
const docs: Document[] = [
{
@@ -114,43 +92,10 @@ describe('DocumentListComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [
- DocumentListComponent,
- PageHeaderComponent,
- FilterEditorComponent,
- FilterableDropdownComponent,
- DatesDropdownComponent,
- PermissionsFilterDropdownComponent,
- ToggleableDropdownButtonComponent,
- BulkEditorComponent,
- ClearableBadgeComponent,
- DocumentCardSmallComponent,
- DocumentCardLargeComponent,
- ConfirmDialogComponent,
- SaveViewConfigDialogComponent,
- TextComponent,
- CheckComponent,
- IfPermissionsDirective,
- FilterPipe,
- CustomDatePipe,
- SortableDirective,
- DocumentTitlePipe,
- UsernamePipe,
- SafeHtmlPipe,
- IsNumberPipe,
- PreviewPopupComponent,
- ],
imports: [
RouterTestingModule.withRoutes(routes),
- FormsModule,
- ReactiveFormsModule,
- NgbDropdownModule,
- NgbDatepickerModule,
- NgbPopoverModule,
- NgbTooltipModule,
NgxBootstrapIconsModule.pick(allIcons),
- NgSelectModule,
- NgbTypeaheadModule,
+ DocumentListComponent,
],
providers: [
FilterPipe,
diff --git a/src-ui/src/app/components/document-list/document-list.component.ts b/src-ui/src/app/components/document-list/document-list.component.ts
index 4bfb68449..d10146ea1 100644
--- a/src-ui/src/app/components/document-list/document-list.component.ts
+++ b/src-ui/src/app/components/document-list/document-list.component.ts
@@ -1,3 +1,4 @@
+import { AsyncPipe, NgClass, NgTemplateOutlet } from '@angular/common'
import {
Component,
OnDestroy,
@@ -6,8 +7,16 @@ import {
ViewChild,
ViewChildren,
} from '@angular/core'
-import { ActivatedRoute, convertToParamMap, Router } from '@angular/router'
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
+import { FormsModule, ReactiveFormsModule } from '@angular/forms'
+import {
+ ActivatedRoute,
+ convertToParamMap,
+ Router,
+ RouterModule,
+} from '@angular/router'
+import { NgbDropdownModule, NgbModal } from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
+import { TourNgBootstrapModule } from 'ngx-ui-tour-ng-bootstrap'
import { filter, first, map, Subject, switchMap, takeUntil } from 'rxjs'
import {
DEFAULT_DISPLAY_FIELDS,
@@ -19,10 +28,14 @@ import { FilterRule } from 'src/app/data/filter-rule'
import { FILTER_FULLTEXT_MORELIKE } from 'src/app/data/filter-rule-type'
import { SavedView } from 'src/app/data/saved-view'
import { SETTINGS_KEYS } from 'src/app/data/ui-settings'
+import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
import {
SortableDirective,
SortEvent,
} from 'src/app/directives/sortable.directive'
+import { CustomDatePipe } from 'src/app/pipes/custom-date.pipe'
+import { DocumentTitlePipe } from 'src/app/pipes/document-title.pipe'
+import { UsernamePipe } from 'src/app/pipes/username.pipe'
import { ConsumerStatusService } from 'src/app/services/consumer-status.service'
import { DocumentListViewService } from 'src/app/services/document-list-view.service'
import { HotKeyService } from 'src/app/services/hot-key.service'
@@ -35,7 +48,12 @@ import {
filterRulesDiffer,
isFullTextFilterRule,
} from 'src/app/utils/filter-rules'
+import { PageHeaderComponent } from '../common/page-header/page-header.component'
+import { PreviewPopupComponent } from '../common/preview-popup/preview-popup.component'
import { ComponentWithPermissions } from '../with-permissions/with-permissions.component'
+import { BulkEditorComponent } from './bulk-editor/bulk-editor.component'
+import { DocumentCardLargeComponent } from './document-card-large/document-card-large.component'
+import { DocumentCardSmallComponent } from './document-card-small/document-card-small.component'
import { FilterEditorComponent } from './filter-editor/filter-editor.component'
import { SaveViewConfigDialogComponent } from './save-view-config-dialog/save-view-config-dialog.component'
@@ -43,6 +61,28 @@ import { SaveViewConfigDialogComponent } from './save-view-config-dialog/save-vi
selector: 'pngx-document-list',
templateUrl: './document-list.component.html',
styleUrls: ['./document-list.component.scss'],
+ imports: [
+ PageHeaderComponent,
+ BulkEditorComponent,
+ FilterEditorComponent,
+ DocumentCardSmallComponent,
+ DocumentCardLargeComponent,
+ PreviewPopupComponent,
+ CustomDatePipe,
+ DocumentTitlePipe,
+ IfPermissionsDirective,
+ SortableDirective,
+ UsernamePipe,
+ NgxBootstrapIconsModule,
+ AsyncPipe,
+ FormsModule,
+ ReactiveFormsModule,
+ NgTemplateOutlet,
+ NgbDropdownModule,
+ NgClass,
+ RouterModule,
+ TourNgBootstrapModule,
+ ],
})
export class DocumentListComponent
extends ComponentWithPermissions
diff --git a/src-ui/src/app/components/document-list/filter-editor/filter-editor.component.spec.ts b/src-ui/src/app/components/document-list/filter-editor/filter-editor.component.spec.ts
index 019ce4aab..6e5e29400 100644
--- a/src-ui/src/app/components/document-list/filter-editor/filter-editor.component.spec.ts
+++ b/src-ui/src/app/components/document-list/filter-editor/filter-editor.component.spec.ts
@@ -179,7 +179,15 @@ describe('FilterEditorComponent', () => {
beforeEach(fakeAsync(() => {
TestBed.configureTestingModule({
- declarations: [
+ imports: [
+ RouterModule,
+ NgbDropdownModule,
+ FormsModule,
+ ReactiveFormsModule,
+ NgbDatepickerModule,
+ NgxBootstrapIconsModule.pick(allIcons),
+ NgbTypeaheadModule,
+ NgSelectModule,
FilterEditorComponent,
FilterableDropdownComponent,
PermissionsFilterDropdownComponent,
@@ -191,16 +199,6 @@ describe('FilterEditorComponent', () => {
CustomDatePipe,
CustomFieldsQueryDropdownComponent,
],
- imports: [
- RouterModule,
- NgbDropdownModule,
- FormsModule,
- ReactiveFormsModule,
- NgbDatepickerModule,
- NgxBootstrapIconsModule.pick(allIcons),
- NgbTypeaheadModule,
- NgSelectModule,
- ],
providers: [
FilterPipe,
CustomDatePipe,
diff --git a/src-ui/src/app/components/document-list/filter-editor/filter-editor.component.ts b/src-ui/src/app/components/document-list/filter-editor/filter-editor.component.ts
index 8b55bcb05..6e9a3fb7d 100644
--- a/src-ui/src/app/components/document-list/filter-editor/filter-editor.component.ts
+++ b/src-ui/src/app/components/document-list/filter-editor/filter-editor.component.ts
@@ -9,6 +9,13 @@ import {
Output,
ViewChild,
} from '@angular/core'
+import { FormsModule, ReactiveFormsModule } from '@angular/forms'
+import {
+ NgbDropdownModule,
+ NgbTypeaheadModule,
+} from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
+import { TourNgBootstrapModule } from 'ngx-ui-tour-ng-bootstrap'
import { Observable, Subject, from } from 'rxjs'
import {
catchError,
@@ -87,9 +94,16 @@ import {
CustomFieldQueryExpression,
} from 'src/app/utils/custom-field-query-element'
import { filterRulesDiffer } from 'src/app/utils/filter-rules'
-import { CustomFieldQueriesModel } from '../../common/custom-fields-query-dropdown/custom-fields-query-dropdown.component'
-import { RelativeDate } from '../../common/dates-dropdown/dates-dropdown.component'
import {
+ CustomFieldQueriesModel,
+ CustomFieldsQueryDropdownComponent,
+} from '../../common/custom-fields-query-dropdown/custom-fields-query-dropdown.component'
+import {
+ DatesDropdownComponent,
+ RelativeDate,
+} from '../../common/dates-dropdown/dates-dropdown.component'
+import {
+ FilterableDropdownComponent,
FilterableDropdownSelectionModel,
Intersection,
LogicalOperator,
@@ -97,6 +111,7 @@ import {
import { ToggleableItemState } from '../../common/filterable-dropdown/toggleable-dropdown-button/toggleable-dropdown-button.component'
import {
OwnerFilterType,
+ PermissionsFilterDropdownComponent,
PermissionsSelectionModel,
} from '../../common/permissions-filter-dropdown/permissions-filter-dropdown.component'
import { LoadingComponentWithPermissions } from '../../loading-component/loading.component'
@@ -184,6 +199,18 @@ const DEFAULT_TEXT_FILTER_MODIFIER_OPTIONS = [
selector: 'pngx-filter-editor',
templateUrl: './filter-editor.component.html',
styleUrls: ['./filter-editor.component.scss'],
+ imports: [
+ FilterableDropdownComponent,
+ CustomFieldsQueryDropdownComponent,
+ DatesDropdownComponent,
+ PermissionsFilterDropdownComponent,
+ NgxBootstrapIconsModule,
+ NgbDropdownModule,
+ NgbTypeaheadModule,
+ FormsModule,
+ ReactiveFormsModule,
+ TourNgBootstrapModule,
+ ],
})
export class FilterEditorComponent
extends LoadingComponentWithPermissions
diff --git a/src-ui/src/app/components/document-list/save-view-config-dialog/save-view-config-dialog.component.spec.ts b/src-ui/src/app/components/document-list/save-view-config-dialog/save-view-config-dialog.component.spec.ts
index 91b61ccc2..33e6bd6aa 100644
--- a/src-ui/src/app/components/document-list/save-view-config-dialog/save-view-config-dialog.component.spec.ts
+++ b/src-ui/src/app/components/document-list/save-view-config-dialog/save-view-config-dialog.component.spec.ts
@@ -18,13 +18,15 @@ describe('SaveViewConfigDialogComponent', () => {
beforeEach(fakeAsync(() => {
TestBed.configureTestingModule({
- declarations: [
+ providers: [NgbActiveModal],
+ imports: [
+ NgbModalModule,
+ FormsModule,
+ ReactiveFormsModule,
SaveViewConfigDialogComponent,
TextComponent,
CheckComponent,
],
- providers: [NgbActiveModal],
- imports: [NgbModalModule, FormsModule, ReactiveFormsModule],
}).compileComponents()
modal = TestBed.inject(NgbActiveModal)
diff --git a/src-ui/src/app/components/document-list/save-view-config-dialog/save-view-config-dialog.component.ts b/src-ui/src/app/components/document-list/save-view-config-dialog/save-view-config-dialog.component.ts
index b7d9a4711..675b43e98 100644
--- a/src-ui/src/app/components/document-list/save-view-config-dialog/save-view-config-dialog.component.ts
+++ b/src-ui/src/app/components/document-list/save-view-config-dialog/save-view-config-dialog.component.ts
@@ -1,11 +1,19 @@
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'
-import { FormControl, FormGroup } from '@angular/forms'
+import {
+ FormControl,
+ FormGroup,
+ FormsModule,
+ ReactiveFormsModule,
+} from '@angular/forms'
import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'
+import { CheckComponent } from '../../common/input/check/check.component'
+import { TextComponent } from '../../common/input/text/text.component'
@Component({
selector: 'pngx-save-view-config-dialog',
templateUrl: './save-view-config-dialog.component.html',
styleUrls: ['./save-view-config-dialog.component.scss'],
+ imports: [CheckComponent, TextComponent, FormsModule, ReactiveFormsModule],
})
export class SaveViewConfigDialogComponent implements OnInit {
constructor(private modal: NgbActiveModal) {}
diff --git a/src-ui/src/app/components/document-notes/document-notes.component.spec.ts b/src-ui/src/app/components/document-notes/document-notes.component.spec.ts
index 136e49c9c..1c86c03a5 100644
--- a/src-ui/src/app/components/document-notes/document-notes.component.spec.ts
+++ b/src-ui/src/app/components/document-notes/document-notes.component.spec.ts
@@ -56,15 +56,13 @@ describe('DocumentNotesComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [
- DocumentNotesComponent,
- CustomDatePipe,
- IfPermissionsDirective,
- ],
imports: [
FormsModule,
ReactiveFormsModule,
NgxBootstrapIconsModule.pick(allIcons),
+ DocumentNotesComponent,
+ CustomDatePipe,
+ IfPermissionsDirective,
],
providers: [
{
diff --git a/src-ui/src/app/components/document-notes/document-notes.component.ts b/src-ui/src/app/components/document-notes/document-notes.component.ts
index 8baf562e5..685d2d93e 100644
--- a/src-ui/src/app/components/document-notes/document-notes.component.ts
+++ b/src-ui/src/app/components/document-notes/document-notes.component.ts
@@ -1,7 +1,15 @@
import { Component, EventEmitter, Input, Output } from '@angular/core'
-import { FormControl, FormGroup } from '@angular/forms'
+import {
+ FormControl,
+ FormGroup,
+ FormsModule,
+ ReactiveFormsModule,
+} from '@angular/forms'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
import { DocumentNote } from 'src/app/data/document-note'
import { User } from 'src/app/data/user'
+import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
+import { CustomDatePipe } from 'src/app/pipes/custom-date.pipe'
import { DocumentNotesService } from 'src/app/services/rest/document-notes.service'
import { UserService } from 'src/app/services/rest/user.service'
import { ToastService } from 'src/app/services/toast.service'
@@ -11,6 +19,13 @@ import { ComponentWithPermissions } from '../with-permissions/with-permissions.c
selector: 'pngx-document-notes',
templateUrl: './document-notes.component.html',
styleUrls: ['./document-notes.component.scss'],
+ imports: [
+ IfPermissionsDirective,
+ CustomDatePipe,
+ FormsModule,
+ ReactiveFormsModule,
+ NgxBootstrapIconsModule,
+ ],
})
export class DocumentNotesComponent extends ComponentWithPermissions {
noteForm: FormGroup = new FormGroup({
diff --git a/src-ui/src/app/components/file-drop/file-drop.component.spec.ts b/src-ui/src/app/components/file-drop/file-drop.component.spec.ts
index 221fb4101..bd3a56a3f 100644
--- a/src-ui/src/app/components/file-drop/file-drop.component.spec.ts
+++ b/src-ui/src/app/components/file-drop/file-drop.component.spec.ts
@@ -27,8 +27,7 @@ describe('FileDropComponent', () => {
beforeEach(() => {
TestBed.configureTestingModule({
- declarations: [FileDropComponent, ToastsComponent],
- imports: [NgxFileDropModule],
+ imports: [NgxFileDropModule, FileDropComponent, ToastsComponent],
providers: [
provideHttpClient(withInterceptorsFromDi()),
provideHttpClientTesting(),
diff --git a/src-ui/src/app/components/file-drop/file-drop.component.ts b/src-ui/src/app/components/file-drop/file-drop.component.ts
index 2042d64a1..49eb423b2 100644
--- a/src-ui/src/app/components/file-drop/file-drop.component.ts
+++ b/src-ui/src/app/components/file-drop/file-drop.component.ts
@@ -1,5 +1,9 @@
import { Component, HostListener, ViewChild } from '@angular/core'
-import { NgxFileDropComponent, NgxFileDropEntry } from 'ngx-file-drop'
+import {
+ NgxFileDropComponent,
+ NgxFileDropEntry,
+ NgxFileDropModule,
+} from 'ngx-file-drop'
import {
PermissionAction,
PermissionsService,
@@ -13,6 +17,7 @@ import { UploadDocumentsService } from 'src/app/services/upload-documents.servic
selector: 'pngx-file-drop',
templateUrl: './file-drop.component.html',
styleUrls: ['./file-drop.component.scss'],
+ imports: [NgxFileDropModule],
})
export class FileDropComponent {
private fileLeaveTimeoutID: any
diff --git a/src-ui/src/app/components/manage/correspondent-list/correspondent-list.component.spec.ts b/src-ui/src/app/components/manage/correspondent-list/correspondent-list.component.spec.ts
index 5b6f725fa..98071cb90 100644
--- a/src-ui/src/app/components/manage/correspondent-list/correspondent-list.component.spec.ts
+++ b/src-ui/src/app/components/manage/correspondent-list/correspondent-list.component.spec.ts
@@ -19,17 +19,15 @@ describe('CorrespondentListComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [
- CorrespondentListComponent,
- SortableDirective,
- PageHeaderComponent,
- IfPermissionsDirective,
- ],
imports: [
NgbPaginationModule,
FormsModule,
ReactiveFormsModule,
NgxBootstrapIconsModule.pick(allIcons),
+ CorrespondentListComponent,
+ SortableDirective,
+ PageHeaderComponent,
+ IfPermissionsDirective,
],
providers: [
DatePipe,
diff --git a/src-ui/src/app/components/manage/correspondent-list/correspondent-list.component.ts b/src-ui/src/app/components/manage/correspondent-list/correspondent-list.component.ts
index 09bfd1338..95ea3e45b 100644
--- a/src-ui/src/app/components/manage/correspondent-list/correspondent-list.component.ts
+++ b/src-ui/src/app/components/manage/correspondent-list/correspondent-list.component.ts
@@ -1,7 +1,12 @@
+import { NgClass, TitleCasePipe } from '@angular/common'
import { Component } from '@angular/core'
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
+import { FormsModule, ReactiveFormsModule } from '@angular/forms'
+import { NgbModal, NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
import { Correspondent } from 'src/app/data/correspondent'
import { FILTER_HAS_CORRESPONDENT_ANY } from 'src/app/data/filter-rule-type'
+import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
+import { SortableDirective } from 'src/app/directives/sortable.directive'
import { CustomDatePipe } from 'src/app/pipes/custom-date.pipe'
import { DocumentListViewService } from 'src/app/services/document-list-view.service'
import {
@@ -11,6 +16,7 @@ import {
import { CorrespondentService } from 'src/app/services/rest/correspondent.service'
import { ToastService } from 'src/app/services/toast.service'
import { CorrespondentEditDialogComponent } from '../../common/edit-dialog/correspondent-edit-dialog/correspondent-edit-dialog.component'
+import { PageHeaderComponent } from '../../common/page-header/page-header.component'
import { ManagementListComponent } from '../management-list/management-list.component'
@Component({
@@ -18,6 +24,17 @@ import { ManagementListComponent } from '../management-list/management-list.comp
templateUrl: './../management-list/management-list.component.html',
styleUrls: ['./../management-list/management-list.component.scss'],
providers: [{ provide: CustomDatePipe }],
+ imports: [
+ SortableDirective,
+ IfPermissionsDirective,
+ PageHeaderComponent,
+ TitleCasePipe,
+ FormsModule,
+ ReactiveFormsModule,
+ NgClass,
+ NgbPaginationModule,
+ NgxBootstrapIconsModule,
+ ],
})
export class CorrespondentListComponent extends ManagementListComponent
{
constructor(
diff --git a/src-ui/src/app/components/manage/custom-fields/custom-fields.component.spec.ts b/src-ui/src/app/components/manage/custom-fields/custom-fields.component.spec.ts
index 1c1c78fa1..e94470d64 100644
--- a/src-ui/src/app/components/manage/custom-fields/custom-fields.component.spec.ts
+++ b/src-ui/src/app/components/manage/custom-fields/custom-fields.component.spec.ts
@@ -54,12 +54,6 @@ describe('CustomFieldsComponent', () => {
beforeEach(() => {
TestBed.configureTestingModule({
- declarations: [
- CustomFieldsComponent,
- IfPermissionsDirective,
- PageHeaderComponent,
- ConfirmDialogComponent,
- ],
imports: [
NgbPaginationModule,
FormsModule,
@@ -67,6 +61,10 @@ describe('CustomFieldsComponent', () => {
NgbModalModule,
NgbPopoverModule,
NgxBootstrapIconsModule.pick(allIcons),
+ CustomFieldsComponent,
+ IfPermissionsDirective,
+ PageHeaderComponent,
+ ConfirmDialogComponent,
],
providers: [
{
diff --git a/src-ui/src/app/components/manage/custom-fields/custom-fields.component.ts b/src-ui/src/app/components/manage/custom-fields/custom-fields.component.ts
index cd6986e00..ced70655c 100644
--- a/src-ui/src/app/components/manage/custom-fields/custom-fields.component.ts
+++ b/src-ui/src/app/components/manage/custom-fields/custom-fields.component.ts
@@ -1,5 +1,6 @@
import { Component, OnInit } from '@angular/core'
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
+import { NgbModal, NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
import { delay, takeUntil, tap } from 'rxjs'
import { CustomField, DATA_TYPE_LABELS } from 'src/app/data/custom-field'
import {
@@ -7,6 +8,7 @@ import {
CustomFieldQueryOperator,
} from 'src/app/data/custom-field-query'
import { FILTER_CUSTOM_FIELDS_QUERY } from 'src/app/data/filter-rule-type'
+import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
import { DocumentListViewService } from 'src/app/services/document-list-view.service'
import { PermissionsService } from 'src/app/services/permissions.service'
import { CustomFieldsService } from 'src/app/services/rest/custom-fields.service'
@@ -15,12 +17,19 @@ import { ToastService } from 'src/app/services/toast.service'
import { ConfirmDialogComponent } from '../../common/confirm-dialog/confirm-dialog.component'
import { CustomFieldEditDialogComponent } from '../../common/edit-dialog/custom-field-edit-dialog/custom-field-edit-dialog.component'
import { EditDialogMode } from '../../common/edit-dialog/edit-dialog.component'
+import { PageHeaderComponent } from '../../common/page-header/page-header.component'
import { LoadingComponentWithPermissions } from '../../loading-component/loading.component'
@Component({
selector: 'pngx-custom-fields',
templateUrl: './custom-fields.component.html',
styleUrls: ['./custom-fields.component.scss'],
+ imports: [
+ PageHeaderComponent,
+ IfPermissionsDirective,
+ NgbPaginationModule,
+ NgxBootstrapIconsModule,
+ ],
})
export class CustomFieldsComponent
extends LoadingComponentWithPermissions
diff --git a/src-ui/src/app/components/manage/document-type-list/document-type-list.component.spec.ts b/src-ui/src/app/components/manage/document-type-list/document-type-list.component.spec.ts
index 1dbaa580d..640d6aab8 100644
--- a/src-ui/src/app/components/manage/document-type-list/document-type-list.component.spec.ts
+++ b/src-ui/src/app/components/manage/document-type-list/document-type-list.component.spec.ts
@@ -19,17 +19,15 @@ describe('DocumentTypeListComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [
- DocumentTypeListComponent,
- SortableDirective,
- PageHeaderComponent,
- IfPermissionsDirective,
- ],
imports: [
NgbPaginationModule,
FormsModule,
ReactiveFormsModule,
NgxBootstrapIconsModule.pick(allIcons),
+ DocumentTypeListComponent,
+ SortableDirective,
+ PageHeaderComponent,
+ IfPermissionsDirective,
],
providers: [
DatePipe,
diff --git a/src-ui/src/app/components/manage/document-type-list/document-type-list.component.ts b/src-ui/src/app/components/manage/document-type-list/document-type-list.component.ts
index 14b831d01..a36748677 100644
--- a/src-ui/src/app/components/manage/document-type-list/document-type-list.component.ts
+++ b/src-ui/src/app/components/manage/document-type-list/document-type-list.component.ts
@@ -1,7 +1,12 @@
+import { TitleCasePipe } from '@angular/common'
import { Component } from '@angular/core'
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
+import { FormsModule, ReactiveFormsModule } from '@angular/forms'
+import { NgbModal, NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
import { DocumentType } from 'src/app/data/document-type'
import { FILTER_HAS_DOCUMENT_TYPE_ANY } from 'src/app/data/filter-rule-type'
+import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
+import { SortableDirective } from 'src/app/directives/sortable.directive'
import { DocumentListViewService } from 'src/app/services/document-list-view.service'
import {
PermissionsService,
@@ -10,12 +15,23 @@ import {
import { DocumentTypeService } from 'src/app/services/rest/document-type.service'
import { ToastService } from 'src/app/services/toast.service'
import { DocumentTypeEditDialogComponent } from '../../common/edit-dialog/document-type-edit-dialog/document-type-edit-dialog.component'
+import { PageHeaderComponent } from '../../common/page-header/page-header.component'
import { ManagementListComponent } from '../management-list/management-list.component'
@Component({
selector: 'pngx-document-type-list',
templateUrl: './../management-list/management-list.component.html',
styleUrls: ['./../management-list/management-list.component.scss'],
+ imports: [
+ SortableDirective,
+ PageHeaderComponent,
+ TitleCasePipe,
+ IfPermissionsDirective,
+ FormsModule,
+ ReactiveFormsModule,
+ NgbPaginationModule,
+ NgxBootstrapIconsModule,
+ ],
})
export class DocumentTypeListComponent extends ManagementListComponent {
constructor(
diff --git a/src-ui/src/app/components/manage/mail/mail.component.spec.ts b/src-ui/src/app/components/manage/mail/mail.component.spec.ts
index fe98d610f..3ece18061 100644
--- a/src-ui/src/app/components/manage/mail/mail.component.spec.ts
+++ b/src-ui/src/app/components/manage/mail/mail.component.spec.ts
@@ -70,7 +70,14 @@ describe('MailComponent', () => {
beforeEach(() => {
TestBed.configureTestingModule({
- declarations: [
+ imports: [
+ NgbModule,
+ RouterTestingModule.withRoutes(routes),
+ FormsModule,
+ ReactiveFormsModule,
+ NgbAlertModule,
+ NgSelectModule,
+ NgxBootstrapIconsModule.pick(allIcons),
MailComponent,
PageHeaderComponent,
IfPermissionsDirective,
@@ -92,15 +99,6 @@ describe('MailComponent', () => {
PermissionsFormComponent,
SwitchComponent,
],
- imports: [
- NgbModule,
- RouterTestingModule.withRoutes(routes),
- FormsModule,
- ReactiveFormsModule,
- NgbAlertModule,
- NgSelectModule,
- NgxBootstrapIconsModule.pick(allIcons),
- ],
providers: [
CustomDatePipe,
DatePipe,
diff --git a/src-ui/src/app/components/manage/mail/mail.component.ts b/src-ui/src/app/components/manage/mail/mail.component.ts
index 678d84ca9..1938f9a0b 100644
--- a/src-ui/src/app/components/manage/mail/mail.component.ts
+++ b/src-ui/src/app/components/manage/mail/mail.component.ts
@@ -1,11 +1,16 @@
+import { AsyncPipe } from '@angular/common'
import { Component, OnDestroy, OnInit } from '@angular/core'
+import { FormsModule, ReactiveFormsModule } from '@angular/forms'
import { ActivatedRoute } from '@angular/router'
import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
import { Subject, delay, first, takeUntil, tap } from 'rxjs'
import { MailAccount, MailAccountType } from 'src/app/data/mail-account'
import { MailRule } from 'src/app/data/mail-rule'
import { ObjectWithPermissions } from 'src/app/data/object-with-permissions'
import { SETTINGS_KEYS } from 'src/app/data/ui-settings'
+import { IfOwnerDirective } from 'src/app/directives/if-owner.directive'
+import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
import {
PermissionAction,
PermissionsService,
@@ -19,6 +24,7 @@ import { ConfirmDialogComponent } from '../../common/confirm-dialog/confirm-dial
import { EditDialogMode } from '../../common/edit-dialog/edit-dialog.component'
import { MailAccountEditDialogComponent } from '../../common/edit-dialog/mail-account-edit-dialog/mail-account-edit-dialog.component'
import { MailRuleEditDialogComponent } from '../../common/edit-dialog/mail-rule-edit-dialog/mail-rule-edit-dialog.component'
+import { PageHeaderComponent } from '../../common/page-header/page-header.component'
import { PermissionsDialogComponent } from '../../common/permissions-dialog/permissions-dialog.component'
import { ComponentWithPermissions } from '../../with-permissions/with-permissions.component'
@@ -26,6 +32,15 @@ import { ComponentWithPermissions } from '../../with-permissions/with-permission
selector: 'pngx-mail',
templateUrl: './mail.component.html',
styleUrls: ['./mail.component.scss'],
+ imports: [
+ PageHeaderComponent,
+ IfPermissionsDirective,
+ IfOwnerDirective,
+ AsyncPipe,
+ FormsModule,
+ ReactiveFormsModule,
+ NgxBootstrapIconsModule,
+ ],
})
export class MailComponent
extends ComponentWithPermissions
diff --git a/src-ui/src/app/components/manage/management-list/management-list.component.spec.ts b/src-ui/src/app/components/manage/management-list/management-list.component.spec.ts
index 511ba5b3b..b058446cd 100644
--- a/src-ui/src/app/components/manage/management-list/management-list.component.spec.ts
+++ b/src-ui/src/app/components/manage/management-list/management-list.component.spec.ts
@@ -78,15 +78,6 @@ describe('ManagementListComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [
- TagListComponent,
- SortableDirective,
- PageHeaderComponent,
- IfPermissionsDirective,
- SafeHtmlPipe,
- ConfirmDialogComponent,
- PermissionsDialogComponent,
- ],
imports: [
NgbPaginationModule,
FormsModule,
@@ -94,6 +85,13 @@ describe('ManagementListComponent', () => {
NgbModalModule,
RouterTestingModule.withRoutes(routes),
NgxBootstrapIconsModule.pick(allIcons),
+ TagListComponent,
+ SortableDirective,
+ PageHeaderComponent,
+ IfPermissionsDirective,
+ SafeHtmlPipe,
+ ConfirmDialogComponent,
+ PermissionsDialogComponent,
],
providers: [
DatePipe,
diff --git a/src-ui/src/app/components/manage/saved-views/saved-views.component.spec.ts b/src-ui/src/app/components/manage/saved-views/saved-views.component.spec.ts
index 9372c94ff..10bc5db8e 100644
--- a/src-ui/src/app/components/manage/saved-views/saved-views.component.spec.ts
+++ b/src-ui/src/app/components/manage/saved-views/saved-views.component.spec.ts
@@ -36,7 +36,12 @@ describe('SavedViewsComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [
+ imports: [
+ NgbModule,
+ NgxBootstrapIconsModule.pick(allIcons),
+ ReactiveFormsModule,
+ FormsModule,
+ DragDropModule,
SavedViewsComponent,
PageHeaderComponent,
IfPermissionsDirective,
@@ -47,13 +52,6 @@ describe('SavedViewsComponent', () => {
ConfirmButtonComponent,
DragDropSelectComponent,
],
- imports: [
- NgbModule,
- NgxBootstrapIconsModule.pick(allIcons),
- ReactiveFormsModule,
- FormsModule,
- DragDropModule,
- ],
providers: [
{
provide: PermissionsService,
diff --git a/src-ui/src/app/components/manage/saved-views/saved-views.component.ts b/src-ui/src/app/components/manage/saved-views/saved-views.component.ts
index bd6f5362b..c9ccf9355 100644
--- a/src-ui/src/app/components/manage/saved-views/saved-views.component.ts
+++ b/src-ui/src/app/components/manage/saved-views/saved-views.component.ts
@@ -1,18 +1,40 @@
+import { AsyncPipe } from '@angular/common'
import { Component, OnDestroy, OnInit } from '@angular/core'
-import { FormControl, FormGroup } from '@angular/forms'
+import {
+ FormControl,
+ FormGroup,
+ FormsModule,
+ ReactiveFormsModule,
+} from '@angular/forms'
import { dirtyCheck } from '@ngneat/dirty-check-forms'
import { BehaviorSubject, Observable, takeUntil } from 'rxjs'
import { DisplayMode } from 'src/app/data/document'
import { SavedView } from 'src/app/data/saved-view'
+import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
import { SavedViewService } from 'src/app/services/rest/saved-view.service'
import { SettingsService } from 'src/app/services/settings.service'
import { ToastService } from 'src/app/services/toast.service'
+import { ConfirmButtonComponent } from '../../common/confirm-button/confirm-button.component'
+import { DragDropSelectComponent } from '../../common/input/drag-drop-select/drag-drop-select.component'
+import { NumberComponent } from '../../common/input/number/number.component'
+import { TextComponent } from '../../common/input/text/text.component'
+import { PageHeaderComponent } from '../../common/page-header/page-header.component'
import { LoadingComponentWithPermissions } from '../../loading-component/loading.component'
-
@Component({
selector: 'pngx-saved-views',
templateUrl: './saved-views.component.html',
styleUrl: './saved-views.component.scss',
+ imports: [
+ PageHeaderComponent,
+ ConfirmButtonComponent,
+ NumberComponent,
+ TextComponent,
+ IfPermissionsDirective,
+ DragDropSelectComponent,
+ FormsModule,
+ ReactiveFormsModule,
+ AsyncPipe,
+ ],
})
export class SavedViewsComponent
extends LoadingComponentWithPermissions
diff --git a/src-ui/src/app/components/manage/storage-path-list/storage-path-list.component.spec.ts b/src-ui/src/app/components/manage/storage-path-list/storage-path-list.component.spec.ts
index b69aac37a..45735285e 100644
--- a/src-ui/src/app/components/manage/storage-path-list/storage-path-list.component.spec.ts
+++ b/src-ui/src/app/components/manage/storage-path-list/storage-path-list.component.spec.ts
@@ -21,18 +21,16 @@ describe('StoragePathListComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [
- StoragePathListComponent,
- SortableDirective,
- PageHeaderComponent,
- IfPermissionsDirective,
- SafeHtmlPipe,
- ],
imports: [
NgbPaginationModule,
FormsModule,
ReactiveFormsModule,
NgxBootstrapIconsModule.pick(allIcons),
+ StoragePathListComponent,
+ SortableDirective,
+ PageHeaderComponent,
+ IfPermissionsDirective,
+ SafeHtmlPipe,
],
providers: [
DatePipe,
diff --git a/src-ui/src/app/components/manage/storage-path-list/storage-path-list.component.ts b/src-ui/src/app/components/manage/storage-path-list/storage-path-list.component.ts
index 66819284d..76a22748d 100644
--- a/src-ui/src/app/components/manage/storage-path-list/storage-path-list.component.ts
+++ b/src-ui/src/app/components/manage/storage-path-list/storage-path-list.component.ts
@@ -1,7 +1,13 @@
+import { NgClass, TitleCasePipe } from '@angular/common'
import { Component } from '@angular/core'
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
+import { FormsModule, ReactiveFormsModule } from '@angular/forms'
+import { NgbModal, NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
import { FILTER_HAS_STORAGE_PATH_ANY } from 'src/app/data/filter-rule-type'
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,
@@ -10,12 +16,25 @@ import {
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'
@Component({
selector: 'pngx-storage-path-list',
templateUrl: './../management-list/management-list.component.html',
styleUrls: ['./../management-list/management-list.component.scss'],
+ imports: [
+ SortableDirective,
+ PageHeaderComponent,
+ TitleCasePipe,
+ IfPermissionsDirective,
+ SafeHtmlPipe,
+ FormsModule,
+ ReactiveFormsModule,
+ NgClass,
+ NgbPaginationModule,
+ NgxBootstrapIconsModule,
+ ],
})
export class StoragePathListComponent extends ManagementListComponent {
constructor(
diff --git a/src-ui/src/app/components/manage/tag-list/tag-list.component.spec.ts b/src-ui/src/app/components/manage/tag-list/tag-list.component.spec.ts
index 687fe38d7..4e723993c 100644
--- a/src-ui/src/app/components/manage/tag-list/tag-list.component.spec.ts
+++ b/src-ui/src/app/components/manage/tag-list/tag-list.component.spec.ts
@@ -20,18 +20,16 @@ describe('TagListComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [
- TagListComponent,
- SortableDirective,
- PageHeaderComponent,
- IfPermissionsDirective,
- SafeHtmlPipe,
- ],
imports: [
NgbPaginationModule,
FormsModule,
ReactiveFormsModule,
NgxBootstrapIconsModule.pick(allIcons),
+ TagListComponent,
+ SortableDirective,
+ PageHeaderComponent,
+ IfPermissionsDirective,
+ SafeHtmlPipe,
],
providers: [
DatePipe,
diff --git a/src-ui/src/app/components/manage/tag-list/tag-list.component.ts b/src-ui/src/app/components/manage/tag-list/tag-list.component.ts
index f2f68447a..b94718d4b 100644
--- a/src-ui/src/app/components/manage/tag-list/tag-list.component.ts
+++ b/src-ui/src/app/components/manage/tag-list/tag-list.component.ts
@@ -1,7 +1,13 @@
+import { NgClass, TitleCasePipe } from '@angular/common'
import { Component } from '@angular/core'
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
+import { FormsModule, ReactiveFormsModule } from '@angular/forms'
+import { NgbModal, NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
import { FILTER_HAS_TAGS_ALL } from 'src/app/data/filter-rule-type'
import { Tag } from 'src/app/data/tag'
+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,
@@ -10,12 +16,25 @@ import {
import { TagService } from 'src/app/services/rest/tag.service'
import { ToastService } from 'src/app/services/toast.service'
import { TagEditDialogComponent } from '../../common/edit-dialog/tag-edit-dialog/tag-edit-dialog.component'
+import { PageHeaderComponent } from '../../common/page-header/page-header.component'
import { ManagementListComponent } from '../management-list/management-list.component'
@Component({
selector: 'pngx-tag-list',
templateUrl: './../management-list/management-list.component.html',
styleUrls: ['./../management-list/management-list.component.scss'],
+ imports: [
+ SortableDirective,
+ PageHeaderComponent,
+ TitleCasePipe,
+ IfPermissionsDirective,
+ SafeHtmlPipe,
+ FormsModule,
+ ReactiveFormsModule,
+ NgClass,
+ NgbPaginationModule,
+ NgxBootstrapIconsModule,
+ ],
})
export class TagListComponent extends ManagementListComponent {
constructor(
diff --git a/src-ui/src/app/components/manage/workflows/workflows.component.spec.ts b/src-ui/src/app/components/manage/workflows/workflows.component.spec.ts
index 61f1238cc..9f97ab743 100644
--- a/src-ui/src/app/components/manage/workflows/workflows.component.spec.ts
+++ b/src-ui/src/app/components/manage/workflows/workflows.component.spec.ts
@@ -81,12 +81,6 @@ describe('WorkflowsComponent', () => {
beforeEach(() => {
TestBed.configureTestingModule({
- declarations: [
- WorkflowsComponent,
- IfPermissionsDirective,
- PageHeaderComponent,
- ConfirmDialogComponent,
- ],
imports: [
NgbPaginationModule,
FormsModule,
@@ -94,6 +88,10 @@ describe('WorkflowsComponent', () => {
NgbModalModule,
NgbPopoverModule,
NgxBootstrapIconsModule.pick(allIcons),
+ WorkflowsComponent,
+ IfPermissionsDirective,
+ PageHeaderComponent,
+ ConfirmDialogComponent,
],
providers: [
{
diff --git a/src-ui/src/app/components/manage/workflows/workflows.component.ts b/src-ui/src/app/components/manage/workflows/workflows.component.ts
index c697ee482..a74fd0232 100644
--- a/src-ui/src/app/components/manage/workflows/workflows.component.ts
+++ b/src-ui/src/app/components/manage/workflows/workflows.component.ts
@@ -1,7 +1,10 @@
import { Component, OnInit } from '@angular/core'
+import { FormsModule, ReactiveFormsModule } from '@angular/forms'
import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
import { delay, takeUntil, tap } from 'rxjs'
import { Workflow } from 'src/app/data/workflow'
+import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
import { PermissionsService } from 'src/app/services/permissions.service'
import { WorkflowService } from 'src/app/services/rest/workflow.service'
import { ToastService } from 'src/app/services/toast.service'
@@ -11,12 +14,20 @@ import {
WORKFLOW_TYPE_OPTIONS,
WorkflowEditDialogComponent,
} from '../../common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component'
+import { PageHeaderComponent } from '../../common/page-header/page-header.component'
import { LoadingComponentWithPermissions } from '../../loading-component/loading.component'
@Component({
selector: 'pngx-workflows',
templateUrl: './workflows.component.html',
styleUrls: ['./workflows.component.scss'],
+ imports: [
+ PageHeaderComponent,
+ IfPermissionsDirective,
+ FormsModule,
+ ReactiveFormsModule,
+ NgxBootstrapIconsModule,
+ ],
})
export class WorkflowsComponent
extends LoadingComponentWithPermissions
diff --git a/src-ui/src/app/components/not-found/not-found.component.spec.ts b/src-ui/src/app/components/not-found/not-found.component.spec.ts
index 3c8f08d8e..58861da44 100644
--- a/src-ui/src/app/components/not-found/not-found.component.spec.ts
+++ b/src-ui/src/app/components/not-found/not-found.component.spec.ts
@@ -12,8 +12,11 @@ describe('NotFoundComponent', () => {
beforeEach(async () => {
TestBed.configureTestingModule({
- declarations: [NotFoundComponent, LogoComponent],
- imports: [NgxBootstrapIconsModule.pick(allIcons)],
+ imports: [
+ NgxBootstrapIconsModule.pick(allIcons),
+ NotFoundComponent,
+ LogoComponent,
+ ],
providers: [
provideHttpClient(withInterceptorsFromDi()),
provideHttpClientTesting(),
diff --git a/src-ui/src/app/components/not-found/not-found.component.ts b/src-ui/src/app/components/not-found/not-found.component.ts
index 44bbf4c3a..dc381d265 100644
--- a/src-ui/src/app/components/not-found/not-found.component.ts
+++ b/src-ui/src/app/components/not-found/not-found.component.ts
@@ -1,9 +1,12 @@
import { Component } from '@angular/core'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
+import { LogoComponent } from '../common/logo/logo.component'
@Component({
selector: 'pngx-not-found',
templateUrl: './not-found.component.html',
styleUrls: ['./not-found.component.scss'],
+ imports: [LogoComponent, NgxBootstrapIconsModule],
})
export class NotFoundComponent {
constructor() {}
diff --git a/src-ui/src/app/directives/if-object-permissions.directive.spec.ts b/src-ui/src/app/directives/if-object-permissions.directive.spec.ts
index ff3f108eb..2bd9fb06a 100644
--- a/src-ui/src/app/directives/if-object-permissions.directive.spec.ts
+++ b/src-ui/src/app/directives/if-object-permissions.directive.spec.ts
@@ -16,6 +16,7 @@ import { IfObjectPermissionsDirective } from './if-object-permissions.directive'
`,
+ imports: [IfObjectPermissionsDirective],
})
class TestComponent {}
@@ -25,7 +26,7 @@ describe('IfObjectPermissionsDirective', () => {
beforeEach(() => {
TestBed.configureTestingModule({
- declarations: [IfObjectPermissionsDirective, TestComponent],
+ imports: [IfObjectPermissionsDirective, TestComponent],
providers: [PermissionsService],
})
permissionsService = TestBed.inject(PermissionsService)
diff --git a/src-ui/src/app/directives/if-owner.directive.spec.ts b/src-ui/src/app/directives/if-owner.directive.spec.ts
index 0f8aadeab..ce3c753c0 100644
--- a/src-ui/src/app/directives/if-owner.directive.spec.ts
+++ b/src-ui/src/app/directives/if-owner.directive.spec.ts
@@ -9,6 +9,7 @@ import { IfOwnerDirective } from './if-owner.directive'