-
+
@if (patternRequired) {
diff --git a/src-ui/src/app/components/common/input/textarea/textarea.component.html b/src-ui/src/app/components/common/input/textarea/textarea.component.html
index 9feb29857..b92bef476 100644
--- a/src-ui/src/app/components/common/input/textarea/textarea.component.html
+++ b/src-ui/src/app/components/common/input/textarea/textarea.component.html
@@ -11,7 +11,17 @@
}
-
+
@if (hint) {
}
diff --git a/src-ui/src/app/components/common/input/textarea/textarea.component.ts b/src-ui/src/app/components/common/input/textarea/textarea.component.ts
index 39b6c13fe..46c2a52ad 100644
--- a/src-ui/src/app/components/common/input/textarea/textarea.component.ts
+++ b/src-ui/src/app/components/common/input/textarea/textarea.component.ts
@@ -18,6 +18,9 @@ export class TextAreaComponent extends AbstractInputComponent
{
@Input()
placeholder: string = ''
+ @Input()
+ monospace: boolean = false
+
constructor() {
super()
}
diff --git a/src-ui/src/app/components/manage/management-list/management-list.component.html b/src-ui/src/app/components/manage/management-list/management-list.component.html
index a180f4941..10522b8f1 100644
--- a/src-ui/src/app/components/manage/management-list/management-list.component.html
+++ b/src-ui/src/app/components/manage/management-list/management-list.component.html
@@ -38,7 +38,7 @@
Matching |
Document count |
@for (column of extraColumns; track column) {
- {{column.name}} |
+ {{column.name}} |
}
Actions |
@@ -64,7 +64,7 @@
{{ getMatching(object) }} |
{{ object.document_count }} |
@for (column of extraColumns; track column) {
-
+ |
@if (column.rendersHtml) {
} @else {
diff --git a/src-ui/src/app/components/manage/management-list/management-list.component.ts b/src-ui/src/app/components/manage/management-list/management-list.component.ts
index 84cee9ddc..27165a8fb 100644
--- a/src-ui/src/app/components/manage/management-list/management-list.component.ts
+++ b/src-ui/src/app/components/manage/management-list/management-list.component.ts
@@ -44,6 +44,8 @@ export interface ManagementListColumn {
valueFn: any
rendersHtml?: boolean
+
+ hideOnMobile?: boolean
}
@Directive()
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 36da7cc84..00cb2b037 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
@@ -12,6 +12,7 @@ import { StoragePathListComponent } from './storage-path-list.component'
import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'
import { SafeHtmlPipe } from 'src/app/pipes/safehtml.pipe'
+import { StoragePath } from 'src/app/data/storage-path'
describe('StoragePathListComponent', () => {
let component: StoragePathListComponent
@@ -73,4 +74,15 @@ describe('StoragePathListComponent', () => {
'Do you really want to delete the storage path "StoragePath1"?'
)
})
+
+ it('should truncate path if necessary', () => {
+ const path: StoragePath = {
+ id: 1,
+ name: 'StoragePath1',
+ path: 'a'.repeat(100),
+ }
+ expect(component.extraColumns[0].valueFn(path)).toEqual(
+ `${'a'.repeat(49)}...`
+ )
+ })
})
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 5177a0a21..66819284d 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
@@ -41,8 +41,9 @@ export class StoragePathListComponent extends ManagementListComponent {
- return `${c.path}`
+ return `${c.path?.slice(0, 49)}${c.path?.length > 50 ? '...' : ''}`
},
},
]
|