geonetwork-ui 2.3.0-dev.6083baae → 2.3.0-dev.61774f7d

package/src/libs/ui/elements/src/lib/user-feedback-item/user-feedback-item.component.html

@@ -0,0 +1,75 @@
+<div
+  *ngIf="userFeedbackParent.published"
+  class="flex flex-col bg-white rounded w-full"
+  [ngClass]="[isAnAnswer ? 'ps-4 ' : 'p-4']"
+>
+  <div class="flex flex-row">
+    <div class="avatar">
+      <img
+        class="rounded-full"
+        [src]="userFeedbackParent.avatarUrl"
+        alt="avatar"
+      />
+    </div>
+    <div class="p-4 flex flex-col">
+      <span>{{ userFeedbackParent.authorName }}</span>
+      <span> {{ userFeedbackParent.date | timeSince }}</span>
+    </div>
+  </div>
+  <div data-cy="commentText" class="mt-4 whitespace-pre-line">
+    {{ userFeedbackParent.comment }}
+  </div>
+  <div
+    class="w-full"
+    *ngFor="let userFeedBacksAnswer of userFeedBacksAnswers; let last = last"
+  >
+    <hr class="-mx-4 my-6" />
+    <gn-ui-user-feedback-item
+      [userFeedbackParent]="userFeedBacksAnswer"
+      [isLastComment]="last"
+    ></gn-ui-user-feedback-item>
+  </div>
+
+  <div *ngIf="isActiveUserEditor" class="mt-2 flex flex-col">
+    <hr class="-mx-4 my-4" />
+    <div
+      id="new-comment-buttons"
+      class="flex flex-row gap-2 items-center justify-end"
+    >
+      <gn-ui-text-area
+        [disabled]="isAddUserFeedbackLoading"
+        [(value)]="newAnswer"
+        (valueChange)="onNewAnswerValueChange()"
+        (keyup.control.enter)="publishNewAnswer()"
+        [placeholder]="
+          'record.metadata.userFeedbacks.newAnswer.placeholder' | translate
+        "
+        class="grow"
+        extraClass="bg-transparent border-0 placeholder-primary-darker text-primary-darker h-9"
+      ></gn-ui-text-area>
+      <div *ngIf="!isAnswerEmpty" class="flex flex-row justify-end">
+        <gn-ui-button
+          [disabled]="isAddUserFeedbackLoading"
+          [type]="'outline'"
+          (buttonClick)="publishNewAnswer()"
+          [title]="
+            'record.metadata.userFeedbacks.newAnswer.buttonTitle' | translate
+          "
+          extraClass="!p-[0.5em] text-primary-darker border-primary-darker h-9"
+        >
+          <mat-icon
+            class="material-symbols-outlined"
+            *ngIf="!isAddUserFeedbackLoading"
+          >
+            send
+          </mat-icon>
+          <ng-container *ngIf="isAddUserFeedbackLoading">
+            <div class="flex justify-center w-full">
+              <gn-ui-spinning-loader></gn-ui-spinning-loader>
+            </div>
+          </ng-container>
+        </gn-ui-button>
+      </div>
+    </div>
+  </div>
+</div>

package/src/libs/ui/elements/src/lib/user-feedback-item/user-feedback-item.component.ts

@@ -0,0 +1,63 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  EventEmitter,
+  Input,
+  OnInit,
+  Output,
+} from '@angular/core'
+import {
+  UserFeedback,
+  UserFeedbackViewModel,
+} from '../../../../../../libs/common/domain/src/lib/model/record'
+import { UserModel } from '../../../../../../libs/common/domain/src/lib/model/user'
+
+@Component({
+  selector: 'gn-ui-user-feedback-item',
+  templateUrl: './user-feedback-item.component.html',
+  styleUrls: ['./user-feedback-item.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class UserFeedbackItemComponent implements OnInit {
+  @Input() userFeedbackParent: UserFeedbackViewModel
+  @Input() userFeedBacksAnswers: UserFeedbackViewModel[]
+  @Input() isActiveUserEditor: boolean
+  @Input() activeUser: UserModel
+  @Input() isLastComment: boolean
+  @Input() isAddUserFeedbackLoading: boolean
+
+  @Output() newUserFeedbackAnswer = new EventEmitter<UserFeedback>()
+
+  isAnAnswer = false
+  newAnswer = ''
+  isAnswerEmpty = true
+
+  ngOnInit(): void {
+    this.isAnAnswer = !!this.userFeedbackParent.parentUuid
+  }
+
+  onNewAnswerValueChange() {
+    this.isAnswerEmpty = this.newAnswer.length === 0
+  }
+
+  publishNewAnswer() {
+    if (this.newAnswer.trim() === '') return
+
+    const newAnswer: UserFeedback = {
+      ...this.userFeedbackParent,
+      uuid: undefined,
+      published: true,
+      comment: this.newAnswer,
+      parentUuid: this.userFeedbackParent.uuid,
+      authorUserId: this.activeUser?.id,
+      authorEmail: this.activeUser?.email,
+      date: new Date(),
+      authorName: `${this.activeUser?.name} ${this.activeUser?.surname}`,
+    }
+
+    this.newUserFeedbackAnswer.emit(newAnswer)
+
+    this.newAnswer = ''
+    this.onNewAnswerValueChange()
+  }
+}

package/src/libs/ui/inputs/src/lib/text-area/text-area.component.html

@@ -2,11 +2,12 @@
   <textarea
     #input
     name="textArea"
+    [disabled]="disabled"
     [placeholder]="placeholder"
     [value]="value"
     (change)="handleChange($event)"
     (input)="handleChange($event)"
-    class="w-full pt-2 pl-2 resize-none border border-gray-800 rounded italic leading-tight focus:outline-none focus:bg-background focus:border-primary"
+    [class]="classList"
     [attr.required]="required || null"
   ></textarea>
 </div>

package/src/libs/ui/inputs/src/lib/text-area/text-area.component.ts

@@ -15,7 +15,12 @@ import { distinctUntilChanged } from 'rxjs/operators'
   standalone: true,
 })
 export class TextAreaComponent implements AfterViewInit {
+  private readonly baseClasses: string
+  private readonly disabledClasses: string
+
   @Input() value = ''
+  @Input() disabled = false
+  @Input() extraClass = ''
   @Input() placeholder: string
   @Input() required = false
 
@@ -24,6 +29,30 @@ export class TextAreaComponent implements AfterViewInit {
 
   @ViewChild('input') input
 
+  constructor() {
+    this.baseClasses = [
+      'w-full',
+      'pt-2',
+      'pl-2',
+      'resize-none',
+      'border',
+      'border-gray-800',
+      'rounded italic',
+      'leading-tight',
+      'focus:outline-none',
+      'focus:bg-background',
+      'focus:border-primary',
+    ].join(' ')
+
+    this.disabledClasses = ['cursor-not-allowed'].join(' ')
+  }
+
+  get classList() {
+    return `${this.baseClasses} ${this.extraClass} ${
+      this.disabled ? this.disabledClasses : ''
+    }`
+  }
+
   ngAfterViewInit() {
     this.checkRequired(this.input.nativeElement.value)
   }

package/src/libs/ui/inputs/src/lib/text-input/text-input.component.html

@@ -1,6 +1,6 @@
 <input
   #input
-  class="appearance-none border border-gray-300 rounded w-full p-2 text-gray-700 leading-tight focus:outline-none focus:border-primary"
+  [class]="classList"
   type="text"
   [value]="value"
   (change)="handleChange($event)"

package/src/libs/ui/inputs/src/lib/text-input/text-input.component.ts

@@ -14,14 +14,29 @@ import { Subject } from 'rxjs'
   styleUrls: ['./text-input.component.css'],
 })
 export class TextInputComponent implements AfterViewInit {
+  private readonly baseClass = [
+    'appearance-none',
+    'border border-gray-300',
+    'rounded w-full',
+    'p-2',
+    'text-gray-700',
+    'leading-tight',
+    'focus:outline-none',
+    'focus:border-primary',
+  ].join(' ')
+
   @Input() value = ''
+  @Input() extraClass = ''
   @Input() hint: string
   @Input() required = false
   rawChange = new Subject<string>()
   @Output() valueChange = this.rawChange.pipe(distinctUntilChanged())
-
   @ViewChild('input') input
 
+  get classList() {
+    return `${this.baseClass} ${this.extraClass}`
+  }
+
   ngAfterViewInit() {
     this.checkRequired(this.input.nativeElement.value)
   }

package/src/libs/ui/layout/src/lib/form-field-wrapper/form-field-wrapper.component.css

@@ -1,5 +0,0 @@
-.icon-small {
-  font-size: 16px;
-  height: 16px;
-  width: 16px;
-}

package/src/libs/ui/layout/src/lib/form-field-wrapper/form-field-wrapper.component.html

@@ -4,7 +4,7 @@
     <div class="flex-1 flex justify-end items-center">
       <ng-content select="[form-field-interaction]"></ng-content>
       <span
-        class="material-symbols-outlined m-2 icon-small"
+        class="material-symbols-outlined m-2 gn-ui-icon-small"
         [matTooltip]="hint"
         matTooltipPosition="above"
       >

package/tailwind.base.css

@@ -9,6 +9,13 @@
     @apply shadow-xl hover:shadow-xl-hover transition-shadow;
   }
 
+  /* ICON CLASSES */
+  .gn-ui-icon-small {
+    font-size: 16px;
+    width: 16px;
+    height: 16px;
+  }
+
   /* LINK CLASSES */
   .gn-ui-link {
     @apply text-blue-600 hover:text-blue-700 hover:underline;

package/translations/de.json

@@ -1,4 +1,5 @@
 {
+  "button.login": "",
   "catalog.figures.datasets": "{count, plural, =0{Datensätze} one{Datensatz} other{Datensätze}}",
   "catalog.figures.organisations": "{count, plural, =0{Organisationen} one{Organisation} other{Organisationen}}",
   "chart.aggregation.average": "Durchschnitt",
@@ -278,6 +279,14 @@
   "record.metadata.quality.updateFrequency.failed": "Aktualisierungsfrequenz nicht angegeben",
   "record.metadata.quality.updateFrequency.success": "Aktualisierungsfrequenz angegeben",
   "record.metadata.related": "Ähnliche Datensätze",
+  "record.metadata.userFeedbacks": "",
+  "record.metadata.userFeedbacks.anonymousUser": "",
+  "record.metadata.userFeedbacks.sortSelector.label": "",
+  "record.metadata.userFeedbacks.sortSelector.choices.newestFirst": "",
+  "record.metadata.userFeedbacks.sortSelector.choices.oldestFirst": "",
+  "record.metadata.userFeedbacks.newComment.placeholder": "",
+  "record.metadata.userFeedbacks.newAnswer.placeholder": "",
+  "record.metadata.userFeedbacks.newAnswer.buttonTitle": "",
   "record.metadata.sheet": "Weitere Informationen verfügbar unter:",
   "record.metadata.status": "Status",
   "record.metadata.technical": "Technische Informationen",
@@ -351,6 +360,12 @@
   "table.loading.data": "Daten werden geladen...",
   "table.object.count": "Objekte in diesem Datensatz",
   "table.select.data": "Datenquelle",
+  "timeSincePipe.lessThanAMinute": "",
+  "timeSincePipe.minutesAgo": "",
+  "timeSincePipe.hoursAgo": "",
+  "timeSincePipe.daysAgo": "",
+  "timeSincePipe.monthsAgo": "",
+  "timeSincePipe.yearsAgo": "",
   "tooltip.html.copy": "HTML kopieren",
   "tooltip.id.copy": "Eindeutige Kennung kopieren",
   "tooltip.url.copy": "URL kopieren",

package/translations/en.json

@@ -1,4 +1,5 @@
 {
+  "button.login": "Log in",
   "catalog.figures.datasets": "{count, plural, =0{datasets} one{dataset} other{datasets}}",
   "catalog.figures.organisations": "{count, plural, =0{organisations} one{organisation} other{organisations}}",
   "chart.aggregation.average": "average",
@@ -278,6 +279,14 @@
   "record.metadata.quality.updateFrequency.failed": "Update frequency is not specified",
   "record.metadata.quality.updateFrequency.success": "Update frequency is specified",
   "record.metadata.related": "Related records",
+  "record.metadata.userFeedbacks": "Questions / Answers",
+  "record.metadata.userFeedbacks.anonymousUser": "In order to leave a comment, please log in.",
+  "record.metadata.userFeedbacks.sortSelector.label": "Sort by ...",
+  "record.metadata.userFeedbacks.sortSelector.choices.newestFirst": "Newest comments first",
+  "record.metadata.userFeedbacks.sortSelector.choices.oldestFirst": "Oldest comments first",
+  "record.metadata.userFeedbacks.newComment.placeholder": "Write your comment here...",
+  "record.metadata.userFeedbacks.newAnswer.placeholder": "Answer...",
+  "record.metadata.userFeedbacks.newAnswer.buttonTitle": "Publish",
   "record.metadata.sheet": "Original metadata",
   "record.metadata.status": "Status",
   "record.metadata.technical": "Technical information",
@@ -351,6 +360,12 @@
   "table.loading.data": "Loading data...",
   "table.object.count": "objects in this dataset",
   "table.select.data": "Data source",
+  "timeSincePipe.lessThanAMinute": "Less than a minute ago",
+  "timeSincePipe.minutesAgo": "{value} minute{s} ago",
+  "timeSincePipe.hoursAgo": "{value} hour{s} ago",
+  "timeSincePipe.daysAgo": "{value} day{s} ago",
+  "timeSincePipe.monthsAgo": "{value} month{s} ago",
+  "timeSincePipe.yearsAgo": "{value} year{s} ago",
   "tooltip.html.copy": "Copy HTML",
   "tooltip.id.copy": "Copy unique identifier",
   "tooltip.url.copy": "Copy URL",

package/translations/es.json

@@ -1,4 +1,5 @@
 {
+  "button.login": "",
   "catalog.figures.datasets": "conjuntos de datos",
   "catalog.figures.organisations": "organizaciones",
   "chart.aggregation.average": "promedio",
@@ -278,6 +279,14 @@
   "record.metadata.quality.updateFrequency.failed": "",
   "record.metadata.quality.updateFrequency.success": "",
   "record.metadata.related": "",
+  "record.metadata.userFeedbacks": "",
+  "record.metadata.userFeedbacks.anonymousUser": "",
+  "record.metadata.userFeedbacks.sortSelector.label": "",
+  "record.metadata.userFeedbacks.sortSelector.choices.newestFirst": "",
+  "record.metadata.userFeedbacks.sortSelector.choices.oldestFirst": "",
+  "record.metadata.userFeedbacks.newComment.placeholder": "",
+  "record.metadata.userFeedbacks.newAnswer.placeholder": "",
+  "record.metadata.userFeedbacks.newAnswer.buttonTitle": "",
   "record.metadata.sheet": "",
   "record.metadata.status": "",
   "record.metadata.technical": "",
@@ -351,6 +360,12 @@
   "table.loading.data": "",
   "table.object.count": "",
   "table.select.data": "",
+  "timeSincePipe.lessThanAMinute": "",
+  "timeSincePipe.minutesAgo": "",
+  "timeSincePipe.hoursAgo": "",
+  "timeSincePipe.daysAgo": "",
+  "timeSincePipe.monthsAgo": "",
+  "timeSincePipe.yearsAgo": "",
   "tooltip.html.copy": "",
   "tooltip.id.copy": "",
   "tooltip.url.copy": "",

package/translations/fr.json

@@ -1,4 +1,5 @@
 {
+  "button.login": "Se connecter",
   "catalog.figures.datasets": "{count, plural, =0{données} one{donnée} other{données}}",
   "catalog.figures.organisations": "{count, plural, =0{organisations} one{organisation} other{organisations}}",
   "chart.aggregation.average": "moyenne",
@@ -278,6 +279,14 @@
   "record.metadata.quality.updateFrequency.failed": "Fréquence de mise à jour n'est pas renseignée",
   "record.metadata.quality.updateFrequency.success": "Fréquence de mise à jour est renseignée",
   "record.metadata.related": "Voir aussi",
+  "record.metadata.userFeedbacks": "Questions / Réponses",
+  "record.metadata.userFeedbacks.anonymousUser": "Pour rédiger un commentaire, veuillez vous identifier.",
+  "record.metadata.userFeedbacks.sortSelector.label": "Trier par ...",
+  "record.metadata.userFeedbacks.sortSelector.choices.newestFirst": "Les plus récents en premier",
+  "record.metadata.userFeedbacks.sortSelector.choices.oldestFirst": "Les plus anciens en premier",
+  "record.metadata.userFeedbacks.newComment.placeholder": "Rédiger votre commentaire ici...",
+  "record.metadata.userFeedbacks.newAnswer.placeholder": "Répondre...",
+  "record.metadata.userFeedbacks.newAnswer.buttonTitle": "Publier",
   "record.metadata.sheet": "Fiche de métadonnées d'origine",
   "record.metadata.status": "Statut",
   "record.metadata.technical": "Informations techniques",
@@ -351,6 +360,12 @@
   "table.loading.data": "Chargement des données...",
   "table.object.count": "enregistrements dans ces données",
   "table.select.data": "Source de données",
+  "timeSincePipe.lessThanAMinute": "Il y a moins d'une minute",
+  "timeSincePipe.minutesAgo": "Il y a {value} minute{s}",
+  "timeSincePipe.hoursAgo": "Il y a {value} heure{s}",
+  "timeSincePipe.daysAgo": "Il y a {value} jour{s}",
+  "timeSincePipe.monthsAgo": "Il y a {value} mois",
+  "timeSincePipe.yearsAgo": "Il y a {value} an{s}",
   "tooltip.html.copy": "Copier le HTML",
   "tooltip.id.copy": "Copier l'identifiant unique",
   "tooltip.url.copy": "Copier l'URL",

package/translations/it.json

@@ -1,4 +1,5 @@
 {
+  "button.login": "",
   "catalog.figures.datasets": "{count, plural, =0{datasets} one{dataset} other{datasets}}",
   "catalog.figures.organisations": "{count, plural, =0{organizzazioni} one{organizzazione} other{organizzazioni}}",
   "chart.aggregation.average": "media",
@@ -278,6 +279,14 @@
   "record.metadata.quality.updateFrequency.failed": "La frequenza di aggiornamento non è specificata",
   "record.metadata.quality.updateFrequency.success": "La frequenza di aggiornamento è specificata",
   "record.metadata.related": "Vedi anche",
+  "record.metadata.userFeedbacks": "",
+  "record.metadata.userFeedbacks.anonymousUser": "",
+  "record.metadata.userFeedbacks.sortSelector.label": "",
+  "record.metadata.userFeedbacks.sortSelector.choices.newestFirst": "",
+  "record.metadata.userFeedbacks.sortSelector.choices.oldestFirst": "",
+  "record.metadata.userFeedbacks.newComment.placeholder": "",
+  "record.metadata.userFeedbacks.newAnswer.placeholder": "",
+  "record.metadata.userFeedbacks.newAnswer.buttonTitle": "",
   "record.metadata.sheet": "Origine del metadata",
   "record.metadata.status": "Stato",
   "record.metadata.technical": "Informazioni tecniche",
@@ -351,6 +360,12 @@
   "table.loading.data": "Caricamento dei dati...",
   "table.object.count": "record in questi dati",
   "table.select.data": "Sorgente dati",
+  "timeSincePipe.lessThanAMinute": "",
+  "timeSincePipe.minutesAgo": "",
+  "timeSincePipe.hoursAgo": "",
+  "timeSincePipe.daysAgo": "",
+  "timeSincePipe.monthsAgo": "",
+  "timeSincePipe.yearsAgo": "",
   "tooltip.html.copy": "Copiare il HTML",
   "tooltip.id.copy": "Copiare l'identificatore unico",
   "tooltip.url.copy": "Copiare l'URL",

package/translations/nl.json

@@ -1,4 +1,5 @@
 {
+  "button.login": "",
   "catalog.figures.datasets": "datasets",
   "catalog.figures.organisations": "organisaties",
   "chart.aggregation.average": "gemiddelde",
@@ -278,6 +279,14 @@
   "record.metadata.quality.updateFrequency.failed": "",
   "record.metadata.quality.updateFrequency.success": "",
   "record.metadata.related": "",
+  "record.metadata.userFeedbacks": "",
+  "record.metadata.userFeedbacks.anonymousUser": "",
+  "record.metadata.userFeedbacks.sortSelector.label": "",
+  "record.metadata.userFeedbacks.sortSelector.choices.newestFirst": "",
+  "record.metadata.userFeedbacks.sortSelector.choices.oldestFirst": "",
+  "record.metadata.userFeedbacks.newComment.placeholder": "",
+  "record.metadata.userFeedbacks.newAnswer.placeholder": "",
+  "record.metadata.userFeedbacks.newAnswer.buttonTitle": "",
   "record.metadata.sheet": "",
   "record.metadata.status": "",
   "record.metadata.technical": "",
@@ -351,6 +360,12 @@
   "table.loading.data": "",
   "table.object.count": "",
   "table.select.data": "",
+  "timeSincePipe.lessThanAMinute": "",
+  "timeSincePipe.minutesAgo": "",
+  "timeSincePipe.hoursAgo": "",
+  "timeSincePipe.daysAgo": "",
+  "timeSincePipe.monthsAgo": "",
+  "timeSincePipe.yearsAgo": "",
   "tooltip.html.copy": "",
   "tooltip.id.copy": "",
   "tooltip.url.copy": "",

package/translations/pt.json

@@ -1,4 +1,5 @@
 {
+  "button.login": "",
   "catalog.figures.datasets": "conjuntos de dados",
   "catalog.figures.organisations": "organizações",
   "chart.aggregation.average": "média",
@@ -278,6 +279,14 @@
   "record.metadata.quality.updateFrequency.failed": "",
   "record.metadata.quality.updateFrequency.success": "",
   "record.metadata.related": "",
+  "record.metadata.userFeedbacks": "",
+  "record.metadata.userFeedbacks.anonymousUser": "",
+  "record.metadata.userFeedbacks.sortSelector.label": "",
+  "record.metadata.userFeedbacks.sortSelector.choices.newestFirst": "",
+  "record.metadata.userFeedbacks.sortSelector.choices.oldestFirst": "",
+  "record.metadata.userFeedbacks.newComment.placeholder": "",
+  "record.metadata.userFeedbacks.newAnswer.placeholder": "",
+  "record.metadata.userFeedbacks.newAnswer.buttonTitle": "",
   "record.metadata.sheet": "",
   "record.metadata.status": "",
   "record.metadata.technical": "",
@@ -351,6 +360,12 @@
   "table.loading.data": "",
   "table.object.count": "",
   "table.select.data": "",
+  "timeSincePipe.lessThanAMinute": "",
+  "timeSincePipe.minutesAgo": "",
+  "timeSincePipe.hoursAgo": "",
+  "timeSincePipe.daysAgo": "",
+  "timeSincePipe.monthsAgo": "",
+  "timeSincePipe.yearsAgo": "",
   "tooltip.html.copy": "",
   "tooltip.id.copy": "",
   "tooltip.url.copy": "",

package/translations/sk.json

@@ -1,4 +1,5 @@
 {
+  "button.login": "",
   "catalog.figures.datasets": "{count, plural, =0{datasety} one{dataset} other{datasety}}",
   "catalog.figures.organisations": "{count, plural, =0{organizácie} one{organizácia} other{organizácie}}",
   "chart.aggregation.average": "priemer",
@@ -278,6 +279,14 @@
   "record.metadata.quality.updateFrequency.failed": "Frekvencia aktualizácie nie je určená",
   "record.metadata.quality.updateFrequency.success": "Frekvencia aktualizácie je určená",
   "record.metadata.related": "Súvisiace záznamy",
+  "record.metadata.userFeedbacks": "",
+  "record.metadata.userFeedbacks.anonymousUser": "",
+  "record.metadata.userFeedbacks.sortSelector.label": "",
+  "record.metadata.userFeedbacks.sortSelector.choices.newestFirst": "",
+  "record.metadata.userFeedbacks.sortSelector.choices.oldestFirst": "",
+  "record.metadata.userFeedbacks.newComment.placeholder": "",
+  "record.metadata.userFeedbacks.newAnswer.placeholder": "",
+  "record.metadata.userFeedbacks.newAnswer.buttonTitle": "",
   "record.metadata.sheet": "Ďalšie metadáta sú k dispozícii na:",
   "record.metadata.status": "Stav",
   "record.metadata.technical": "",
@@ -351,6 +360,12 @@
   "table.loading.data": "Načítanie údajov...",
   "table.object.count": "objekty v tomto súbore údajov",
   "table.select.data": "Zdroj údajov",
+  "timeSincePipe.lessThanAMinute": "",
+  "timeSincePipe.minutesAgo": "",
+  "timeSincePipe.hoursAgo": "",
+  "timeSincePipe.daysAgo": "",
+  "timeSincePipe.monthsAgo": "",
+  "timeSincePipe.yearsAgo": "",
   "tooltip.html.copy": "Kopírovať HTML",
   "tooltip.id.copy": "Kopírovať jedinečný identifikátor",
   "tooltip.url.copy": "Kopírovať URL",