diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2020-11-17 23:24:39 +0100 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2020-11-17 23:24:39 +0100 |
| commit | 48c9a54712103e9ffb6401f9e729e7a5f0c09e5b (patch) | |
| tree | 242fb6ab36206cbc07e60263391ae1f5af1f5aa5 /grid/src/grid.ts | |
| parent | ef513ab232e6a6a738da64ad65febbf099e438a3 (diff) | |
| download | web-components-master.tar.xz web-components-master.zip | |
Diffstat (limited to 'grid/src/grid.ts')
| -rw-r--r-- | grid/src/grid.ts | 20 |
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); |
