hr-design-system-handlebars 1.114.33 → 1.114.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/pagination/pagination.hbs +2 -1
- package/dist/views/components/pagination/pagination_button_left.hbs +1 -0
- package/dist/views/components/pagination/pagination_button_right.hbs +1 -0
- package/dist/views/components/pagination/pagination_current_page_valid.hbs +2 -1
- package/dist/views/components/pagination/pagination_more_than_three_pages.hbs +43 -24
- package/dist/views_static/components/pagination/pagination.hbs +2 -1
- package/dist/views_static/components/pagination/pagination_button_left.hbs +1 -0
- package/dist/views_static/components/pagination/pagination_button_right.hbs +1 -0
- package/dist/views_static/components/pagination/pagination_current_page_valid.hbs +2 -1
- package/dist/views_static/components/pagination/pagination_more_than_three_pages.hbs +43 -24
- package/package.json +1 -1
- package/src/stories/views/components/pagination/page_pagination.stories.js +2 -0
- package/src/stories/views/components/pagination/page_pagination_unlinked_last_page.stories.js +80 -0
- package/src/stories/views/components/pagination/pagination.hbs +2 -1
- package/src/stories/views/components/pagination/pagination_button_left.hbs +1 -0
- package/src/stories/views/components/pagination/pagination_button_right.hbs +1 -0
- package/src/stories/views/components/pagination/pagination_current_page_valid.hbs +2 -1
- package/src/stories/views/components/pagination/pagination_more_than_three_pages.hbs +43 -24
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.114.35 (Tue Dec 10 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- removed -adjust_context because not needed in this context [#1184](https://github.com/mumprod/hr-design-system-handlebars/pull/1184) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.114.34 (Tue Dec 10 2024)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- SEO: Ticker-Paginierung anpassen [#1183](https://github.com/mumprod/hr-design-system-handlebars/pull/1183) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.114.33 (Mon Dec 09 2024)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3689,7 +3689,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3689
3689
|
border-bottom-color: var(--color-secondary-ds);
|
|
3690
3690
|
}
|
|
3691
3691
|
.counter-reset {
|
|
3692
|
-
counter-reset:
|
|
3692
|
+
counter-reset: cnt1733829566902;
|
|
3693
3693
|
}
|
|
3694
3694
|
.placeholder-text-xs::-webkit-input-placeholder {
|
|
3695
3695
|
font-size: 0.75rem;
|
|
@@ -4103,7 +4103,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
4103
4103
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
4104
4104
|
}
|
|
4105
4105
|
.-ordered {
|
|
4106
|
-
counter-increment:
|
|
4106
|
+
counter-increment: cnt1733829566902 1;
|
|
4107
4107
|
}
|
|
4108
4108
|
.-ordered::before {
|
|
4109
4109
|
position: absolute;
|
|
@@ -4121,7 +4121,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
4121
4121
|
--tw-text-opacity: 1;
|
|
4122
4122
|
color: rgba(0, 0, 0, 1);
|
|
4123
4123
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4124
|
-
content: counter(
|
|
4124
|
+
content: counter(cnt1733829566902);
|
|
4125
4125
|
}
|
|
4126
4126
|
/*! ****************************/
|
|
4127
4127
|
/*! DataPolicy stuff */
|
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
_onlyTwoPages=onlyTwoPages
|
|
9
9
|
_onlyThreePages=onlyThreePages
|
|
10
10
|
_totalPages=totalPages
|
|
11
|
-
_currentPage=currentPage
|
|
11
|
+
_currentPage=currentPage
|
|
12
|
+
_unlinkLastPage=_unlinkLastPage}}
|
|
12
13
|
{{else}}
|
|
13
14
|
{{> components/pagination/pagination_current_page_invalid
|
|
14
15
|
_moreThanOnePage=moreThanOnePage
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
{{#> components/button/button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="mr-1" _type="button"}}
|
|
2
|
+
<span class="sr-only">Vorherige Seite</span>
|
|
2
3
|
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
3
4
|
{{/components/button/button}}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
{{#with this}}
|
|
2
2
|
{{#> components/button/button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="ml-1" _type="button"}}
|
|
3
|
+
<span class="sr-only">Nächste Seite</span>
|
|
3
4
|
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
4
5
|
{{/components/button/button}}
|
|
5
6
|
{{#*inline "htmlProperties"}}{{/inline}}
|
|
@@ -9,15 +9,21 @@
|
|
|
9
9
|
{{#*inline "htmlProperties"}}
|
|
10
10
|
aria-current="true"
|
|
11
11
|
{{/inline}}
|
|
12
|
-
{{/with}}
|
|
13
|
-
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
14
|
-
{{#with this}}
|
|
15
|
-
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
16
|
-
<span class="sr-only">Zur Seite: </span>
|
|
17
|
-
{{> components/button/components/button_label _label=../../_totalPages-adjust_context _css=""}}
|
|
18
|
-
{{/components/button/link_button}}
|
|
19
|
-
{{#*inline "htmlProperties"}}{{/inline}}
|
|
20
12
|
{{/with}}
|
|
13
|
+
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
14
|
+
{{#if _unlinkLastPage}}
|
|
15
|
+
{{#with this}}
|
|
16
|
+
<span class="text-button-disabled--dark {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_dimension_classes _size='md' ~}}">{{ _totalPages }}</span>
|
|
17
|
+
{{/with}}
|
|
18
|
+
{{else}}
|
|
19
|
+
{{#with this}}
|
|
20
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
21
|
+
<span class="sr-only">Zur Seite: </span>
|
|
22
|
+
{{> components/button/components/button_label _label=../../_totalPages-adjust_context _css=""}}
|
|
23
|
+
{{/components/button/link_button}}
|
|
24
|
+
{{#*inline "htmlProperties"}}{{/inline}}
|
|
25
|
+
{{/with}}
|
|
26
|
+
{{/if}}
|
|
21
27
|
{{> components/pagination/pagination_button_right_linked }}
|
|
22
28
|
</div>
|
|
23
29
|
{{else}}
|
|
@@ -37,14 +43,20 @@
|
|
|
37
43
|
aria-current="true"
|
|
38
44
|
{{/inline}}
|
|
39
45
|
{{/with}}
|
|
40
|
-
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
41
|
-
{{#
|
|
42
|
-
{{
|
|
43
|
-
<span class="
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
{{
|
|
47
|
-
|
|
46
|
+
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
47
|
+
{{#if _unlinkLastPage}}
|
|
48
|
+
{{#with this}}
|
|
49
|
+
<span class="text-button-disabled--dark {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_dimension_classes _size='md' ~}}">{{ _totalPages }}</span>
|
|
50
|
+
{{/with}}
|
|
51
|
+
{{else}}
|
|
52
|
+
{{#with this}}
|
|
53
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
54
|
+
<span class="sr-only">Zur Seite: </span>
|
|
55
|
+
{{> components/button/components/button_label _label=../../_totalPages-adjust_context _css=""}}
|
|
56
|
+
{{/components/button/link_button}}
|
|
57
|
+
{{#*inline "htmlProperties"}}{{/inline}}
|
|
58
|
+
{{/with}}
|
|
59
|
+
{{/if}}
|
|
48
60
|
{{> components/pagination/pagination_button_right_linked }}
|
|
49
61
|
</div>
|
|
50
62
|
{{else}}
|
|
@@ -66,15 +78,22 @@
|
|
|
66
78
|
{{/with}}
|
|
67
79
|
{{~#if _notLastPage~}}
|
|
68
80
|
{{~#if _notLastButOnePage~}}
|
|
69
|
-
|
|
81
|
+
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
70
82
|
{{~/if~}}
|
|
71
|
-
{{#
|
|
72
|
-
{{
|
|
73
|
-
<span class="
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
{{
|
|
77
|
-
|
|
83
|
+
{{#if _unlinkLastPage}}
|
|
84
|
+
{{#with this}}
|
|
85
|
+
<span class="text-button-disabled--dark {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_dimension_classes _size='md' ~}}">{{ _totalPages }}</span>
|
|
86
|
+
{{/with}}
|
|
87
|
+
{{else}}
|
|
88
|
+
{{#with this}}
|
|
89
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
90
|
+
<span class="sr-only">Zur Seite: </span>
|
|
91
|
+
{{> components/button/components/button_label _label=../../_totalPages-adjust_context _css=""}}
|
|
92
|
+
{{/components/button/link_button}}
|
|
93
|
+
{{#*inline "htmlProperties"}}{{/inline}}
|
|
94
|
+
{{/with}}
|
|
95
|
+
{{/if}}
|
|
96
|
+
|
|
78
97
|
{{~/if~}}
|
|
79
98
|
{{~#if _notLastPage~}}
|
|
80
99
|
{{> components/pagination/pagination_button_right_linked }}
|
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
_onlyTwoPages=onlyTwoPages
|
|
9
9
|
_onlyThreePages=onlyThreePages
|
|
10
10
|
_totalPages=totalPages
|
|
11
|
-
_currentPage=currentPage
|
|
11
|
+
_currentPage=currentPage
|
|
12
|
+
_unlinkLastPage=_unlinkLastPage}}
|
|
12
13
|
{{else}}
|
|
13
14
|
{{> components/pagination/pagination_current_page_invalid
|
|
14
15
|
_moreThanOnePage=moreThanOnePage
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
{{#> components/button/button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="mr-1" _type="button"}}
|
|
2
|
+
<span class="sr-only">Vorherige Seite</span>
|
|
2
3
|
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
3
4
|
{{/components/button/button}}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
{{#with this}}
|
|
2
2
|
{{#> components/button/button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="ml-1" _type="button"}}
|
|
3
|
+
<span class="sr-only">Nächste Seite</span>
|
|
3
4
|
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
4
5
|
{{/components/button/button}}
|
|
5
6
|
{{#*inline "htmlProperties"}}{{/inline}}
|
|
@@ -9,15 +9,21 @@
|
|
|
9
9
|
{{#*inline "htmlProperties"}}
|
|
10
10
|
aria-current="true"
|
|
11
11
|
{{/inline}}
|
|
12
|
-
{{/with}}
|
|
13
|
-
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
14
|
-
{{#with this}}
|
|
15
|
-
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
16
|
-
<span class="sr-only">Zur Seite: </span>
|
|
17
|
-
{{> components/button/components/button_label _label=_totalPages _css=""}}
|
|
18
|
-
{{/components/button/link_button}}
|
|
19
|
-
{{#*inline "htmlProperties"}}{{/inline}}
|
|
20
12
|
{{/with}}
|
|
13
|
+
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
14
|
+
{{#if _unlinkLastPage}}
|
|
15
|
+
{{#with this}}
|
|
16
|
+
<span class="text-button-disabled--dark {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_dimension_classes _size='md' ~}}">{{ _totalPages }}</span>
|
|
17
|
+
{{/with}}
|
|
18
|
+
{{else}}
|
|
19
|
+
{{#with this}}
|
|
20
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
21
|
+
<span class="sr-only">Zur Seite: </span>
|
|
22
|
+
{{> components/button/components/button_label _label=_totalPages _css=""}}
|
|
23
|
+
{{/components/button/link_button}}
|
|
24
|
+
{{#*inline "htmlProperties"}}{{/inline}}
|
|
25
|
+
{{/with}}
|
|
26
|
+
{{/if}}
|
|
21
27
|
{{> components/pagination/pagination_button_right_linked }}
|
|
22
28
|
</div>
|
|
23
29
|
{{else}}
|
|
@@ -37,14 +43,20 @@
|
|
|
37
43
|
aria-current="true"
|
|
38
44
|
{{/inline}}
|
|
39
45
|
{{/with}}
|
|
40
|
-
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
41
|
-
{{#
|
|
42
|
-
{{
|
|
43
|
-
<span class="
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
{{
|
|
47
|
-
|
|
46
|
+
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
47
|
+
{{#if _unlinkLastPage}}
|
|
48
|
+
{{#with this}}
|
|
49
|
+
<span class="text-button-disabled--dark {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_dimension_classes _size='md' ~}}">{{ _totalPages }}</span>
|
|
50
|
+
{{/with}}
|
|
51
|
+
{{else}}
|
|
52
|
+
{{#with this}}
|
|
53
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
54
|
+
<span class="sr-only">Zur Seite: </span>
|
|
55
|
+
{{> components/button/components/button_label _label=_totalPages _css=""}}
|
|
56
|
+
{{/components/button/link_button}}
|
|
57
|
+
{{#*inline "htmlProperties"}}{{/inline}}
|
|
58
|
+
{{/with}}
|
|
59
|
+
{{/if}}
|
|
48
60
|
{{> components/pagination/pagination_button_right_linked }}
|
|
49
61
|
</div>
|
|
50
62
|
{{else}}
|
|
@@ -66,15 +78,22 @@
|
|
|
66
78
|
{{/with}}
|
|
67
79
|
{{~#if _notLastPage~}}
|
|
68
80
|
{{~#if _notLastButOnePage~}}
|
|
69
|
-
|
|
81
|
+
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
70
82
|
{{~/if~}}
|
|
71
|
-
{{#
|
|
72
|
-
{{
|
|
73
|
-
<span class="
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
{{
|
|
77
|
-
|
|
83
|
+
{{#if _unlinkLastPage}}
|
|
84
|
+
{{#with this}}
|
|
85
|
+
<span class="text-button-disabled--dark {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_dimension_classes _size='md' ~}}">{{ _totalPages }}</span>
|
|
86
|
+
{{/with}}
|
|
87
|
+
{{else}}
|
|
88
|
+
{{#with this}}
|
|
89
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
90
|
+
<span class="sr-only">Zur Seite: </span>
|
|
91
|
+
{{> components/button/components/button_label _label=_totalPages _css=""}}
|
|
92
|
+
{{/components/button/link_button}}
|
|
93
|
+
{{#*inline "htmlProperties"}}{{/inline}}
|
|
94
|
+
{{/with}}
|
|
95
|
+
{{/if}}
|
|
96
|
+
|
|
78
97
|
{{~/if~}}
|
|
79
98
|
{{~#if _notLastPage~}}
|
|
80
99
|
{{> components/pagination/pagination_button_right_linked }}
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"repository": "https://github.com/szuelch/hr-design-system-handlebars",
|
|
9
|
-
"version": "1.114.
|
|
9
|
+
"version": "1.114.35",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { getSnapshotsTemplate } from '/src/assets/js/utils.js'
|
|
2
|
+
import fixtures from './fixtures/page_pagination.json'
|
|
3
|
+
|
|
4
|
+
const handlebars = require('hrHandlebars')
|
|
5
|
+
const hbsTemplates = []
|
|
6
|
+
hbsTemplates['default'] = handlebars.compile(`
|
|
7
|
+
{{> components/pagination/pagination _unlinkLastPage=true }}
|
|
8
|
+
`)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
const Template = (args) => {
|
|
13
|
+
return hbsTemplates['default']({ ...args })
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
const snapshotTemplate = (args) => {
|
|
17
|
+
return getSnapshotsTemplate({ hbsTemplates, args })
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export default {
|
|
21
|
+
title: 'Komponenten/Pagination/Letzte Seite nicht verlinkt',
|
|
22
|
+
argTypes: {},
|
|
23
|
+
|
|
24
|
+
parameters: {
|
|
25
|
+
layout: 'fullscreen',
|
|
26
|
+
|
|
27
|
+
docs: {
|
|
28
|
+
inlineStories: false,
|
|
29
|
+
iframeHeight: 400,
|
|
30
|
+
},
|
|
31
|
+
chromatic: {
|
|
32
|
+
disableSnapshot: true
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export const MitPagination = {
|
|
38
|
+
render: Template.bind({}),
|
|
39
|
+
name: 'Pagination mehr als 3 Seiten',
|
|
40
|
+
args: fixtures.more_than_three_first.args,
|
|
41
|
+
}
|
|
42
|
+
export const MitPagination2 = {
|
|
43
|
+
render: Template.bind({}),
|
|
44
|
+
name: 'Pagination mehr als 3 Seiten (zweite Seite aktiv)',
|
|
45
|
+
args: fixtures.more_than_three_second.args,
|
|
46
|
+
}
|
|
47
|
+
export const MitPagination3 = {
|
|
48
|
+
render: Template.bind({}),
|
|
49
|
+
name: 'Pagination mehr als 3 Seiten (vorletzte Seite aktiv)',
|
|
50
|
+
args: fixtures.more_than_three_but_not_last.args,
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
export const MitPagination4 = {
|
|
54
|
+
render: Template.bind({}),
|
|
55
|
+
name: 'Pagination mehr als 3 Seiten (Seite mitten drin aktiv)',
|
|
56
|
+
args: fixtures.more_than_three_one_but_not_last.args,
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
export const MitPagination5 = {
|
|
60
|
+
render: Template.bind({}),
|
|
61
|
+
name: 'Pagination mehr als 3 Seiten (letzte Seite aktiv)',
|
|
62
|
+
args: fixtures.more_than_three_last.args,
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
export const Snapshot = {
|
|
66
|
+
render: snapshotTemplate.bind({}),
|
|
67
|
+
name: 'Snapshot',
|
|
68
|
+
decorators: [
|
|
69
|
+
(Story) => {
|
|
70
|
+
return `<div class="mx-8">
|
|
71
|
+
${Story()}
|
|
72
|
+
</div>`
|
|
73
|
+
},
|
|
74
|
+
],
|
|
75
|
+
|
|
76
|
+
args: fixtures,
|
|
77
|
+
parameters: {
|
|
78
|
+
chromatic: { disableSnapshot: false },
|
|
79
|
+
}
|
|
80
|
+
}
|
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
_onlyTwoPages=onlyTwoPages
|
|
9
9
|
_onlyThreePages=onlyThreePages
|
|
10
10
|
_totalPages=totalPages
|
|
11
|
-
_currentPage=currentPage
|
|
11
|
+
_currentPage=currentPage
|
|
12
|
+
_unlinkLastPage=_unlinkLastPage}}
|
|
12
13
|
{{else}}
|
|
13
14
|
{{> components/pagination/pagination_current_page_invalid
|
|
14
15
|
_moreThanOnePage=moreThanOnePage
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
{{#> components/button/button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="mr-1" _type="button"}}
|
|
2
|
+
<span class="sr-only">Vorherige Seite</span>
|
|
2
3
|
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
3
4
|
{{/components/button/button}}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
{{#with this}}
|
|
2
2
|
{{#> components/button/button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="ml-1" _type="button"}}
|
|
3
|
+
<span class="sr-only">Nächste Seite</span>
|
|
3
4
|
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
4
5
|
{{/components/button/button}}
|
|
5
6
|
{{#*inline "htmlProperties"}}{{/inline}}
|
|
@@ -9,15 +9,21 @@
|
|
|
9
9
|
{{#*inline "htmlProperties"}}
|
|
10
10
|
aria-current="true"
|
|
11
11
|
{{/inline}}
|
|
12
|
-
{{/with}}
|
|
13
|
-
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
14
|
-
{{#with this}}
|
|
15
|
-
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
16
|
-
<span class="sr-only">Zur Seite: </span>
|
|
17
|
-
{{> components/button/components/button_label _label=_totalPages-adjust_context _css=""}}
|
|
18
|
-
{{/components/button/link_button}}
|
|
19
|
-
{{#*inline "htmlProperties"}}{{/inline}}
|
|
20
12
|
{{/with}}
|
|
13
|
+
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
14
|
+
{{#if _unlinkLastPage}}
|
|
15
|
+
{{#with this}}
|
|
16
|
+
<span class="text-button-disabled--dark {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_dimension_classes _size='md' ~}}">{{ _totalPages }}</span>
|
|
17
|
+
{{/with}}
|
|
18
|
+
{{else}}
|
|
19
|
+
{{#with this}}
|
|
20
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
21
|
+
<span class="sr-only">Zur Seite: </span>
|
|
22
|
+
{{> components/button/components/button_label _label=_totalPages-adjust_context _css=""}}
|
|
23
|
+
{{/components/button/link_button}}
|
|
24
|
+
{{#*inline "htmlProperties"}}{{/inline}}
|
|
25
|
+
{{/with}}
|
|
26
|
+
{{/if}}
|
|
21
27
|
{{> components/pagination/pagination_button_right_linked }}
|
|
22
28
|
</div>
|
|
23
29
|
{{else}}
|
|
@@ -37,14 +43,20 @@
|
|
|
37
43
|
aria-current="true"
|
|
38
44
|
{{/inline}}
|
|
39
45
|
{{/with}}
|
|
40
|
-
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
41
|
-
{{#
|
|
42
|
-
{{
|
|
43
|
-
<span class="
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
{{
|
|
47
|
-
|
|
46
|
+
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
47
|
+
{{#if _unlinkLastPage}}
|
|
48
|
+
{{#with this}}
|
|
49
|
+
<span class="text-button-disabled--dark {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_dimension_classes _size='md' ~}}">{{ _totalPages }}</span>
|
|
50
|
+
{{/with}}
|
|
51
|
+
{{else}}
|
|
52
|
+
{{#with this}}
|
|
53
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
54
|
+
<span class="sr-only">Zur Seite: </span>
|
|
55
|
+
{{> components/button/components/button_label _label=_totalPages-adjust_context _css=""}}
|
|
56
|
+
{{/components/button/link_button}}
|
|
57
|
+
{{#*inline "htmlProperties"}}{{/inline}}
|
|
58
|
+
{{/with}}
|
|
59
|
+
{{/if}}
|
|
48
60
|
{{> components/pagination/pagination_button_right_linked }}
|
|
49
61
|
</div>
|
|
50
62
|
{{else}}
|
|
@@ -66,15 +78,22 @@
|
|
|
66
78
|
{{/with}}
|
|
67
79
|
{{~#if _notLastPage~}}
|
|
68
80
|
{{~#if _notLastButOnePage~}}
|
|
69
|
-
|
|
81
|
+
<span class="pt-1 ml-2 mr-2 font-title dark:text-link-dark">…</span>
|
|
70
82
|
{{~/if~}}
|
|
71
|
-
{{#
|
|
72
|
-
{{
|
|
73
|
-
<span class="
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
{{
|
|
77
|
-
|
|
83
|
+
{{#if _unlinkLastPage}}
|
|
84
|
+
{{#with this}}
|
|
85
|
+
<span class="text-button-disabled--dark {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_dimension_classes _size='md' ~}}">{{ _totalPages }}</span>
|
|
86
|
+
{{/with}}
|
|
87
|
+
{{else}}
|
|
88
|
+
{{#with this}}
|
|
89
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
90
|
+
<span class="sr-only">Zur Seite: </span>
|
|
91
|
+
{{> components/button/components/button_label _label=_totalPages-adjust_context _css=""}}
|
|
92
|
+
{{/components/button/link_button}}
|
|
93
|
+
{{#*inline "htmlProperties"}}{{/inline}}
|
|
94
|
+
{{/with}}
|
|
95
|
+
{{/if}}
|
|
96
|
+
|
|
78
97
|
{{~/if~}}
|
|
79
98
|
{{~#if _notLastPage~}}
|
|
80
99
|
{{> components/pagination/pagination_button_right_linked }}
|