From a8b44b09a404aee477e735501b828d1b14aad311 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Tue, 7 Jun 2022 01:33:52 +0200
Subject: feat: Add inital translation support

---
 .../app/pages/views/data-table-paginator.svelte    | 30 ++++++++++------------
 1 file changed, 14 insertions(+), 16 deletions(-)

(limited to 'apps/projects/src/app/pages/views/data-table-paginator.svelte')

diff --git a/apps/projects/src/app/pages/views/data-table-paginator.svelte b/apps/projects/src/app/pages/views/data-table-paginator.svelte
index 3d9834a..b2649eb 100644
--- a/apps/projects/src/app/pages/views/data-table-paginator.svelte
+++ b/apps/projects/src/app/pages/views/data-table-paginator.svelte
@@ -1,4 +1,5 @@
 <script>
+	import LL from "$app/lib/i18n/i18n-svelte";
 	import {createEventDispatcher, onMount} from "svelte";
 	import {restrict_input_to_numbers} from "$shared/lib/helpers";
 
@@ -52,8 +53,8 @@
             <button on:click={decrement}
                     class="reset pagination__item {canDecrement ? '' : 'c-disabled'}">
                 <svg class="icon icon--xs flip-x"
-                     viewBox="0 0 16 16"
-                ><title>Go to previous page</title>
+                     viewBox="0 0 16 16">
+                    <title>{$LL.views.dataTablePaginator.goToPrevPage()}</title>
                     <polyline
                             points="6 2 12 8 6 14"
                             fill="none"
@@ -68,26 +69,23 @@
 
         <li>
             <span class="pagination__jumper flex items-center">
-                <input
-                        aria-label="Page number"
-                        class="form-control"
-                        id="curr-page"
-                        type="text"
-                        on:change={handle_change}
-                        value={page}
+                <input aria-label="Page number"
+                       class="form-control"
+                       id="curr-page"
+                       type="text"
+                       on:change={handle_change}
+                       value={page}
                 />
-                <em>of {pageCount}</em>
+                <em>{$LL.views.dataTablePaginator.of()} {pageCount}</em>
             </span>
         </li>
 
         <li>
-            <button
-                    on:click={increment}
-                    class="reset pagination__item {canIncrement ? '' : 'c-disabled'}"
-            >
+            <button on:click={increment}
+                    class="reset pagination__item {canIncrement ? '' : 'c-disabled'}">
                 <svg class="icon icon--xs"
-                     viewBox="0 0 16 16"
-                ><title>Go to next page</title>
+                     viewBox="0 0 16 16">
+                    <title>{$LL.views.dataTablePaginator.goToNextPage()}</title>
                     <polyline
                             points="6 2 12 8 6 14"
                             fill="none"
-- 
cgit v1.3

