Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

RED-9201 - displayed all column labels string in a tooltip

Browse Source
This commit is contained in:
Valentin Mihai 2024-07-25 12:12:50 +03:00
parent a9b399ebbd
commit 0bcb3829c7
4 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/red-ui/src/app/modules/admin/screens/component-mappings/component-mappings-screen.component.html
View File

@ -44,8 +44,8 @@
<span>{{ entity.numberOfLines }}</span>
</div>
<div class="cell">
<span class="ellipsis">{{ entity.columnLabels.join(', ') }}</span>
<div class="cell" [matTooltip]="entity.columnLabelsString" [matTooltipPosition]="'above'" [matTooltipClass]="'custom-tooltip'">
<span class="ellipsis">{{ entity.columnLabelsString }}</span>
</div>
<div class="cell">

6
apps/red-ui/src/app/modules/admin/screens/component-mappings/component-mappings-screen.component.scss
View File

@ -3,3 +3,9 @@
overflow: hidden;
white-space: nowrap;
}
::ng-deep .custom-tooltip {
max-width: 300px;
white-space: normal;
word-wrap: break-word;
}

2
apps/red-ui/src/app/modules/admin/screens/component-mappings/component-mappings-screen.component.ts
View File

@ -30,6 +30,7 @@ import { DossierTemplateActionsComponent } from '../../shared/components/dossier
import { DossierTemplateBreadcrumbsComponent } from '../../shared/components/dossier-template-breadcrumbs/dossier-template-breadcrumbs.component';
import { AddEditComponentMappingDialogComponent } from './add-edit-component-mapping-dialog/add-edit-component-mapping-dialog.component';
import { download } from '@utils/file-download-utils';
import { MatTooltip } from '@angular/material/tooltip';
@Component({
templateUrl: './component-mappings-screen.component.html',
@ -49,6 +50,7 @@ import { download } from '@utils/file-download-utils';
InputWithActionComponent,
IconButtonComponent,
IqserAllowDirective,
MatTooltip,
],
})
export default class ComponentMappingsScreenComponent extends ListingComponent<ComponentMapping> implements OnInit {

3
libs/red-domain/src/lib/component-mappings/component-mapping.ts
View File

@ -6,6 +6,7 @@ export interface IComponentMapping extends IListable {
fileName: string;
version: number;
columnLabels: string[];
columnLabelsString: string;
numberOfLines: number;
encoding: string;
delimiter: string;
@ -17,6 +18,7 @@ export class ComponentMapping implements IComponentMapping, IListable {
readonly fileName: string;
readonly version: number;
readonly columnLabels: string[];
readonly columnLabelsString: string;
readonly numberOfLines: number;
readonly encoding: string;
readonly delimiter: string;
@ -27,6 +29,7 @@ export class ComponentMapping implements IComponentMapping, IListable {
this.fileName = componentMapping.fileName;
this.version = componentMapping.version;
this.columnLabels = componentMapping.columnLabels;
this.columnLabelsString = componentMapping.columnLabels?.join(', ');
this.numberOfLines = componentMapping.numberOfLines;
this.encoding = componentMapping.encoding;
this.delimiter = componentMapping.delimiter;