fix(topo): enhance advanced filters dialog with slider for rating range and update translations

client/src/app/modules/line/line-advanced-filters-dialog/line-advanced-filters-dialog.component.html

@@ -70,18 +70,23 @@
       <div class="font-semibold mb-2">
         {{ t("advancedFiltersRatingSection") }}
       </div>
-      <div class="flex align-items-center gap-2 mb-2">
-        <span class="text-sm">{{ draft.minRating }}</span>
+      <div class="slider-container">
+        <lc-slider-labels
+          [rangeMin]="draft.minRating"
+          [rangeMax]="draft.maxRating"
+          [min]="0"
+          [max]="5"
+          [minLabel]="'' + draft.minRating"
+          [maxLabel]="'' + draft.maxRating"
+        ></lc-slider-labels>
         <p-slider
-          class="flex-grow-1"
           [ngModel]="[draft.minRating, draft.maxRating]"
           (ngModelChange)="onRatingRangeChange($event)"
           [min]="0"
           [max]="5"
           [range]="true"
           [step]="1"
         ></p-slider>
-        <span class="text-sm">{{ draft.maxRating }}</span>
       </div>
     </div>
 

client/src/app/modules/line/line-advanced-filters-dialog/line-advanced-filters-dialog.component.ts

@@ -2,6 +2,7 @@ import { AsyncPipe } from '@angular/common';
 import { Component, inject, OnInit } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { TranslocoDirective, TranslocoService } from '@jsverse/transloco';
+import { marker } from '@jsverse/transloco-keys-manager/marker';
 import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
 import { Button } from 'primeng/button';
 import { Checkbox } from 'primeng/checkbox';
@@ -148,20 +149,51 @@ export class LineAdvancedFiltersDialogComponent implements OnInit {
   }
 
   ngOnInit(): void {
-    const t = (k: string) => this.transloco.translate('line.lineList.' + k);
     this.videoOptions = [
-      { label: t('advancedFiltersVideoAny'), value: 'any' },
-      { label: t('advancedFiltersVideoYes'), value: 'yes' },
-      { label: t('advancedFiltersVideoNo'), value: 'no' },
+      {
+        label: this.transloco.translate(
+          marker('line.lineList.advancedFiltersVideoAny'),
+        ),
+        value: 'any',
+      },
+      {
+        label: this.transloco.translate(
+          marker('line.lineList.advancedFiltersVideoYes'),
+        ),
+        value: 'yes',
+      },
+      {
+        label: this.transloco.translate(
+          marker('line.lineList.advancedFiltersVideoNo'),
+        ),
+        value: 'no',
+      },
     ];
     this.climbOptions = [
-      { label: t('advancedFiltersClimbAny'), value: 'any' },
-      { label: t('advancedFiltersClimbClimbed'), value: 'climbed' },
-      { label: t('advancedFiltersClimbNotClimbed'), value: 'notClimbed' },
+      {
+        label: this.transloco.translate(
+          marker('line.lineList.advancedFiltersClimbAny'),
+        ),
+        value: 'any',
+      },
+      {
+        label: this.transloco.translate(
+          marker('line.lineList.advancedFiltersClimbClimbed'),
+        ),
+        value: 'climbed',
+      },
+      {
+        label: this.transloco.translate(
+          marker('line.lineList.advancedFiltersClimbNotClimbed'),
+        ),
+        value: 'notClimbed',
+      },
     ];
     this.startingPositionOptions = [
       {
-        label: t('advancedFiltersStartingPositionsPlaceholder'),
+        label: this.transloco.translate(
+          'line.lineList.advancedFiltersStartingPositionsPlaceholder',
+        ),
         value: null,
       },
       ...Object.values(StartingPosition).map((value) => ({

client/src/app/modules/line/line-list/line-list.component.ts

@@ -58,7 +58,6 @@ import { selectInstanceSettingsState } from '../../../ngrx/selectors/instance-se
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { LanguageService } from '../../../services/core/language.service';
 import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { Tag } from 'primeng/tag';
 import {
   LineAdvancedFiltersDialogComponent,
   type LineAdvancedFiltersDialogData,
@@ -109,7 +108,6 @@ import {
     LineGradePipe,
     TopoImageComponent,
     TranslateSpecialGradesPipe,
-    Tag,
   ],
   providers: [ConfirmationService, DialogService],
   templateUrl: './line-list.component.html',

client/src/assets/i18n/de.json

@@ -803,6 +803,13 @@
   "line.askReallyWantToDeleteLine": "Bist Du Dir sicher? Dies ist eine extrem destruktive Aktion und kann nicht rückgängig gemacht werden. Alle Begehungen der Linie etc. werden ebenfalls gelöscht. Fortfahren?",
   "line.yesDelete": "Ja, alles löschen!",
   "line.noDontDelete": "Nee, doch nicht.",
+  "line.lineList.advancedFiltersStartingPositionsPlaceholder": "Beliebige Position",
+  "line.lineList.advancedFiltersVideoAny": "Beliebig",
+  "line.lineList.advancedFiltersVideoYes": "Mit Video",
+  "line.lineList.advancedFiltersVideoNo": "Ohne Video",
+  "line.lineList.advancedFiltersClimbAny": "Beliebig",
+  "line.lineList.advancedFiltersClimbClimbed": "Von mir begehen",
+  "line.lineList.advancedFiltersClimbNotClimbed": "Nicht von mir begehen",
   "line.infos": "Infos",
   "line.ascents": "Begehungen",
   "line.gallery": "Galerie",

client/src/assets/i18n/en.json

@@ -803,6 +803,13 @@
   "line.askReallyWantToDeleteLine": "Are you certain? This is an extremely destructive action and cannot be undone. All logged line ascents etc. will also be deleted. Proceed?",
   "line.yesDelete": "Yes, delete everything!",
   "line.noDontDelete": "Maybe not.",
+  "line.lineList.advancedFiltersStartingPositionsPlaceholder": "Any position",
+  "line.lineList.advancedFiltersVideoAny": "Any",
+  "line.lineList.advancedFiltersVideoYes": "With video",
+  "line.lineList.advancedFiltersVideoNo": "Without video",
+  "line.lineList.advancedFiltersClimbAny": "Any",
+  "line.lineList.advancedFiltersClimbClimbed": "Climbed by me",
+  "line.lineList.advancedFiltersClimbNotClimbed": "Not climbed by me",
   "line.infos": "Information",
   "line.ascents": "Ascents",
   "line.gallery": "Gallery",

client/src/assets/i18n/it.json

@@ -803,6 +803,13 @@
   "line.askReallyWantToDeleteLine": "Confermi? Questa è un'azione estremamente distruttiva e non si può tornare indietro. Vengono eliminati anche tutte le ripetizioni del problema, ecc. Procedere?",
   "line.yesDelete": "Elimina tutto!",
   "line.noDontDelete": "No, vabbè dai...",
+  "line.lineList.advancedFiltersStartingPositionsPlaceholder": "Qualsiasi posizione",
+  "line.lineList.advancedFiltersVideoAny": "Qualsiasi",
+  "line.lineList.advancedFiltersVideoYes": "Con video",
+  "line.lineList.advancedFiltersVideoNo": "Senza video",
+  "line.lineList.advancedFiltersClimbAny": "Qualsiasi",
+  "line.lineList.advancedFiltersClimbClimbed": "Scalata da me",
+  "line.lineList.advancedFiltersClimbNotClimbed": "Non scalata da me",
   "line.infos": "Informazioni",
   "line.ascents": "Ripetizioni",
   "line.gallery": "Galleria",

client/src/assets/i18n/nl.json

@@ -803,6 +803,13 @@
   "line.askReallyWantToDeleteLine": "Weet je het zeker? Dit is een uiterst destructieve actie en kan niet worden teruggedraaid. Ook alle evaluaties van de route etc. worden geschrapt. Doorgaan?",
   "line.yesDelete": "Ja, verwijder alles!",
   "line.noDontDelete": "Nee, maar niet.",
+  "line.lineList.advancedFiltersStartingPositionsPlaceholder": "Alle posities",
+  "line.lineList.advancedFiltersVideoAny": "Alle",
+  "line.lineList.advancedFiltersVideoYes": "Met video",
+  "line.lineList.advancedFiltersVideoNo": "Zonder video",
+  "line.lineList.advancedFiltersClimbAny": "Alle",
+  "line.lineList.advancedFiltersClimbClimbed": "Door mij beklommen",
+  "line.lineList.advancedFiltersClimbNotClimbed": "Niet door mij beklommen",
   "line.infos": "Info",
   "line.ascents": "Beklimmingen",
   "line.gallery": "Galrij",