hr-design-system-handlebars 1.59.0 → 1.59.2
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 +28 -0
- package/dist/assets/index.css +11 -3
- package/dist/views/components/page/components/author.hbs +20 -2
- package/dist/views/components/page/components/commentlink.hbs +2 -2
- package/dist/views/components/page/components/metadatabox.hbs +6 -6
- package/dist/views/components/page/components/socialsharing.hbs +78 -3
- package/dist/views/components/page/story/story_article.hbs +1 -1
- package/dist/views_static/components/page/components/author.hbs +20 -2
- package/dist/views_static/components/page/components/commentlink.hbs +2 -2
- package/dist/views_static/components/page/components/metadatabox.hbs +6 -6
- package/dist/views_static/components/page/components/socialsharing.hbs +78 -3
- package/dist/views_static/components/page/story/story_article.hbs +1 -1
- package/package.json +2 -2
- package/src/stories/views/components/page/components/author.hbs +20 -2
- package/src/stories/views/components/page/components/commentlink.hbs +2 -2
- package/src/stories/views/components/page/components/metadatabox.hbs +6 -6
- package/src/stories/views/components/page/components/socialsharing.hbs +78 -3
- package/src/stories/views/components/page/story/story_article.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,31 @@
|
|
|
1
|
+
# v1.59.2 (Thu Feb 22 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- add social-sharing-component [#857](https://github.com/mumprod/hr-design-system-handlebars/pull/857) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.59.1 (Thu Feb 22 2024)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- :bug: Update auto package to it's latest version to solve the issue from https://github.com/intuit/auto/issues/2425 [#856](https://github.com/mumprod/hr-design-system-handlebars/pull/856) ([@szuelch](https://github.com/szuelch))
|
|
18
|
+
- small whitespace change [#855](https://github.com/mumprod/hr-design-system-handlebars/pull/855) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
19
|
+
- add author-list [#854](https://github.com/mumprod/hr-design-system-handlebars/pull/854) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
20
|
+
|
|
21
|
+
#### Authors: 3
|
|
22
|
+
|
|
23
|
+
- [@szuelch](https://github.com/szuelch)
|
|
24
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
25
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
26
|
+
|
|
27
|
+
---
|
|
28
|
+
|
|
1
29
|
# v1.59.0 (Wed Feb 21 2024)
|
|
2
30
|
|
|
3
31
|
#### 🚀 Enhancement
|
package/dist/assets/index.css
CHANGED
|
@@ -1286,6 +1286,9 @@ article.indexText ul {
|
|
|
1286
1286
|
.mb-0 {
|
|
1287
1287
|
margin-bottom: 0px;
|
|
1288
1288
|
}
|
|
1289
|
+
.mb-1 {
|
|
1290
|
+
margin-bottom: 0.25rem;
|
|
1291
|
+
}
|
|
1289
1292
|
.mb-10 {
|
|
1290
1293
|
margin-bottom: 2.5rem;
|
|
1291
1294
|
}
|
|
@@ -3255,7 +3258,7 @@ article.indexText ul {
|
|
|
3255
3258
|
border-bottom-color: var(--color-secondary-ds);
|
|
3256
3259
|
}
|
|
3257
3260
|
.counter-reset {
|
|
3258
|
-
counter-reset:
|
|
3261
|
+
counter-reset: cnt1708612386205;
|
|
3259
3262
|
}
|
|
3260
3263
|
.hyphens-auto {
|
|
3261
3264
|
-webkit-hyphens: auto;
|
|
@@ -3578,7 +3581,7 @@ article.indexText ul {
|
|
|
3578
3581
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3579
3582
|
}
|
|
3580
3583
|
.-ordered {
|
|
3581
|
-
counter-increment:
|
|
3584
|
+
counter-increment: cnt1708612386205 1;
|
|
3582
3585
|
}
|
|
3583
3586
|
.-ordered::before {
|
|
3584
3587
|
position: absolute;
|
|
@@ -3594,7 +3597,7 @@ article.indexText ul {
|
|
|
3594
3597
|
letter-spacing: .0125em;
|
|
3595
3598
|
--tw-text-opacity: 1;
|
|
3596
3599
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3597
|
-
content: counter(
|
|
3600
|
+
content: counter(cnt1708612386205);
|
|
3598
3601
|
}
|
|
3599
3602
|
/*! ****************************/
|
|
3600
3603
|
/*! DataPolicy stuff */
|
|
@@ -5720,6 +5723,11 @@ article.indexText ul {
|
|
|
5720
5723
|
margin-bottom: 3.5rem;
|
|
5721
5724
|
}
|
|
5722
5725
|
|
|
5726
|
+
.sm\:my-4 {
|
|
5727
|
+
margin-top: 1rem;
|
|
5728
|
+
margin-bottom: 1rem;
|
|
5729
|
+
}
|
|
5730
|
+
|
|
5723
5731
|
.sm\:mb-14 {
|
|
5724
5732
|
margin-bottom: 3.5rem;
|
|
5725
5733
|
}
|
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
{{#if this.hasMoreThanOneAuthor}}
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
{{#with this.authorItems}}
|
|
4
|
+
<p class="mb-1 text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
|
|
5
|
+
{{#each this}}
|
|
6
|
+
{{#if this.hasProfileLink}}
|
|
7
|
+
{{this.from}}
|
|
8
|
+
{{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
|
|
9
|
+
<span>{{../this.authorName~}}</span>
|
|
10
|
+
{{/components/base/link}}
|
|
11
|
+
{{#with this.textAfterAuthor}} {{this}}{{/with}}
|
|
12
|
+
{{this.delimiter}}
|
|
13
|
+
{{else}}
|
|
14
|
+
{{this.from}}
|
|
15
|
+
{{#with this.textAfterAuthor}} {{this}}{{/with}}{{this.delimiter}}
|
|
16
|
+
{{/if}}
|
|
17
|
+
{{/each}}
|
|
18
|
+
</p>
|
|
19
|
+
{{/with}}
|
|
20
|
+
|
|
3
21
|
{{else}}
|
|
4
22
|
|
|
5
23
|
{{#if this.authorTitle~}}
|
|
@@ -16,7 +34,7 @@
|
|
|
16
34
|
<div class="self-start text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
|
|
17
35
|
{{#unless _hideFrom }}Von{{/unless}}
|
|
18
36
|
{{#if this.authorUrl~}}
|
|
19
|
-
<a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline ">{{this.authorTitle}}</a>
|
|
37
|
+
<a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
|
|
20
38
|
{{else}}
|
|
21
39
|
{{this.authorTitle}}
|
|
22
40
|
{{/if}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{{#with this.userComments ~}}
|
|
2
|
-
<div class="mt-
|
|
2
|
+
<div class="{{#unless ../this.hasMoreThanOneAuthor}}ml-14 {{/unless}}mt-2 -mb-1">
|
|
3
3
|
<span class="relative z-30 whitespace-nowrap">
|
|
4
|
-
<a class="text-link hover:underline" href="#commentList">
|
|
4
|
+
<a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
|
|
5
5
|
{{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
|
|
6
6
|
<span class="sr-only">{{loca "comment_anchor_1"}}</span>
|
|
7
7
|
<span class="text-link">{{this.quantity}}</span>
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
<div class="clear-both mt-3 border-y-2 border-gray-scorpion">
|
|
2
|
-
<div class="flex clear-both w-full
|
|
2
|
+
<div class="flex clear-both w-full my-2 sm:my-4">
|
|
3
3
|
<div>
|
|
4
|
-
|
|
4
|
+
{{> components/page/components/author _hideFrom=false }}
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
{{#if _showDate }}
|
|
7
|
+
{{> components/page/components/publicationdate }}
|
|
8
|
+
{{/if}}
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
{{> components/page/components/commentlink }}
|
|
11
11
|
</div>
|
|
12
12
|
|
|
13
13
|
{{> components/page/components/socialsharing }}
|
|
@@ -1,3 +1,78 @@
|
|
|
1
|
-
|
|
2
|
-
<div class="
|
|
3
|
-
|
|
1
|
+
{{~#with this.socialSharing ~}}
|
|
2
|
+
<div class="self-center hidden sm:block grow">
|
|
3
|
+
|
|
4
|
+
<ul class="flex justify-end">
|
|
5
|
+
{{~#with this.twitterLink ~}}
|
|
6
|
+
<li class="float-left mr-3">
|
|
7
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
8
|
+
href="{{this}}"
|
|
9
|
+
target="_blank"
|
|
10
|
+
rel="noopener noreferrer"
|
|
11
|
+
title="{{loca "share_x_linktitle" }}"
|
|
12
|
+
{{#with ../../this.content.trackingData}}
|
|
13
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::X"}]}'
|
|
14
|
+
{{/with}}
|
|
15
|
+
>
|
|
16
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#0f1419] hover:scale-105" _icon="x" _iconmap="icons" ~}}
|
|
17
|
+
</a>
|
|
18
|
+
</li>
|
|
19
|
+
{{~/with~}}
|
|
20
|
+
{{~#with this.facebookLink ~}}
|
|
21
|
+
<li class="float-left mr-3">
|
|
22
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
23
|
+
href="{{this}}"
|
|
24
|
+
target="_blank"
|
|
25
|
+
rel="noopener noreferrer"
|
|
26
|
+
title="{{loca "share_facebook_linktitle" }}"
|
|
27
|
+
{{#with ../../this.content.trackingData}}
|
|
28
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
|
|
29
|
+
{{/with}}
|
|
30
|
+
>
|
|
31
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999] hover:scale-105" _icon="facebook" _iconmap="icons" ~}}
|
|
32
|
+
</a>
|
|
33
|
+
</li>
|
|
34
|
+
{{~/with~}}
|
|
35
|
+
{{~#with this.whatsappLink ~}}
|
|
36
|
+
<li class="float-left mr-3">
|
|
37
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
38
|
+
href="{{this}}"
|
|
39
|
+
target="_blank"
|
|
40
|
+
rel="noopener noreferrer"
|
|
41
|
+
title="{{loca "share_whatsapp_linktitle" }}"
|
|
42
|
+
{{#with ../../this.content.trackingData}}
|
|
43
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
|
|
44
|
+
{{/with}}
|
|
45
|
+
>
|
|
46
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247] hover:scale-105" _icon="whatsapp" _iconmap="icons" ~}}
|
|
47
|
+
</a>
|
|
48
|
+
</li>
|
|
49
|
+
{{~/with~}}
|
|
50
|
+
{{~#with this.mailtoLink ~}}
|
|
51
|
+
<li class="float-left mr-3">
|
|
52
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
53
|
+
href="{{this}}"
|
|
54
|
+
title="{{loca "share_mail_linktitle" }}"
|
|
55
|
+
{{#with ../../this.content.trackingData}}
|
|
56
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
|
|
57
|
+
{{/with}}
|
|
58
|
+
>
|
|
59
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1] hover:scale-105" _icon="mail" _iconmap="icons" ~}}
|
|
60
|
+
</a>
|
|
61
|
+
</li>
|
|
62
|
+
{{~/with~}}
|
|
63
|
+
|
|
64
|
+
<li class="float-left">
|
|
65
|
+
<a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
|
|
66
|
+
href="javascript:window.print()"
|
|
67
|
+
title="{{loca "share_print_linktitle" }}"
|
|
68
|
+
{{#with ../this.content.trackingData}}
|
|
69
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
|
|
70
|
+
{{/with}}
|
|
71
|
+
>
|
|
72
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060] hover:scale-105" _icon="print" _iconmap="icons" ~}}
|
|
73
|
+
</a>
|
|
74
|
+
</li>
|
|
75
|
+
</ul>
|
|
76
|
+
|
|
77
|
+
</div>
|
|
78
|
+
{{~/with~}}
|
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
{{#if this.hasMoreThanOneAuthor}}
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
{{#with this.authorItems}}
|
|
4
|
+
<p class="mb-1 text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
|
|
5
|
+
{{#each this}}
|
|
6
|
+
{{#if this.hasProfileLink}}
|
|
7
|
+
{{this.from}}
|
|
8
|
+
{{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
|
|
9
|
+
<span>{{../this.authorName~}}</span>
|
|
10
|
+
{{/components/base/link}}
|
|
11
|
+
{{#with this.textAfterAuthor}} {{this}}{{/with}}
|
|
12
|
+
{{this.delimiter}}
|
|
13
|
+
{{else}}
|
|
14
|
+
{{this.from}}
|
|
15
|
+
{{#with this.textAfterAuthor}} {{this}}{{/with}}{{this.delimiter}}
|
|
16
|
+
{{/if}}
|
|
17
|
+
{{/each}}
|
|
18
|
+
</p>
|
|
19
|
+
{{/with}}
|
|
20
|
+
|
|
3
21
|
{{else}}
|
|
4
22
|
|
|
5
23
|
{{#if this.authorTitle~}}
|
|
@@ -16,7 +34,7 @@
|
|
|
16
34
|
<div class="self-start text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
|
|
17
35
|
{{#unless _hideFrom }}Von{{/unless}}
|
|
18
36
|
{{#if this.authorUrl~}}
|
|
19
|
-
<a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline ">{{this.authorTitle}}</a>
|
|
37
|
+
<a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
|
|
20
38
|
{{else}}
|
|
21
39
|
{{this.authorTitle}}
|
|
22
40
|
{{/if}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{{#with this.userComments ~}}
|
|
2
|
-
<div class="mt-
|
|
2
|
+
<div class="{{#unless ../this.hasMoreThanOneAuthor}}ml-14 {{/unless}}mt-2 -mb-1">
|
|
3
3
|
<span class="relative z-30 whitespace-nowrap">
|
|
4
|
-
<a class="text-link hover:underline" href="#commentList">
|
|
4
|
+
<a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
|
|
5
5
|
{{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
|
|
6
6
|
<span class="sr-only">{{loca "comment_anchor_1"}}</span>
|
|
7
7
|
<span class="text-link">{{this.quantity}}</span>
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
<div class="clear-both mt-3 border-y-2 border-gray-scorpion">
|
|
2
|
-
<div class="flex clear-both w-full
|
|
2
|
+
<div class="flex clear-both w-full my-2 sm:my-4">
|
|
3
3
|
<div>
|
|
4
|
-
|
|
4
|
+
{{> components/page/components/author _hideFrom=false }}
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
{{#if _showDate }}
|
|
7
|
+
{{> components/page/components/publicationdate }}
|
|
8
|
+
{{/if}}
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
{{> components/page/components/commentlink }}
|
|
11
11
|
</div>
|
|
12
12
|
|
|
13
13
|
{{> components/page/components/socialsharing }}
|
|
@@ -1,3 +1,78 @@
|
|
|
1
|
-
|
|
2
|
-
<div class="
|
|
3
|
-
|
|
1
|
+
{{~#with this.socialSharing ~}}
|
|
2
|
+
<div class="self-center hidden sm:block grow">
|
|
3
|
+
|
|
4
|
+
<ul class="flex justify-end">
|
|
5
|
+
{{~#with this.twitterLink ~}}
|
|
6
|
+
<li class="float-left mr-3">
|
|
7
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
8
|
+
href="{{this}}"
|
|
9
|
+
target="_blank"
|
|
10
|
+
rel="noopener noreferrer"
|
|
11
|
+
title="{{loca "share_x_linktitle" }}"
|
|
12
|
+
{{#with ../../this.content.trackingData}}
|
|
13
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::X"}]}'
|
|
14
|
+
{{/with}}
|
|
15
|
+
>
|
|
16
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#0f1419] hover:scale-105" _icon="x" _iconmap="icons" ~}}
|
|
17
|
+
</a>
|
|
18
|
+
</li>
|
|
19
|
+
{{~/with~}}
|
|
20
|
+
{{~#with this.facebookLink ~}}
|
|
21
|
+
<li class="float-left mr-3">
|
|
22
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
23
|
+
href="{{this}}"
|
|
24
|
+
target="_blank"
|
|
25
|
+
rel="noopener noreferrer"
|
|
26
|
+
title="{{loca "share_facebook_linktitle" }}"
|
|
27
|
+
{{#with ../../this.content.trackingData}}
|
|
28
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
|
|
29
|
+
{{/with}}
|
|
30
|
+
>
|
|
31
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999] hover:scale-105" _icon="facebook" _iconmap="icons" ~}}
|
|
32
|
+
</a>
|
|
33
|
+
</li>
|
|
34
|
+
{{~/with~}}
|
|
35
|
+
{{~#with this.whatsappLink ~}}
|
|
36
|
+
<li class="float-left mr-3">
|
|
37
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
38
|
+
href="{{this}}"
|
|
39
|
+
target="_blank"
|
|
40
|
+
rel="noopener noreferrer"
|
|
41
|
+
title="{{loca "share_whatsapp_linktitle" }}"
|
|
42
|
+
{{#with ../../this.content.trackingData}}
|
|
43
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
|
|
44
|
+
{{/with}}
|
|
45
|
+
>
|
|
46
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247] hover:scale-105" _icon="whatsapp" _iconmap="icons" ~}}
|
|
47
|
+
</a>
|
|
48
|
+
</li>
|
|
49
|
+
{{~/with~}}
|
|
50
|
+
{{~#with this.mailtoLink ~}}
|
|
51
|
+
<li class="float-left mr-3">
|
|
52
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
53
|
+
href="{{this}}"
|
|
54
|
+
title="{{loca "share_mail_linktitle" }}"
|
|
55
|
+
{{#with ../../this.content.trackingData}}
|
|
56
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
|
|
57
|
+
{{/with}}
|
|
58
|
+
>
|
|
59
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1] hover:scale-105" _icon="mail" _iconmap="icons" ~}}
|
|
60
|
+
</a>
|
|
61
|
+
</li>
|
|
62
|
+
{{~/with~}}
|
|
63
|
+
|
|
64
|
+
<li class="float-left">
|
|
65
|
+
<a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
|
|
66
|
+
href="javascript:window.print()"
|
|
67
|
+
title="{{loca "share_print_linktitle" }}"
|
|
68
|
+
{{#with ../this.content.trackingData}}
|
|
69
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
|
|
70
|
+
{{/with}}
|
|
71
|
+
>
|
|
72
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060] hover:scale-105" _icon="print" _iconmap="icons" ~}}
|
|
73
|
+
</a>
|
|
74
|
+
</li>
|
|
75
|
+
</ul>
|
|
76
|
+
|
|
77
|
+
</div>
|
|
78
|
+
{{~/with~}}
|
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.59.
|
|
9
|
+
"version": "1.59.2",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@storybook/html": "^7.2.1",
|
|
54
54
|
"@storybook/html-webpack5": "7.2.1",
|
|
55
55
|
"@storybook/theming": "^7.2.1",
|
|
56
|
-
"auto": "^
|
|
56
|
+
"auto": "^11.0.5",
|
|
57
57
|
"autoprefixer": "^10.4.2",
|
|
58
58
|
"babel-loader": "^8.2.2",
|
|
59
59
|
"chromatic": "^10.9.5",
|
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
{{#if this.hasMoreThanOneAuthor}}
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
{{#with this.authorItems}}
|
|
4
|
+
<p class="mb-1 text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
|
|
5
|
+
{{#each this}}
|
|
6
|
+
{{#if this.hasProfileLink}}
|
|
7
|
+
{{this.from}}
|
|
8
|
+
{{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
|
|
9
|
+
<span>{{../this.authorName~}}</span>
|
|
10
|
+
{{/components/base/link}}
|
|
11
|
+
{{#with this.textAfterAuthor}} {{this}}{{/with}}
|
|
12
|
+
{{this.delimiter}}
|
|
13
|
+
{{else}}
|
|
14
|
+
{{this.from}}
|
|
15
|
+
{{#with this.textAfterAuthor}} {{this}}{{/with}}{{this.delimiter}}
|
|
16
|
+
{{/if}}
|
|
17
|
+
{{/each}}
|
|
18
|
+
</p>
|
|
19
|
+
{{/with}}
|
|
20
|
+
|
|
3
21
|
{{else}}
|
|
4
22
|
|
|
5
23
|
{{#if this.authorTitle~}}
|
|
@@ -16,7 +34,7 @@
|
|
|
16
34
|
<div class="self-start text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
|
|
17
35
|
{{#unless _hideFrom }}Von{{/unless}}
|
|
18
36
|
{{#if this.authorUrl~}}
|
|
19
|
-
<a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline ">{{this.authorTitle}}</a>
|
|
37
|
+
<a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
|
|
20
38
|
{{else}}
|
|
21
39
|
{{this.authorTitle}}
|
|
22
40
|
{{/if}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{{#with this.userComments ~}}
|
|
2
|
-
<div class="mt-
|
|
2
|
+
<div class="{{#unless ../this.hasMoreThanOneAuthor}}ml-14 {{/unless}}mt-2 -mb-1">
|
|
3
3
|
<span class="relative z-30 whitespace-nowrap">
|
|
4
|
-
<a class="text-link hover:underline" href="#commentList">
|
|
4
|
+
<a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
|
|
5
5
|
{{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
|
|
6
6
|
<span class="sr-only">{{loca "comment_anchor_1"}}</span>
|
|
7
7
|
<span class="text-link">{{this.quantity}}</span>
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
<div class="clear-both mt-3 border-y-2 border-gray-scorpion">
|
|
2
|
-
<div class="flex clear-both w-full
|
|
2
|
+
<div class="flex clear-both w-full my-2 sm:my-4">
|
|
3
3
|
<div>
|
|
4
|
-
|
|
4
|
+
{{> components/page/components/author _hideFrom=false }}
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
{{#if _showDate }}
|
|
7
|
+
{{> components/page/components/publicationdate }}
|
|
8
|
+
{{/if}}
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
{{> components/page/components/commentlink }}
|
|
11
11
|
</div>
|
|
12
12
|
|
|
13
13
|
{{> components/page/components/socialsharing }}
|
|
@@ -1,3 +1,78 @@
|
|
|
1
|
-
|
|
2
|
-
<div class="
|
|
3
|
-
|
|
1
|
+
{{~#with this.socialSharing ~}}
|
|
2
|
+
<div class="self-center hidden sm:block grow">
|
|
3
|
+
|
|
4
|
+
<ul class="flex justify-end">
|
|
5
|
+
{{~#with this.twitterLink ~}}
|
|
6
|
+
<li class="float-left mr-3">
|
|
7
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
8
|
+
href="{{this}}"
|
|
9
|
+
target="_blank"
|
|
10
|
+
rel="noopener noreferrer"
|
|
11
|
+
title="{{loca "share_x_linktitle" }}"
|
|
12
|
+
{{#with ../../this.content.trackingData}}
|
|
13
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::X"}]}'
|
|
14
|
+
{{/with}}
|
|
15
|
+
>
|
|
16
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#0f1419] hover:scale-105" _icon="x" _iconmap="icons" ~}}
|
|
17
|
+
</a>
|
|
18
|
+
</li>
|
|
19
|
+
{{~/with~}}
|
|
20
|
+
{{~#with this.facebookLink ~}}
|
|
21
|
+
<li class="float-left mr-3">
|
|
22
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
23
|
+
href="{{this}}"
|
|
24
|
+
target="_blank"
|
|
25
|
+
rel="noopener noreferrer"
|
|
26
|
+
title="{{loca "share_facebook_linktitle" }}"
|
|
27
|
+
{{#with ../../this.content.trackingData}}
|
|
28
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
|
|
29
|
+
{{/with}}
|
|
30
|
+
>
|
|
31
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999] hover:scale-105" _icon="facebook" _iconmap="icons" ~}}
|
|
32
|
+
</a>
|
|
33
|
+
</li>
|
|
34
|
+
{{~/with~}}
|
|
35
|
+
{{~#with this.whatsappLink ~}}
|
|
36
|
+
<li class="float-left mr-3">
|
|
37
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
38
|
+
href="{{this}}"
|
|
39
|
+
target="_blank"
|
|
40
|
+
rel="noopener noreferrer"
|
|
41
|
+
title="{{loca "share_whatsapp_linktitle" }}"
|
|
42
|
+
{{#with ../../this.content.trackingData}}
|
|
43
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
|
|
44
|
+
{{/with}}
|
|
45
|
+
>
|
|
46
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247] hover:scale-105" _icon="whatsapp" _iconmap="icons" ~}}
|
|
47
|
+
</a>
|
|
48
|
+
</li>
|
|
49
|
+
{{~/with~}}
|
|
50
|
+
{{~#with this.mailtoLink ~}}
|
|
51
|
+
<li class="float-left mr-3">
|
|
52
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
53
|
+
href="{{this}}"
|
|
54
|
+
title="{{loca "share_mail_linktitle" }}"
|
|
55
|
+
{{#with ../../this.content.trackingData}}
|
|
56
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
|
|
57
|
+
{{/with}}
|
|
58
|
+
>
|
|
59
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1] hover:scale-105" _icon="mail" _iconmap="icons" ~}}
|
|
60
|
+
</a>
|
|
61
|
+
</li>
|
|
62
|
+
{{~/with~}}
|
|
63
|
+
|
|
64
|
+
<li class="float-left">
|
|
65
|
+
<a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
|
|
66
|
+
href="javascript:window.print()"
|
|
67
|
+
title="{{loca "share_print_linktitle" }}"
|
|
68
|
+
{{#with ../this.content.trackingData}}
|
|
69
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
|
|
70
|
+
{{/with}}
|
|
71
|
+
>
|
|
72
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060] hover:scale-105" _icon="print" _iconmap="icons" ~}}
|
|
73
|
+
</a>
|
|
74
|
+
</li>
|
|
75
|
+
</ul>
|
|
76
|
+
|
|
77
|
+
</div>
|
|
78
|
+
{{~/with~}}
|