florian/codiki-hexagonal
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

i18n of publication page.

Browse Source
This commit is contained in:
Florian THIERRY
2024-09-21 12:28:55 +02:00
parent b546a0cf01
commit 36208ef071
4 changed files with 33 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/app/pages/publication/publication.component.html
View File

@@ -1,4 +1,5 @@
@if (isLoading) {
<h2 i18n>Publication content loading...</h2>
<mat-spinner></mat-spinner>
} @else {
@if (publication) {
@@ -8,7 +9,10 @@
<h1>{{ publication.title }}</h1>
<h2>{{ publication.description }}</h2>
@if (isAuthorAndUserEquals) {
<a [routerLink]="['edit']" class="button action" matTooltip="Click to edit the publication">
<a [routerLink]="['edit']"
class="button action"
matTooltip="Click to edit the publication"
i18n-mapTooltip>
<mat-icon>edit</mat-icon>
</a>
}
@@ -18,14 +22,18 @@
<div class="metadata">
<img src="/api/pictures/{{ publication.author.image }}" [matTooltip]="publication.author.name" />
<div class="posting-data">
Publication posted by {{ publication.author.name }}
<span i18n>Publication posted by {{ publication.author.name }}</span>
<span class="publication-date">
({{ publication.creationDate | date: 'short' : 'fr-FR' }})
({{ publication.creationDate | date: 'short' }})
</span>
</div>
</div>
@if (isAuthorAndUserEquals) {
<button type="button" (click)="deletePublication()" matTooltip="Click to delete the publication" matTooltipPosition="left">
<button type="button"
(click)="deletePublication()"
matTooltip="Click to delete the publication"
matTooltipPosition="left"
i18n-mapTooltip>
<mat-icon>delete</mat-icon>
Delete
</button>
@@ -34,7 +42,7 @@
</div>
} @else {
<div class="loading-failed">
<h1>Publication failed to load...</h1>
<h1 i18n>Publication failed to load...</h1>
</div>
}
}

11
frontend/src/app/pages/publication/publication.component.ts
View File

@@ -50,8 +50,9 @@ export class PublicationComponent implements OnInit, OnDestroy {
setTimeout(() => Prism.highlightAll(), 100);
})
.catch(error => {
this.snackBar.open('An error occurred while loading publication...', 'Close', { duration: 5000 });
console.error('An error occurred while loading publication...', error);
const errorMessage = $localize`An error occurred while loading publication...`;
this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
console.error(errorMessage, error);
})
.finally(() => {
this.isLoading = false;
@@ -70,8 +71,8 @@ export class PublicationComponent implements OnInit, OnDestroy {
ConfirmationDialog,
{
data: {
title: 'Publication deletion',
description: 'Are you sure you want to delete this publication?'
title: $localize`Publication deletion`,
description: $localize`Are you sure you want to delete this publication?`
}
}
);
@@ -80,7 +81,7 @@ export class PublicationComponent implements OnInit, OnDestroy {
.subscribe(response => {
if (response && this.publication?.id) {
this.publicationRestService.delete(this.publication.id);
this.snackBar.open('Publication deleted', 'Close', { duration: 5000 });
this.snackBar.open($localize`Publication deleted`, $localize`Close`, { duration: 5000 });
this.location.back();
}
});