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

Translation rework: Circle button

Browse Source
This commit is contained in:
Adina Țeudan 2021-07-19 19:27:27 +03:00
parent 18cf026e0a
commit d7aeb7fbdd
47 changed files with 193 additions and 166 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html
View File

@ -2,9 +2,9 @@
<div class="page-header">
<div class="actions flex-1">
<redaction-circle-button
[tooltip]="'common.close' | translate"
icon="red:close"
redactionNavigateLastDossiersScreen
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>
@ -61,16 +61,16 @@
<redaction-circle-button
(action)="downloadItem(download)"
*ngIf="download.status === 'READY' && !download.inProgress"
[tooltip]="'downloads-list.actions.download' | translate"
icon="red:download"
tooltip="downloads-list.actions.download"
type="dark-bg"
>
</redaction-circle-button>
<redaction-circle-button
(action)="deleteItem(download)"
[tooltip]="'downloads-list.actions.delete' | translate"
icon="red:trash"
tooltip="downloads-list.actions.delete"
type="dark-bg"
>
</redaction-circle-button>

4
apps/red-ui/src/app/modules/admin/components/dossier-template-actions/dossier-template-actions.component.html
View File

@ -2,16 +2,16 @@
<redaction-circle-button
(action)="openDeleteDossierTemplateDialog($event)"
*ngIf="permissionsService.isAdmin()"
[tooltip]="'dossier-templates-listing.action.delete' | translate"
icon="red:trash"
tooltip="dossier-templates-listing.action.delete"
type="dark-bg"
></redaction-circle-button>
<redaction-circle-button
(action)="openEditDossierTemplateDialog($event)"
*ngIf="permissionsService.isAdmin()"
[tooltip]="'dossier-templates-listing.action.edit' | translate"
icon="red:edit"
tooltip="dossier-templates-listing.action.edit"
type="dark-bg"
></redaction-circle-button>
</div>

4
apps/red-ui/src/app/modules/admin/components/users-stats/users-stats.component.html
View File

@ -1,8 +1,8 @@
<div class="collapsed-wrapper">
<redaction-circle-button
(action)="toggleCollapse.emit()"
[tooltip]="'user-stats.expand' | translate"
icon="red:expand"
tooltip="user-stats.expand"
tooltipPosition="before"
></redaction-circle-button>
<div class="all-caps-label" translate="user-stats.title"></div>
@ -12,8 +12,8 @@
<div class="heading-xl flex-1" translate="user-stats.title"></div>
<redaction-circle-button
(action)="toggleCollapse.emit()"
[tooltip]="'user-stats.collapse' | translate"
icon="red:collapse"
tooltip="user-stats.collapse"
tooltipPosition="before"
></redaction-circle-button>
</div>

10
apps/red-ui/src/app/modules/admin/dialogs/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.html
View File

@ -5,7 +5,7 @@
<form (submit)="saveDictionary()" [formGroup]="dictionaryForm">
<div class="dialog-content">
<div class="red-input-group mb-14" *ngIf="!!dictionary">
<div *ngIf="!!dictionary" class="red-input-group mb-14">
<label translate="add-edit-dictionary.form.name"></label>
{{ dictionary.label }}
</div>
@ -14,9 +14,9 @@
<div *ngIf="!dictionary" class="red-input-group required">
<label translate="add-edit-dictionary.form.name"></label>
<input
[placeholder]="'add-edit-dictionary.form.name-placeholder' | translate"
formControlName="type"
name="type"
placeholder="{{ 'add-edit-dictionary.form.name-placeholder' | translate }}"
type="text"
/>
<span class="hint" translate="add-edit-dictionary.form.name-hint"></span>
@ -25,9 +25,9 @@
<div class="red-input-group required w-75">
<label translate="add-edit-dictionary.form.rank"></label>
<input
[placeholder]="'add-edit-dictionary.form.rank-placeholder' | translate"
formControlName="rank"
name="rank"
placeholder="{{ 'add-edit-dictionary.form.rank-placeholder' | translate }}"
type="number"
/>
</div>
@ -35,10 +35,10 @@
<div class="red-input-group required">
<label translate="add-edit-dictionary.form.color"></label>
<input
[placeholder]="'add-edit-dictionary.form.color-placeholder' | translate"
class="hex-color-input"
formControlName="hexColor"
name="hexColor"
placeholder="{{ 'add-edit-dictionary.form.color-placeholder' | translate }}"
type="text"
/>
<div
@ -56,9 +56,9 @@
<div class="red-input-group w-450">
<label translate="add-edit-dictionary.form.description"></label>
<textarea
[placeholder]="'add-edit-dictionary.form.description-placeholder' | translate"
formControlName="description"
name="description"
placeholder="{{ 'add-edit-dictionary.form.description-placeholder' | translate }}"
redactionHasScrollbar
rows="4"
type="text"

2
apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-attribute-dialog/add-edit-dossier-attribute-dialog.component.html
View File

@ -11,9 +11,9 @@
<div class="red-input-group required w-300">
<label translate="add-edit-dossier-attribute.form.label"></label>
<input
[placeholder]="'add-edit-dossier-attribute.form.label-placeholder' | translate"
formControlName="label"
name="label"
placeholder="{{ 'add-edit-dossier-attribute.form.label-placeholder' | translate }}"
type="text"
/>
</div>

4
apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-dossier-template-dialog.component.html
View File

@ -11,9 +11,9 @@
<div class="red-input-group required w-300">
<label translate="add-edit-dossier-template.form.name"></label>
<input
[placeholder]="'add-edit-dossier-template.form.name-placeholder' | translate"
formControlName="name"
name="name"
placeholder="{{ 'add-edit-dossier-template.form.name-placeholder' | translate }}"
type="text"
/>
</div>
@ -21,9 +21,9 @@
<div class="red-input-group w-400">
<label translate="add-edit-dossier-template.form.description"></label>
<textarea
[placeholder]="'add-edit-dossier-template.form.description-placeholder' | translate"
formControlName="description"
name="description"
placeholder="{{ 'add-edit-dossier-template.form.description-placeholder' | translate }}"
rows="4"
type="text"
></textarea>

4
apps/red-ui/src/app/modules/admin/dialogs/add-edit-file-attribute-dialog/add-edit-file-attribute-dialog.component.html
View File

@ -11,9 +11,9 @@
<div class="red-input-group required w-300">
<label translate="add-edit-file-attribute.form.name"></label>
<input
[placeholder]="'add-edit-file-attribute.form.name-placeholder' | translate"
formControlName="label"
name="label"
placeholder="{{ 'add-edit-file-attribute.form.name-placeholder' | translate }}"
type="text"
/>
</div>
@ -21,9 +21,9 @@
<div class="red-input-group required w-300">
<label translate="add-edit-file-attribute.form.column-header"></label>
<input
[placeholder]="'add-edit-file-attribute.form.column-header-placeholder' | translate"
formControlName="csvColumnHeader"
name="csvColumnHeader"
placeholder="{{ 'add-edit-file-attribute.form.column-header-placeholder' | translate }}"
type="text"
/>
</div>

2
apps/red-ui/src/app/modules/admin/dialogs/edit-color-dialog/edit-color-dialog.component.html
View File

@ -6,10 +6,10 @@
<div class="red-input-group required">
<label translate="edit-color-dialog.form.color"></label>
<input
[placeholder]="'edit-color-dialog.form.color-placeholder' | translate"
class="hex-color-input"
formControlName="color"
name="color"
placeholder="{{ 'edit-color-dialog.form.color-placeholder' | translate }}"
type="text"
/>
<div

12
apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.html
View File

@ -13,15 +13,15 @@
<ng-container *ngIf="areSomeEntitiesSelected$ | async">
<redaction-circle-button
[matMenuTriggerFor]="readOnlyMenu"
[tooltip]="'file-attributes-csv-import.table-header.actions.read-only' | translate"
icon="red:read-only"
tooltip="file-attributes-csv-import.table-header.actions.read-only"
type="dark-bg"
></redaction-circle-button>
<redaction-circle-button
(action)="deactivateSelection()"
[tooltip]="'file-attributes-csv-import.table-header.actions.remove-selected' | translate"
icon="red:trash"
tooltip="file-attributes-csv-import.table-header.actions.remove-selected"
type="dark-bg"
></redaction-circle-button>
@ -109,22 +109,22 @@
<redaction-circle-button
(action)="field.editingName = true"
*ngIf="!field.editingName"
[tooltip]="'file-attributes-csv-import.action.edit-name' | translate"
class="edit-name-button"
icon="red:edit"
tooltip="file-attributes-csv-import.action.edit-name"
type="dark-bg"
></redaction-circle-button>
<ng-container *ngIf="field.editingName">
<redaction-circle-button
(action)="field.editingName = false; field.name = field.temporaryName"
[tooltip]="'file-attributes-csv-import.action.save-name' | translate"
icon="red:check"
tooltip="file-attributes-csv-import.action.save-name"
type="dark-bg"
></redaction-circle-button>
<redaction-circle-button
(action)="field.editingName = false; field.temporaryName = field.name"
[tooltip]="'file-attributes-csv-import.action.cancel-edit-name' | translate"
icon="red:close"
tooltip="file-attributes-csv-import.action.cancel-edit-name"
type="dark-bg"
></redaction-circle-button>
</ng-container>
@ -151,8 +151,8 @@
<redaction-circle-button
(action)="field.primaryAttribute = false; toggleFieldActive.emit(field)"
[removeTooltip]="true"
[tooltip]="'file-attributes-csv-import.action.remove' | translate"
icon="red:trash"
tooltip="file-attributes-csv-import.action.remove"
type="dark-bg"
></redaction-circle-button>
</div>

7
apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html
View File

@ -51,8 +51,8 @@
<redaction-circle-button
(action)="readFile()"
*ngIf="changedParseConfig"
[tooltip]="'file-attributes-csv-import.parse-csv' | translate"
icon="red:check"
tooltip="file-attributes-csv-import.parse-csv"
></redaction-circle-button>
</form>
</div>
@ -109,7 +109,10 @@
{{ field.csvColumn }}
</div>
<div class="secondary">
<div class="entry-count small-label">{{ getEntries(field.csvColumn) }} entries</div>
<div class="entry-count small-label">
{{ getEntries(field.csvColumn) }}
entries
</div>
<div class="sample small-label">Sample: {{ getSample(field.csvColumn) }}</div>
</div>
</div>

2
apps/red-ui/src/app/modules/admin/dialogs/smtp-auth-dialog/smtp-auth-dialog.component.html
View File

@ -6,9 +6,9 @@
<div class="red-input-group required w-300">
<label translate="smtp-auth-config.form.username"></label>
<input
[placeholder]="'smtp-auth-config.form.username-placeholder' | translate"
formControlName="user"
name="user"
placeholder="{{ 'smtp-auth-config.form.username-placeholder' | translate }}"
type="text"
/>
</div>

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

@ -10,10 +10,10 @@
<div class="actions">
<redaction-circle-button
*ngIf="permissionsService.isUser()"
[tooltip]="'common.close' | translate"
class="ml-6"
icon="red:close"
redactionNavigateLastDossiersScreen
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>

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

@ -7,8 +7,8 @@
<redaction-circle-button
[routerLink]="['../..']"
[tooltip]="'common.close' | translate"
icon="red:close"
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>
@ -63,8 +63,8 @@
<redaction-circle-button
(action)="openEditColorDialog($event, color)"
*ngIf="permissionsService.isAdmin()"
[tooltip]="'default-colors-screen.action.edit' | translate"
icon="red:edit"
tooltip="default-colors-screen.action.edit"
type="dark-bg"
></redaction-circle-button>
</div>

8
apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html
View File

@ -7,8 +7,8 @@
<redaction-circle-button
[routerLink]="['../..']"
[tooltip]="'common.close' | translate"
icon="red:close"
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>
@ -36,8 +36,8 @@
<redaction-circle-button
(action)="openDeleteDictionariesDialog($event)"
*ngIf="(areSomeEntitiesSelected$ | async) && permissionsService.isAdmin()"
[tooltip]="'dictionary-listing.bulk.delete' | translate"
icon="red:trash"
tooltip="dictionary-listing.bulk.delete"
type="dark-bg"
></redaction-circle-button>
@ -142,15 +142,15 @@
<div *ngIf="permissionsService.isAdmin()" class="action-buttons">
<redaction-circle-button
(action)="openDeleteDictionariesDialog($event, [dict.type])"
[tooltip]="'dictionary-listing.action.delete' | translate"
icon="red:trash"
tooltip="dictionary-listing.action.delete"
type="dark-bg"
></redaction-circle-button>
<redaction-circle-button
(action)="openAddEditDictionaryDialog($event, dict)"
[tooltip]="'dictionary-listing.action.edit' | translate"
icon="red:edit"
tooltip="dictionary-listing.action.edit"
type="dark-bg"
></redaction-circle-button>
</div>

10
apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.html
View File

@ -6,8 +6,8 @@
<redaction-circle-button
(action)="openDeleteDictionaryDialog($event)"
*ngIf="permissionsService.isAdmin()"
[tooltip]="'dictionary-overview.action.delete' | translate"
icon="red:trash"
tooltip="dictionary-overview.action.delete"
tooltipPosition="below"
type="dark-bg"
></redaction-circle-button>
@ -15,24 +15,24 @@
<redaction-circle-button
(action)="openEditDictionaryDialog($event)"
*ngIf="permissionsService.isAdmin()"
[tooltip]="'dictionary-overview.action.edit' | translate"
icon="red:edit"
tooltip="dictionary-overview.action.edit"
tooltipPosition="below"
type="dark-bg"
></redaction-circle-button>
<redaction-circle-button
(action)="download()"
[tooltip]="'dictionary-overview.action.download' | translate"
icon="red:download"
tooltip="dictionary-overview.action.download"
tooltipPosition="below"
></redaction-circle-button>
<redaction-circle-button
(action)="fileInput.click()"
*ngIf="permissionsService.isAdmin()"
[tooltip]="'dictionary-overview.action.upload' | translate"
icon="red:upload"
tooltip="dictionary-overview.action.upload"
tooltipPosition="below"
></redaction-circle-button>
@ -40,9 +40,9 @@
<redaction-circle-button
[routerLink]="['..']"
[tooltip]="'common.close' | translate"
class="ml-6"
icon="red:close"
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>

2
apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html
View File

@ -10,10 +10,10 @@
<div class="actions">
<redaction-circle-button
*ngIf="permissionsService.isUser()"
[tooltip]="'common.close' | translate"
class="ml-6"
icon="red:close"
redactionNavigateLastDossiersScreen
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>

8
apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.html
View File

@ -7,8 +7,8 @@
<redaction-circle-button
[routerLink]="['../..']"
[tooltip]="'common.close' | translate"
icon="red:close"
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>
@ -36,8 +36,8 @@
<redaction-circle-button
(action)="openConfirmDeleteAttributeDialog($event)"
*ngIf="permissionsService.isAdmin() && areSomeEntitiesSelected$ | async"
[tooltip]="'dossier-attributes-listing.bulk.delete' | translate"
icon="red:trash"
tooltip="dossier-attributes-listing.bulk.delete"
type="dark-bg"
></redaction-circle-button>
@ -115,15 +115,15 @@
<div *ngIf="permissionsService.isAdmin()" class="action-buttons">
<redaction-circle-button
(action)="openAddEditAttributeDialog($event, attribute)"
[tooltip]="'dossier-attributes-listing.action.edit' | translate"
icon="red:edit"
tooltip="dossier-attributes-listing.action.edit"
type="dark-bg"
>
</redaction-circle-button>
<redaction-circle-button
(action)="openConfirmDeleteAttributeDialog($event, attribute)"
[tooltip]="'file-attributes-listing.action.delete' | translate"
icon="red:trash"
tooltip="file-attributes-listing.action.delete"
type="dark-bg"
>
</redaction-circle-button>

4
apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.html
View File

@ -9,9 +9,9 @@
<redaction-circle-button
*ngIf="permissionsService.isUser()"
[tooltip]="'common.close' | translate"
icon="red:close"
redactionNavigateLastDossiersScreen
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>
@ -35,8 +35,8 @@
<redaction-circle-button
(action)="openDeleteTemplatesDialog($event)"
*ngIf="permissionsService.isAdmin()"
[tooltip]="'dossier-templates-listing.bulk.delete' | translate"
icon="red:trash"
tooltip="dossier-templates-listing.bulk.delete"
type="dark-bg"
></redaction-circle-button>
</ng-container>

10
apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
View File

@ -7,8 +7,8 @@
<redaction-circle-button
[routerLink]="['../..']"
[tooltip]="'common.close' | translate"
icon="red:close"
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>
@ -36,8 +36,8 @@
<redaction-circle-button
(click)="openConfirmDeleteAttributeDialog($event)"
*ngIf="permissionsService.isAdmin() && areSomeEntitiesSelected$ | async"
[tooltip]="'file-attributes-listing.bulk-actions.delete' | translate"
icon="red:trash"
tooltip="file-attributes-listing.bulk-actions.delete"
type="dark-bg"
>
</redaction-circle-button>
@ -53,8 +53,8 @@
<redaction-circle-button
(action)="fileInput.click()"
*ngIf="permissionsService.isAdmin()"
[tooltip]="'file-attributes-listing.upload-csv' | translate"
icon="red:upload"
tooltip="file-attributes-listing.upload-csv"
tooltipPosition="above"
type="dark-bg"
></redaction-circle-button>
@ -155,15 +155,15 @@
<div *ngIf="permissionsService.isAdmin()" class="action-buttons">
<redaction-circle-button
(action)="openAddEditAttributeDialog($event, attribute)"
[tooltip]="'file-attributes-listing.action.edit' | translate"
icon="red:edit"
tooltip="file-attributes-listing.action.edit"
type="dark-bg"
>
</redaction-circle-button>
<redaction-circle-button
(action)="openConfirmDeleteAttributeDialog($event, attribute)"
[tooltip]="'file-attributes-listing.action.delete' | translate"
icon="red:trash"
tooltip="file-attributes-listing.action.delete"
type="dark-bg"
>
</redaction-circle-button>

2
apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.html
View File

@ -11,10 +11,10 @@
<button (click)="sendMail()" color="primary" mat-flat-button translate="license-info-screen.email-report"></button>
<redaction-circle-button
*ngIf="permissionsService.isUser()"
[tooltip]="'common.close' | translate"
class="ml-6"
icon="red:close"
redactionNavigateLastDossiersScreen
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>

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

@ -7,8 +7,8 @@
<redaction-circle-button
[routerLink]="['../..']"
[tooltip]="'common.close' | translate"
icon="red:close"
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>
@ -47,8 +47,8 @@
<redaction-circle-button
(action)="fileInput.click()"
*ngIf="permissionsService.isAdmin()"
[tooltip]="'reports-screen.upload-document' | translate"
icon="red:upload"
tooltip="reports-screen.upload-document"
></redaction-circle-button>
</div>

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

@ -7,8 +7,8 @@
<redaction-circle-button
[routerLink]="['../..']"
[tooltip]="'common.close' | translate"
icon="red:close"
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>

14
apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.html
View File

@ -10,10 +10,10 @@
<div class="actions">
<redaction-circle-button
*ngIf="permissionsService.isUser()"
[tooltip]="'common.close' | translate"
class="ml-6"
icon="red:close"
redactionNavigateLastDossiersScreen
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>
@ -59,9 +59,9 @@
<div class="red-input-group required">
<label translate="smtp-config-screen.form.host"></label>
<input
[placeholder]="'smtp-config-screen.form.host-placeholder' | translate"
formControlName="host"
name="host"
placeholder="{{ 'smtp-config-screen.form.host-placeholder' | translate }}"
type="text"
/>
</div>
@ -74,9 +74,9 @@
<div class="red-input-group required">
<label translate="smtp-config-screen.form.from"></label>
<input
[placeholder]="'smtp-config-screen.form.from-placeholder' | translate"
formControlName="from"
name="from"
placeholder="{{ 'smtp-config-screen.form.from-placeholder' | translate }}"
type="email"
/>
</div>
@ -84,9 +84,9 @@
<div class="red-input-group">
<label translate="smtp-config-screen.form.from-display-name"></label>
<input
[placeholder]="'smtp-config-screen.form.from-display-name-placeholder' | translate"
formControlName="fromDisplayName"
name="fromDisplayName"
placeholder="{{ 'smtp-config-screen.form.from-display-name-placeholder' | translate }}"
type="text"
/>
<span class="hint" translate="smtp-config-screen.form.from-display-name-hint"></span>
@ -95,9 +95,9 @@
<div class="red-input-group">
<label translate="smtp-config-screen.form.reply-to"></label>
<input
[placeholder]="'smtp-config-screen.form.reply-to-placeholder' | translate"
formControlName="replyTo"
name="replyTo"
placeholder="{{ 'smtp-config-screen.form.reply-to-placeholder' | translate }}"
type="text"
/>
</div>
@ -105,9 +105,9 @@
<div class="red-input-group">
<label translate="smtp-config-screen.form.reply-to-display-name"></label>
<input
[placeholder]="'smtp-config-screen.form.reply-to-display-name-placeholder' | translate"
formControlName="replyToDisplayName"
name="replyToDisplayName"
placeholder="{{ 'smtp-config-screen.form.reply-to-display-name-placeholder' | translate }}"
type="text"
/>
</div>
@ -115,9 +115,9 @@
<div class="red-input-group">
<label translate="smtp-config-screen.form.envelope-from"></label>
<input
[placeholder]="'smtp-config-screen.form.envelope-from-placeholder' | translate"
formControlName="envelopeFrom"
name="envelopeFrom"
placeholder="{{ 'smtp-config-screen.form.envelope-from-placeholder' | translate }}"
type="text"
/>
<span class="hint" translate="smtp-config-screen.form.envelope-from-hint"></span>

12
apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html
View File

@ -22,10 +22,10 @@
></redaction-icon-button>
<redaction-circle-button
*ngIf="permissionsService.isUser()"
[tooltip]="'common.close' | translate"
class="ml-6"
icon="red:close"
redactionNavigateLastDossiersScreen
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>
@ -50,7 +50,11 @@
(action)="bulkDelete()"
*ngIf="areSomeEntitiesSelected$ | async"
[disabled]="(canDeleteSelected$ | async) === false"
[tooltip]="(canDeleteSelected$ | async) ? 'user-listing.bulk.delete' : 'user-listing.bulk.delete-disabled'"
[tooltip]="
(canDeleteSelected$ | async)
? ('user-listing.bulk.delete' | translate)
: ('user-listing.bulk.delete-disabled' | translate)
"
icon="red:trash"
tooltipPosition="after"
type="dark-bg"
@ -107,15 +111,15 @@
<div class="action-buttons">
<redaction-circle-button
(action)="openAddEditUserDialog($event, user)"
[tooltip]="'user-listing.action.edit' | translate"
icon="red:edit"
tooltip="user-listing.action.edit"
type="dark-bg"
></redaction-circle-button>
<redaction-circle-button
(action)="openDeleteUsersDialog([user], $event)"
[disabled]="user.userId === userService.userId"
[tooltip]="'user-listing.action.delete' | translate"
icon="red:trash"
tooltip="user-listing.action.delete"
type="dark-bg"
></redaction-circle-button>
</div>

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

@ -7,8 +7,8 @@
<redaction-circle-button
[routerLink]="['../..']"
[tooltip]="'common.close' | translate"
icon="red:close"
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>
@ -77,10 +77,10 @@
<div class="red-input-group w-150">
<label class="all-caps-label mb-5" translate="watermark-screen.form.color"></label>
<input
[placeholder]="'add-edit-dictionary.form.color-placeholder' | translate"
class="hex-color-input"
formControlName="hexColor"
name="hexColor"
placeholder="{{ 'add-edit-dictionary.form.color-placeholder' | translate }}"
type="text"
/>
<div

48
apps/red-ui/src/app/modules/dossier/components/annotation-actions/annotation-actions.component.html
View File

@ -1,101 +1,101 @@
<div *ngIf="canPerformAnnotationActions" class="annotation-actions" [class.always-visible]="alwaysVisible">
<div *ngIf="canPerformAnnotationActions" [class.always-visible]="alwaysVisible" class="annotation-actions">
<redaction-circle-button
(action)="annotationActionsService.changeLegalBasis($event, annotations, annotationsChanged)"
*ngIf="annotationPermissions.canChangeLegalBasis"
icon="red:edit"
tooltip="annotation-actions.edit-reason.label"
[tooltipPosition]="tooltipPosition"
[tooltip]="'annotation-actions.edit-reason.label' | translate"
[type]="btnType"
icon="red:edit"
>
</redaction-circle-button>
<redaction-circle-button
(action)="annotationActionsService.convertRecommendationToAnnotation($event, annotations, annotationsChanged)"
*ngIf="annotationPermissions.canAcceptRecommendation"
icon="red:check"
tooltip="annotation-actions.accept-recommendation.label"
[tooltipPosition]="tooltipPosition"
[tooltip]="'annotation-actions.accept-recommendation.label' | translate"
[type]="btnType"
icon="red:check"
>
</redaction-circle-button>
<redaction-circle-button
(action)="annotationActionsService.acceptSuggestion($event, annotations, annotationsChanged)"
*ngIf="annotationPermissions.canAcceptSuggestion"
icon="red:check"
tooltip="annotation-actions.accept-suggestion.label"
[tooltipPosition]="tooltipPosition"
[tooltip]="'annotation-actions.accept-suggestion.label' | translate"
[type]="btnType"
icon="red:check"
>
</redaction-circle-button>
<redaction-circle-button
(action)="annotationActionsService.undoDirectAction($event, annotations, annotationsChanged)"
*ngIf="annotationPermissions.canUndo"
icon="red:undo"
tooltip="annotation-actions.undo"
[tooltipPosition]="tooltipPosition"
[tooltip]="'annotation-actions.undo' | translate"
[type]="btnType"
icon="red:undo"
>
</redaction-circle-button>
<redaction-circle-button
(action)="annotationActionsService.rejectSuggestion($event, annotations, annotationsChanged)"
*ngIf="annotationPermissions.canRejectSuggestion"
icon="red:trash"
tooltip="annotation-actions.reject-suggestion"
[tooltipPosition]="tooltipPosition"
[tooltip]="'annotation-actions.reject-suggestion' | translate"
[type]="btnType"
icon="red:trash"
>
</redaction-circle-button>
<redaction-circle-button
(action)="annotationActionsService.recategorizeImage($event, annotations, annotationsChanged)"
*ngIf="annotationPermissions.canRecategorizeImage"
icon="red:thumb-down"
tooltip="annotation-actions.recategorize-image"
[tooltipPosition]="tooltipPosition"
[tooltip]="'annotation-actions.recategorize-image' | translate"
[type]="btnType"
icon="red:thumb-down"
>
</redaction-circle-button>
<redaction-circle-button
(action)="annotationActionsService.markAsFalsePositive($event, annotations, annotationsChanged)"
*ngIf="annotationPermissions.canMarkTextOnlyAsFalsePositive && !annotationPermissions.canPerformMultipleRemoveActions"
icon="red:thumb-down"
tooltip="annotation-actions.remove-annotation.false-positive"
[tooltipPosition]="tooltipPosition"
[tooltip]="'annotation-actions.remove-annotation.false-positive' | translate"
[type]="btnType"
icon="red:thumb-down"
>
</redaction-circle-button>
<redaction-circle-button
(action)="annotationActionsService.forceRedaction($event, annotations, annotationsChanged)"
*ngIf="annotationPermissions.canForceRedaction"
icon="red:thumb-up"
tooltip="annotation-actions.force-redaction.label"
[tooltipPosition]="tooltipPosition"
[tooltip]="'annotation-actions.force-redaction.label' | translate"
[type]="btnType"
icon="red:thumb-up"
>
</redaction-circle-button>
<redaction-circle-button
(action)="hideAnnotation($event)"
*ngIf="isImage && isVisible"
icon="red:visibility-off"
tooltip="annotation-actions.hide"
[tooltipPosition]="tooltipPosition"
[tooltip]="'annotation-actions.hide' | translate"
[type]="btnType"
icon="red:visibility-off"
>
</redaction-circle-button>
<redaction-circle-button
(action)="showAnnotation($event)"
*ngIf="isImage && !isVisible"
icon="red:visibility"
tooltip="annotation-actions.show"
[tooltipPosition]="tooltipPosition"
[tooltip]="'annotation-actions.show' | translate"
[type]="btnType"
icon="red:visibility"
>
</redaction-circle-button>
@ -103,9 +103,9 @@
(action)="suggestRemoveAnnotations($event, true)"
*ngIf="annotationPermissions.canRemoveOrSuggestToRemoveFromDictionary"
[tooltipPosition]="tooltipPosition"
[tooltip]="'annotation-actions.remove-annotation.remove-from-dict' | translate"
[type]="btnType"
icon="red:remove-from-dict"
tooltip="annotation-actions.remove-annotation.remove-from-dict"
>
</redaction-circle-button>
@ -113,9 +113,9 @@
(action)="markAsFalsePositive($event)"
*ngIf="annotationPermissions.canMarkAsFalsePositive"
[tooltipPosition]="tooltipPosition"
[tooltip]="'annotation-actions.remove-annotation.false-positive' | translate"
[type]="btnType"
icon="red:thumb-down"
tooltip="annotation-actions.remove-annotation.false-positive"
>
</redaction-circle-button>
@ -123,9 +123,9 @@
(action)="suggestRemoveAnnotations($event, false)"
*ngIf="annotationPermissions.canRemoveOrSuggestToRemoveOnlyHere"
[tooltipPosition]="tooltipPosition"
[tooltip]="'annotation-actions.remove-annotation.only-here' | translate"
[type]="btnType"
icon="red:trash"
tooltip="annotation-actions.remove-annotation.only-here"
>
</redaction-circle-button>
</div>

16
apps/red-ui/src/app/modules/dossier/components/bulk-actions/dossier-overview-bulk-actions.component.html
View File

@ -2,8 +2,8 @@
<redaction-circle-button
(action)="delete()"
*ngIf="canDelete"
[tooltip]="'dossier-overview.bulk.delete' | translate"
icon="red:trash"
tooltip="dossier-overview.bulk.delete"
type="dark-bg"
></redaction-circle-button>
@ -18,8 +18,8 @@
<redaction-circle-button
(action)="assignToMe()"
*ngIf="canAssignToSelf"
[tooltip]="'dossier-overview.assign-me' | translate"
icon="red:assign-me"
tooltip="dossier-overview.assign-me"
type="dark-bg"
>
</redaction-circle-button>
@ -27,8 +27,8 @@
<redaction-circle-button
(action)="setToUnderApproval()"
*ngIf="canSetToUnderApproval"
[tooltip]="'dossier-overview.under-approval' | translate"
icon="red:ready-for-approval"
tooltip="dossier-overview.under-approval"
type="dark-bg"
>
</redaction-circle-button>
@ -36,8 +36,8 @@
<redaction-circle-button
(action)="setToUnderReview()"
*ngIf="canSetToUnderReview"
[tooltip]="'dossier-overview.under-review' | translate"
icon="red:undo"
tooltip="dossier-overview.under-review"
type="dark-bg"
>
</redaction-circle-button>
@ -49,7 +49,7 @@
(action)="approveDocuments()"
*ngIf="isReadyForApproval"
[disabled]="!canApprove"
[tooltip]="canApprove ? 'dossier-overview.approve' : 'dossier-overview.approve-disabled'"
[tooltip]="canApprove ? ('dossier-overview.approve' | translate) : ('dossier-overview.approve-disabled' | translate)"
icon="red:approved"
type="dark-bg"
>
@ -59,8 +59,8 @@
<redaction-circle-button
(action)="setToUnderApproval()"
*ngIf="canUndoApproval"
[tooltip]="'dossier-overview.under-approval' | translate"
icon="red:undo"
tooltip="dossier-overview.under-approval"
type="dark-bg"
>
</redaction-circle-button>
@ -68,16 +68,16 @@
<redaction-circle-button
(action)="ocr()"
*ngIf="canOcr"
[tooltip]="'dossier-overview.ocr-file' | translate"
icon="red:ocr"
tooltip="dossier-overview.ocr-file"
type="dark-bg"
></redaction-circle-button>
<redaction-circle-button
(action)="reanalyse()"
*ngIf="canReanalyse"
[tooltip]="'dossier-overview.bulk.reanalyse' | translate"
icon="red:refresh"
tooltip="dossier-overview.bulk.reanalyse"
type="dark-bg"
></redaction-circle-button>
</ng-container>

8
apps/red-ui/src/app/modules/dossier/components/bulk-actions/dossier-overview-bulk-actions.component.ts
View File

@ -10,6 +10,7 @@ import { StatusOverlayService } from '@upload-download/services/status-overlay.s
import { DossiersDialogService } from '../../services/dossiers-dialog.service';
import { LoadingService } from '@services/loading.service';
import { ConfirmationDialogInput } from '@shared/dialogs/confirmation-dialog/confirmation-dialog.component';
import { TranslateService } from '@ngx-translate/core';
@Component({
selector: 'redaction-dossier-overview-bulk-actions',
@ -32,7 +33,8 @@ export class DossierOverviewBulkActionsComponent {
private readonly _fileActionService: FileActionService,
private readonly _statusOverlayService: StatusOverlayService,
private readonly _changeDetectorRef: ChangeDetectorRef,
private readonly _loadingService: LoadingService
private readonly _loadingService: LoadingService,
private readonly _translateService: TranslateService
) {}
get dossier() {
@ -125,7 +127,9 @@ export class DossierOverviewBulkActionsComponent {
get assignTooltip() {
const allFilesAreUnderApproval = this.selectedFiles.reduce((acc, file) => acc && file.isUnderApproval, true);
return allFilesAreUnderApproval ? 'dossier-overview.assign-approver' : 'dossier-overview.assign-reviewer';
return allFilesAreUnderApproval
? this._translateService.instant('dossier-overview.assign-approver')
: this._translateService.instant('dossier-overview.assign-reviewer');
}
delete() {

4
apps/red-ui/src/app/modules/dossier/components/document-info/document-info.component.html
View File

@ -2,14 +2,14 @@
<div>
<redaction-circle-button
(action)="edit()"
[tooltip]="'file-preview.tabs.document-info.edit' | translate"
icon="red:edit"
tooltip="file-preview.tabs.document-info.edit"
tooltipPosition="before"
></redaction-circle-button>
<redaction-circle-button
(action)="closeDocumentInfoView.emit()"
[tooltip]="'file-preview.tabs.document-info.close' | translate"
icon="red:close"
tooltip="file-preview.tabs.document-info.close"
tooltipPosition="before"
></redaction-circle-button>
</div>

16
apps/red-ui/src/app/modules/dossier/components/dossier-details/dossier-details.component.html
View File

@ -1,12 +1,16 @@
<ng-container *ngIf="appStateService.activeDossier">
<div class="collapsed-wrapper">
<ng-container *ngTemplateOutlet="collapsible; context: { action: 'expand' }"></ng-container>
<ng-container
*ngTemplateOutlet="collapsible; context: { action: 'expand', tooltip: 'dossier-details.expand' | translate }"
></ng-container>
<div class="all-caps-label" translate="dossier-details.title"></div>
</div>
<div class="header-wrapper mt-8">
<div class="heading-xl flex-1">{{ appStateService.activeDossier.dossier.dossierName }}</div>
<ng-container *ngTemplateOutlet="collapsible; context: { action: 'collapse' }"></ng-container>
<ng-container
*ngTemplateOutlet="collapsible; context: { action: 'collapse', tooltip: 'dossier-details.collapse' | translate }"
></ng-container>
</div>
<div class="mt-24">
@ -18,9 +22,9 @@
<redaction-circle-button
(action)="editingOwner = true"
*ngIf="permissionsService.isManager()"
[tooltip]="'dossier-details.edit-owner' | translate"
class="ml-14"
icon="red:edit"
tooltip="dossier-details.edit-owner"
tooltipPosition="below"
></redaction-circle-button>
</ng-container>
@ -80,11 +84,11 @@
></redaction-assign-user-dropdown>
</ng-template>
<ng-template #collapsible let-action="action">
<ng-template #collapsible let-action="action" let-tooltip="tooltip">
<redaction-circle-button
(action)="toggleCollapse.emit()"
icon="{{ 'red:' + action }}"
tooltip="{{ 'dossier-details.' + action }}"
[icon]="'red:' + action"
[tooltip]="tooltip"
tooltipPosition="before"
></redaction-circle-button>
</ng-template>

4
apps/red-ui/src/app/modules/dossier/components/dossier-listing-actions/dossier-listing-actions.component.html
View File

@ -3,16 +3,16 @@
<redaction-circle-button
(action)="openEditDossierDialog($event, dossier)"
*ngIf="permissionsService.isManager()"
[tooltip]="'dossier-listing.edit.action' | translate"
icon="red:edit"
tooltip="dossier-listing.edit.action"
type="dark-bg"
></redaction-circle-button>
<redaction-circle-button
(action)="reanalyseDossier($event, dossier)"
*ngIf="permissionsService.displayReanalyseBtn(dossier)"
[tooltip]="'dossier-listing.reanalyse.action' | translate"
icon="red:refresh"
tooltip="dossier-listing.reanalyse.action"
type="dark-bg"
></redaction-circle-button>

26
apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html
View File

@ -14,9 +14,9 @@
(action)="openDeleteFileDialog($event)"
*ngIf="permissionsService.canDeleteFile(fileStatus)"
[tooltipPosition]="tooltipPosition"
[tooltip]="'dossier-overview.delete.action' | translate"
[type]="buttonType"
icon="red:trash"
tooltip="dossier-overview.delete.action"
></redaction-circle-button>
<redaction-circle-button
@ -32,9 +32,9 @@
(action)="assignToMe($event)"
*ngIf="canAssignToSelf && screen === 'dossier-overview'"
[tooltipPosition]="tooltipPosition"
[tooltip]="'dossier-overview.assign-me' | translate"
[type]="buttonType"
icon="red:assign-me"
tooltip="dossier-overview.assign-me"
></redaction-circle-button>
<!-- download redacted file-->
@ -50,8 +50,8 @@
(action)="toggleViewDocumentInfo()"
*ngIf="screen === 'file-preview'"
[attr.aria-expanded]="activeDocumentInfo"
[tooltip]="'file-preview.document-info' | translate"
icon="red:status-info"
tooltip="file-preview.document-info"
tooltipPosition="below"
></redaction-circle-button>
@ -60,8 +60,8 @@
*ngIf="screen === 'file-preview'"
[attr.aria-expanded]="activeExcludePages"
[showDot]="!!fileStatus.excludedPages?.length"
[tooltip]="'file-preview.exclude-pages' | translate"
icon="red:exclude-pages"
tooltip="file-preview.exclude-pages"
tooltipPosition="below"
></redaction-circle-button>
@ -70,9 +70,9 @@
(action)="setFileUnderApproval($event)"
*ngIf="canSetToUnderApproval"
[tooltipPosition]="tooltipPosition"
[tooltip]="'dossier-overview.under-approval' | translate"
[type]="buttonType"
icon="red:ready-for-approval"
tooltip="dossier-overview.under-approval"
></redaction-circle-button>
<!-- Back to review -->
@ -80,9 +80,9 @@
(action)="setFileUnderReview($event, true)"
*ngIf="canSetToUnderReview"
[tooltipPosition]="tooltipPosition"
[tooltip]="'dossier-overview.under-review' | translate"
[type]="buttonType"
icon="red:undo"
tooltip="dossier-overview.under-review"
></redaction-circle-button>
<!-- Approved-->
@ -91,7 +91,11 @@
*ngIf="permissionsService.isReadyForApproval(fileStatus)"
[disabled]="!permissionsService.canApprove(fileStatus)"
[tooltipPosition]="tooltipPosition"
[tooltip]="permissionsService.canApprove(fileStatus) ? 'dossier-overview.approve' : 'dossier-overview.approve-disabled'"
[tooltip]="
permissionsService.canApprove(fileStatus)
? ('dossier-overview.approve' | translate)
: ('dossier-overview.approve-disabled' | translate)
"
[type]="buttonType"
icon="red:approved"
></redaction-circle-button>
@ -101,26 +105,26 @@
(action)="setFileUnderApproval($event)"
*ngIf="canUndoApproval"
[tooltipPosition]="tooltipPosition"
[tooltip]="'dossier-overview.under-approval' | translate"
[type]="buttonType"
icon="red:undo"
tooltip="dossier-overview.under-approval"
></redaction-circle-button>
<redaction-circle-button
(action)="ocrFile($event)"
*ngIf="canOcr"
[tooltipPosition]="tooltipPosition"
[tooltip]="'dossier-overview.ocr-file' | translate"
[type]="buttonType"
icon="red:ocr"
tooltip="dossier-overview.ocr-file"
></redaction-circle-button>
<!-- reanalyse file preview -->
<redaction-circle-button
(action)="reanalyseFile($event)"
*ngIf="canReanalyse && screen === 'file-preview'"
[tooltip]="'file-preview.reanalyse-notification' | translate"
icon="red:refresh"
tooltip="file-preview.reanalyse-notification"
tooltipClass="warn small"
tooltipPosition="below"
type="warn"
@ -131,8 +135,8 @@
(action)="reanalyseFile($event)"
*ngIf="canReanalyse && screen === 'dossier-overview'"
[tooltipPosition]="tooltipPosition"
[tooltip]="'dossier-overview.reanalyse.action' | translate"
icon="red:refresh"
tooltip="dossier-overview.reanalyse.action"
type="dark-bg"
></redaction-circle-button>

8
apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.ts
View File

@ -7,6 +7,7 @@ import { DossiersDialogService } from '../../services/dossiers-dialog.service';
import { ConfirmationDialogInput } from '@shared/dialogs/confirmation-dialog/confirmation-dialog.component';
import { LoadingService } from '@services/loading.service';
import { FileManagementControllerService } from '@redaction/red-ui-http';
import { TranslateService } from '@ngx-translate/core';
@Component({
selector: 'redaction-file-actions',
@ -28,7 +29,8 @@ export class FileActionsComponent implements OnInit {
private readonly _dialogService: DossiersDialogService,
private readonly _fileActionService: FileActionService,
private readonly _loadingService: LoadingService,
private readonly _fileManagementControllerService: FileManagementControllerService
private readonly _fileManagementControllerService: FileManagementControllerService,
private readonly _translateService: TranslateService
) {}
get statusBarConfig() {
@ -84,7 +86,9 @@ export class FileActionsComponent implements OnInit {
}
get assignTooltip() {
return this.fileStatus.isUnderApproval ? 'dossier-overview.assign-approver' : 'dossier-overview.assign-reviewer';
return this.fileStatus.isUnderApproval
? this._translateService.instant('dossier-overview.assign-approver')
: this._translateService.instant('dossier-overview.assign-reviewer');
}
ngOnInit(): void {

8
apps/red-ui/src/app/modules/dossier/components/file-workload/file-workload.component.html
View File

@ -20,8 +20,8 @@
<div>
<redaction-circle-button
(action)="actionPerformed.emit('view-exclude-pages')"
[tooltip]="'file-preview.tabs.exclude-pages.close' | translate"
icon="red:close"
tooltip="file-preview.tabs.exclude-pages.close"
tooltipPosition="before"
></redaction-circle-button>
</div>
@ -99,7 +99,7 @@
<div style="overflow: hidden; width: 100%">
<ng-container *ngIf="!excludePages">
<div attr.anotation-page-header="{{ activeViewerPage }}" class="page-separator">
<div [attr.anotation-page-header]="activeViewerPage" class="page-separator">
<span *ngIf="!!activeViewerPage" class="all-caps-label">
<span translate="page"></span> {{ activeViewerPage }} -
{{ activeAnnotationsLength || 0 }}
@ -165,10 +165,10 @@
<div
(click)="annotationClicked(annotation, $event)"
*ngFor="let annotation of displayedAnnotations[activeViewerPage]?.annotations"
[attr.annotation-id]="annotation.id"
[attr.annotation-page]="activeViewerPage"
[class.active]="isSelected(annotation)"
[class.multi-select-active]="multiSelectActive"
attr.annotation-id="{{ annotation.id }}"
attr.annotation-page="{{ activeViewerPage }}"
class="annotation-wrapper"
>
<div class="active-bar-marker"></div>

4
apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.html
View File

@ -20,12 +20,12 @@
<ng-container *ngIf="range.startPage === range.endPage">
{{ range.startPage }}
</ng-container>
<ng-container *ngIf="range.startPage !== range.endPage"> {{ range.startPage }}-{{ range.endPage }} </ng-container>
<ng-container *ngIf="range.startPage !== range.endPage"> {{ range.startPage }} -{{ range.endPage }} </ng-container>
<redaction-circle-button
(action)="includePagesRange(range)"
*ngIf="permissionsService.canExcludePages()"
[tooltip]="'file-preview.tabs.exclude-pages.put-back' | translate"
icon="red:undo"
tooltip="file-preview.tabs.exclude-pages.put-back"
></redaction-circle-button>
</div>
</div>

2
apps/red-ui/src/app/modules/dossier/components/team-members/team-members.component.html
View File

@ -19,9 +19,9 @@
*ngIf="permissionsService.isManager() && canAdd"
[class.large-spacing]="largeSpacing"
[size]="32"
[tooltip]="'dossier-details.assign-members' | translate"
class="member"
icon="red:plus"
tooltip="dossier-details.assign-members"
type="primary"
>
</redaction-circle-button>

4
apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.html
View File

@ -74,14 +74,14 @@
<div *ngIf="currentAttrValue(attr) && canEdit">
<redaction-circle-button
(action)="deleteAttr(attr)"
[tooltip]="'edit-dossier-dialog.attributes.delete-image' | translate"
icon="red:trash"
tooltip="edit-dossier-dialog.attributes.delete-image"
type="dark-bg"
></redaction-circle-button>
<redaction-circle-button
(action)="fileInputClick(attr)"
[tooltip]="'edit-dossier-dialog.attributes.upload-image' | translate"
icon="red:upload"
tooltip="edit-dossier-dialog.attributes.upload-image"
type="dark-bg"
></redaction-circle-button>
</div>

14
apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html
View File

@ -32,7 +32,7 @@
<div *ngIf="viewReady" class="flex-1 actions-container">
<ng-container *ngIf="!appStateService.activeFile.isExcluded">
<ng-container *ngIf="!appStateService.activeFile.isProcessing">
<redaction-status-bar [config]="statusBarConfig" [small]="true"> </redaction-status-bar>
<redaction-status-bar [config]="statusBarConfig" [small]="true"></redaction-status-bar>
<div class="all-caps-label mr-16 ml-8">
{{ status | translate }}
@ -74,8 +74,8 @@
<redaction-circle-button
(action)="assignToMe()"
*ngIf="permissionsService.canAssignToSelf()"
[tooltip]="'file-preview.assign-me' | translate"
icon="red:assign-me"
tooltip="file-preview.assign-me"
tooltipPosition="below"
></redaction-circle-button>
</div>
@ -97,8 +97,8 @@
<redaction-circle-button
(action)="toggleFullScreen()"
[icon]="fullScreen ? 'red:exit-fullscreen' : 'red:fullscreen'"
[tooltip]="'file-preview.fullscreen' | translate"
class="ml-2"
tooltip="file-preview.fullscreen"
tooltipPosition="below"
></redaction-circle-button>
@ -106,9 +106,9 @@
<redaction-circle-button
(action)="downloadOriginalFile()"
*ngIf="userPreferenceService.areDevFeaturesEnabled"
[tooltip]="'file-preview.download-original-file' | translate"
class="ml-8"
icon="red:download"
tooltip="file-preview.download-original-file"
tooltipPosition="below"
type="primary"
></redaction-circle-button>
@ -118,9 +118,9 @@
(action)="closeFullScreen()"
*ngIf="!fullScreen"
[routerLink]="['/main/dossiers/' + appStateService.activeDossierId]"
[tooltip]="'common.close' | translate"
class="ml-8"
icon="red:close"
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>
@ -177,17 +177,17 @@
[dialogRef]="dialogRef"
[excludePages]="excludePages"
[fileData]="fileData"
[viewer]="activeViewer"
[hideSkipped]="hideSkipped"
[primaryFilters]="primaryFilters"
[secondaryFilters]="secondaryFilters"
[selectedAnnotations]="selectedAnnotations"
[viewer]="activeViewer"
></redaction-file-workload>
</div>
</div>
</section>
<redaction-full-page-loading-indicator [displayed]="!viewReady"> </redaction-full-page-loading-indicator>
<redaction-full-page-loading-indicator [displayed]="!viewReady"></redaction-full-page-loading-indicator>
<ng-template #annotationActionsTemplate let-annotation="annotation">
<redaction-annotation-actions

8
apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts
View File

@ -106,7 +106,9 @@ export class FilePreviewScreenComponent implements OnInit, OnDestroy, OnAttach,
}
get assignTooltip(): string {
return this.appStateService.activeFile.isUnderApproval ? 'dossier-overview.assign-approver' : this.assignOrChangeReviewerTooltip;
return this.appStateService.activeFile.isUnderApproval
? this._translateService.instant('dossier-overview.assign-approver')
: this.assignOrChangeReviewerTooltip;
}
get annotations(): AnnotationWrapper[] {
@ -158,7 +160,9 @@ export class FilePreviewScreenComponent implements OnInit, OnDestroy, OnAttach,
}
get assignOrChangeReviewerTooltip() {
return this.currentReviewer ? 'file-preview.change-reviewer' : 'file-preview.assign-reviewer';
return this.currentReviewer
? this._translateService.instant('file-preview.change-reviewer')
: this._translateService.instant('file-preview.assign-reviewer');
}
get currentReviewer(): string {

6
apps/red-ui/src/app/modules/shared/components/assign-user-dropdown/assign-user-dropdown.component.html
View File

@ -11,17 +11,17 @@
</div>
<redaction-circle-button
class="pl-1"
(action)="save.emit(value)"
[tooltip]="'assign-user.save' | translate"
class="pl-1"
icon="red:check"
tooltip="assign-user.save"
tooltipPosition="below"
></redaction-circle-button>
<redaction-circle-button
(action)="value = oldUser; cancel.emit()"
[tooltip]="'assign-user.cancel' | translate"
icon="red:close"
tooltip="assign-user.cancel"
tooltipPosition="below"
></redaction-circle-button>
</div>

2
apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.html
View File

@ -1,4 +1,4 @@
<div [matTooltipClass]="tooltipClass" [matTooltipPosition]="tooltipPosition" [matTooltip]="tooltip | translate">
<div [matTooltipClass]="tooltipClass" [matTooltipPosition]="tooltipPosition" [matTooltip]="tooltip">
<button
(click)="performAction($event)"
[class.dark-bg]="type === 'dark-bg'"

2
apps/red-ui/src/app/modules/shared/components/buttons/file-download-btn/file-download-btn.component.html
View File

@ -3,7 +3,7 @@
[disabled]="disabled || !canDownloadFiles"
[tooltipClass]="tooltipClass"
[tooltipPosition]="tooltipPosition"
[tooltip]="canDownloadFiles ? 'dossier-overview.download-file' : 'dossier-overview.download-file-disabled'"
[tooltip]="tooltip"
[type]="type"
icon="red:download"
></redaction-circle-button>

6
apps/red-ui/src/app/modules/shared/components/buttons/file-download-btn/file-download-btn.component.ts
View File

@ -39,6 +39,12 @@ export class FileDownloadBtnComponent {
return this.file.length > 0 && this.file.reduce((acc, file) => acc && this._permissionsService.canDownloadFiles(file), true);
}
get tooltip() {
return this.canDownloadFiles
? this._translateService.instant('dossier-overview.download-file')
: this._translateService.instant('dossier-overview.download-file-disabled');
}
downloadFiles($event: MouseEvent) {
$event.stopPropagation();
this._fileDownloadService.downloadFiles(Array.isArray(this.file) ? this.file : [this.file], this.dossier).subscribe(() => {

2
apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html
View File

@ -6,7 +6,7 @@
(keyup)="searchChanged(searchText)"
[(ngModel)]="searchText"
[class.with-matches]="searchText.length > 0"
placeholder="{{ 'dictionary-overview.search' | translate }}"
[placeholder]="'dictionary-overview.search' | translate"
type="text"
/>

2
apps/red-ui/src/app/modules/shared/components/page-header/page-header.component.html
View File

@ -57,9 +57,9 @@
<redaction-circle-button
*ngIf="showCloseButton && permissionsService.isUser()"
[class.ml-6]="actionConfigs"
[tooltip]="'common.close' | translate"
icon="red:close"
redactionNavigateLastDossiersScreen
tooltip="common.close"
tooltipPosition="below"
></redaction-circle-button>
</div>

22
apps/red-ui/src/app/modules/shared/components/simple-doughnut-chart/simple-doughnut-chart.component.html
View File

@ -1,23 +1,17 @@
<div [class]="'container flex ' + direction">
<svg
[style.min-width]="size"
attr.height="{{ size }}"
attr.viewBox="0 0 {{ size }} {{ size }}"
attr.width="{{ size }}"
class="donut-chart"
>
<svg [attr.height]="size" [attr.width]="size" [style.min-width]="size" attr.viewBox="0 0 {{ size }} {{ size }}" class="donut-chart">
<g *ngFor="let value of config; let i = index">
<circle
*ngIf="exists(i)"
[attr.cx]="cx"
[attr.cy]="cy"
[attr.r]="radius"
[attr.stroke-dasharray]="circumference"
[attr.stroke-dashoffset]="calculateStrokeDashOffset(value.value)"
[attr.stroke-width]="strokeWidth"
[attr.stroke]="value.color.includes('#') ? value.color : ''"
[attr.transform]="returnCircleTransformValue(i)"
[class]="value.color"
attr.cx="{{ cx }}"
attr.cy="{{ cy }}"
attr.r="{{ radius }}"
attr.stroke-dasharray="{{ circumference }}"
attr.stroke-dashoffset="{{ calculateStrokeDashOffset(value.value) }}"
attr.stroke-width="{{ strokeWidth }}"
attr.transform="{{ returnCircleTransformValue(i) }}"
fill="transparent"
/>
</g>

4
apps/red-ui/src/app/modules/upload-download/upload-status-overlay/upload-status-overlay.component.html
View File

@ -42,15 +42,15 @@
<redaction-circle-button
(action)="uploadItem(model)"
*ngIf="model.error && !model.sizeError"
[tooltip]="'upload-status.dialog.actions.re-upload' | translate"
icon="red:refresh"
tooltip="upload-status.dialog.actions.re-upload"
tooltipPosition="before"
type="dark-bg"
></redaction-circle-button>
<redaction-circle-button
(action)="cancelItem(model)"
[tooltip]="'upload-status.dialog.actions.cancel' | translate"
icon="red:close"
tooltip="upload-status.dialog.actions.cancel"
tooltipPosition="before"
type="dark-bg"
></redaction-circle-button>