i18n ranges

rslib/ftl/statistics.ftl

@@ -84,3 +84,7 @@ statistics-counts-mature-cards = Mature
 statistics-counts-suspended-cards = Suspended
 statistics-counts-buried-cards = Buried
 statistics-counts-title = Card Counts
+statistics-range-all-time = deck life
+statistics-range-deck = deck
+statistics-range-collection = collection
+statistics-range-search = Search

ts/src/stats/AddedGraph.svelte

@@ -27,6 +27,7 @@
     const month = timeSpan(i18n, 1 * MONTH);
     const month3 = timeSpan(i18n, 3 * MONTH);
     const year = timeSpan(i18n, 1 * YEAR);
+    const all = i18n.tr(i18n.TR.STATISTICS_RANGE_ALL_TIME);
 </script>
 
 {#if histogramData}
@@ -48,7 +49,7 @@
             </label>
             <label>
                 <input type="radio" bind:group={range} value={AddedRange.AllTime} />
-                All time
+                {all}
             </label>
         </div>
 

ts/src/stats/FutureDue.svelte

@@ -35,6 +35,7 @@
     const month = timeSpan(i18n, 1 * MONTH);
     const month3 = timeSpan(i18n, 3 * MONTH);
     const year = timeSpan(i18n, 1 * YEAR);
+    const all = i18n.tr(i18n.TR.STATISTICS_RANGE_ALL_TIME);
 </script>
 
 {#if histogramData}
@@ -57,7 +58,7 @@
             </label>
             <label>
                 <input type="radio" bind:group={range} value={FutureDueRange.AllTime} />
-                All time
+                {all}
             </label>
         </div>
 

ts/src/stats/GraphsPage.svelte

@@ -85,6 +85,10 @@
 
     const month = timeSpan(i18n, 1 * MONTH);
     const year = timeSpan(i18n, 1 * YEAR);
+    const deck = i18n.tr(i18n.TR.STATISTICS_RANGE_DECK);
+    const collection = i18n.tr(i18n.TR.STATISTICS_RANGE_COLLECTION);
+    const searchLabel = i18n.tr(i18n.TR.STATISTICS_RANGE_SEARCH);
+    const all = i18n.tr(i18n.TR.STATISTICS_RANGE_ALL_TIME);
 </script>
 
 <div class="range-box">
@@ -93,14 +97,14 @@
     <div class="range-box-inner">
         <label>
             <input type="radio" bind:group={searchRange} value={SearchRange.Deck} />
-            Deck
+            {deck}
         </label>
         <label>
             <input
                 type="radio"
                 bind:group={searchRange}
                 value={SearchRange.Collection} />
-            Collection
+            {collection}
         </label>
 
         <input
@@ -110,11 +114,10 @@
             on:focus={() => {
                 searchRange = SearchRange.Custom;
             }}
-            placeholder="Custom search" />
+            placeholder={searchLabel} />
     </div>
 
     <div class="range-box-inner">
-        Review history:
         <label>
             <input type="radio" bind:group={revlogRange} value={RevlogRange.Month} />
             {month}
@@ -125,7 +128,7 @@
         </label>
         <label>
             <input type="radio" bind:group={revlogRange} value={RevlogRange.All} />
-            All
+            {all}
         </label>
     </div>
 </div>

ts/src/stats/IntervalsGraph.svelte

@@ -31,6 +31,7 @@
     }
 
     const month = timeSpan(i18n, 1 * MONTH);
+    const all = i18n.tr(i18n.TR.STATISTICS_RANGE_ALL_TIME);
 </script>
 
 {#if histogramData}
@@ -65,7 +66,7 @@
             </label>
             <label>
                 <input type="radio" bind:group={range} value={IntervalRange.All} />
-                All
+                {all}
             </label>
         </div>