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

RED-8887: improved resize dialog.

Browse Source
This commit is contained in:
Nicoleta Panaghiu 2024-04-10 13:59:37 +03:00
parent 89870c7e3f
commit dad84feb38
7 changed files with 47 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
apps/red-ui/src/app/modules/file-preview/dialogs/resize-redaction-dialog/resize-redaction-dialog.component.html
View File

@ -7,14 +7,18 @@
<div class="dialog-content redaction">
<ng-container *ngIf="!redaction.isImage && !redaction.AREA">
<div class="iqser-input-group w-450">
<label [translate]="'resize-redaction.dialog.content.original-text'" class="selected-text"></label>
<span>{{ redaction.value }}</span>
<div class="flex-start">
<label [translate]="'resize-redaction.dialog.content.original-text'"></label>
<span class="multi-line-ellipsis"
><b>{{ redaction.value }}</b></span
>
</div>
<div class="iqser-input-group w-450">
<label [translate]="'resize-redaction.dialog.content.resized-text'" class="selected-text"></label>
<span>{{ data.text }}</span>
<div class="flex-start">
<label [translate]="'resize-redaction.dialog.content.resized-text'"></label>
<span class="multi-line-ellipsis"
><b>{{ data.text }}</b></span
>
</div>
</ng-container>

20
apps/red-ui/src/app/modules/file-preview/dialogs/resize-redaction-dialog/resize-redaction-dialog.component.scss Normal file
View File

@ -0,0 +1,20 @@
.multi-line-ellipsis {
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.flex-start {
display: flex;
align-items: start;
padding: 0 13px;
label {
opacity: 0.7;
font-weight: normal;
min-width: 15%;
}
}

1
apps/red-ui/src/app/modules/file-preview/dialogs/resize-redaction-dialog/resize-redaction-dialog.component.ts
View File

@ -8,6 +8,7 @@ import { ResizeRedactionData, ResizeRedactionResult } from '../../utils/dialog-t
@Component({
templateUrl: './resize-redaction-dialog.component.html',
styleUrls: ['./resize-redaction-dialog.component.scss'],
})
export class ResizeRedactionDialogComponent extends IqserDialogComponent<
ResizeRedactionDialogComponent,

8
apps/red-ui/src/assets/i18n/redact/de.json
View File

@ -2143,8 +2143,8 @@
},
"content": {
"comment": "Comment",
"original-text": "Original annotation:",
"resized-text": "Resized annotation:"
"original-text": "Original",
"resized-text": "Resized"
},
"header": "Resize annotation"
}
@ -2169,8 +2169,8 @@
"label": "Resize only here"
}
},
"original-text": "Original text:",
"resized-text": "Resized text:",
"original-text": "Original",
"resized-text": "Resized",
"type": "Type"
},
"header": "Resize {type}"

8
apps/red-ui/src/assets/i18n/redact/en.json
View File

@ -2143,8 +2143,8 @@
},
"content": {
"comment": "Comment",
"original-text": "Original annotation:",
"resized-text": "Resized annotation:"
"original-text": "Original",
"resized-text": "Resized"
},
"header": "Resize annotation"
}
@ -2169,8 +2169,8 @@
"label": "Resize only here"
}
},
"original-text": "Original text:",
"resized-text": "Resized text:",
"original-text": "Original",
"resized-text": "Resized",
"type": "Type"
},
"header": "Resize {type}"

8
apps/red-ui/src/assets/i18n/scm/de.json
View File

@ -2143,8 +2143,8 @@
},
"content": {
"comment": "Comment",
"original-text": "Original annotation:",
"resized-text": "Resized annotation:"
"original-text": "Original",
"resized-text": "Resized"
},
"header": "Resize annotation"
}
@ -2169,8 +2169,8 @@
"label": "Resize only here"
}
},
"original-text": "Original text:",
"resized-text": "Resized text:",
"original-text": "Original",
"resized-text": "Resized",
"type": "Type"
},
"header": "Resize {type}"

8
apps/red-ui/src/assets/i18n/scm/en.json
View File

@ -2143,8 +2143,8 @@
},
"content": {
"comment": "Comment",
"original-text": "Original annotation:",
"resized-text": "Resized annotation:"
"original-text": "Original",
"resized-text": "Resized"
},
"header": "Resize annotation"
}
@ -2169,8 +2169,8 @@
"label": "Resize only here"
}
},
"original-text": "Original text:",
"resized-text": "Resized text:",
"original-text": "Original",
"resized-text": "Resized",
"type": "Type"
},
"header": "Resize {type}"