{{value | slice:0:20}}{{value.length > 20 ? '...' : ''}}
+ } @default { {{value}} } diff --git a/src-ui/src/app/components/common/custom-field-display/custom-field-display.component.ts b/src-ui/src/app/components/common/custom-field-display/custom-field-display.component.ts index 44ec0bdaa..7885f5c28 100644 --- a/src-ui/src/app/components/common/custom-field-display/custom-field-display.component.ts +++ b/src-ui/src/app/components/common/custom-field-display/custom-field-display.component.ts @@ -1,5 +1,5 @@ -import { CurrencyPipe, getLocaleCurrencyCode } from '@angular/common' -import { Component, Input, LOCALE_ID, OnInit, inject } from '@angular/core' +import { CurrencyPipe, getLocaleCurrencyCode, SlicePipe } from '@angular/common' +import { Component, inject, Input, LOCALE_ID, OnInit } from '@angular/core' import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap' import { takeUntil } from 'rxjs' import { CustomField, CustomFieldDataType } from 'src/app/data/custom-field' @@ -14,7 +14,7 @@ import { LoadingComponentWithPermissions } from '../../loading-component/loading selector: 'pngx-custom-field-display', templateUrl: './custom-field-display.component.html', styleUrl: './custom-field-display.component.scss', - imports: [CustomDatePipe, CurrencyPipe, NgbTooltipModule], + imports: [CustomDatePipe, CurrencyPipe, NgbTooltipModule, SlicePipe], }) export class CustomFieldDisplayComponent extends LoadingComponentWithPermissions diff --git a/src-ui/src/app/components/common/input/custom-fields-values/custom-fields-values.component.html b/src-ui/src/app/components/common/input/custom-fields-values/custom-fields-values.component.html index f0886b1c2..0c20a620a 100644 --- a/src-ui/src/app/components/common/input/custom-fields-values/custom-fields-values.component.html +++ b/src-ui/src/app/components/common/input/custom-fields-values/custom-fields-values.component.html @@ -68,6 +68,11 @@ [allowNull]="true" [horizontal]="true"> } + @case (CustomFieldDataType.LongText) { +