summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--grid/src/grid.ts20
1 files changed, 17 insertions, 3 deletions
diff --git a/grid/src/grid.ts b/grid/src/grid.ts
index 794e49b..f2e1456 100644
--- a/grid/src/grid.ts
+++ b/grid/src/grid.ts
@@ -8,6 +8,7 @@ interface GridProps {
pageSize?: number;
search?: SearchConfiguration;
classes?: GridClasses;
+ strings?: GridStrings;
}
interface GridConfiguration {
@@ -18,6 +19,13 @@ interface GridConfiguration {
pageSize: number;
search: SearchConfiguration;
classes: GridClasses;
+ strings: GridStrings;
+}
+
+interface GridStrings {
+ previousPage: string;
+ nextPage: string;
+ search: string;
}
interface GridClasses {
@@ -53,6 +61,11 @@ export default class Grid {
search: {
dataIds: [],
},
+ strings: {
+ nextPage: "Neste",
+ previousPage: "Forrige",
+ search: "Søk",
+ },
};
private configuration: GridConfiguration;
private domElement: Element;
@@ -81,6 +94,7 @@ export default class Grid {
this.configuration.pageSize = props.pageSize ?? this.defaultOptions.pageSize;
this.configuration.classes = props.classes ?? this.defaultOptions.classes;
this.configuration.search = props.search ?? this.defaultOptions.search;
+ this.configuration.strings = props.strings ?? this.defaultOptions.strings;
}
private validateOptions(): void {
@@ -112,7 +126,7 @@ export default class Grid {
const previousLink = document.createElement("span");
previousLink.style.cursor = "pointer";
previousLink.className = "page-link";
- previousLink.innerText = "Forrige";
+ previousLink.innerText = this.configuration.strings.previousPage;
previousItem.appendChild(previousLink);
ul.appendChild(previousItem);
@@ -135,7 +149,7 @@ export default class Grid {
const nextLink = document.createElement("span");
nextLink.style.cursor = "pointer";
nextLink.className = "page-link";
- nextLink.innerText = "Neste";
+ nextLink.innerText = this.configuration.strings.nextPage;
nextItem.appendChild(nextLink);
ul.appendChild(nextItem);
@@ -256,7 +270,7 @@ export default class Grid {
const searchInput = document.createElement("input");
searchInput.type = "text";
searchInput.className = "form-control";
- searchInput.placeholder = "Søk";
+ searchInput.placeholder = this.configuration.strings.search;
searchInput.oninput = () => this.search(searchInput.value);
wrapper.appendChild(searchInput);
this.domElement.appendChild(wrapper);