hr-design-system-handlebars 1.114.17 → 1.114.18
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 +13 -0
- package/dist/assets/brand/hessenschau/conf/locatags.merged.json +1 -0
- package/dist/assets/brand/hr/conf/locatags.merged.json +1 -0
- package/dist/assets/brand/hr-bigband/conf/locatags.merged.json +1 -0
- package/dist/assets/brand/hr-fernsehen/conf/locatags.merged.json +1 -0
- package/dist/assets/brand/hr-inforadio/conf/locatags.merged.json +1 -0
- package/dist/assets/brand/hr-rundfunkrat/conf/locatags.merged.json +1 -0
- package/dist/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json +1 -0
- package/dist/assets/brand/hr-werbung/conf/locatags.merged.json +1 -0
- package/dist/assets/brand/hr1/conf/locatags.merged.json +1 -0
- package/dist/assets/brand/hr2/conf/locatags.merged.json +1 -0
- package/dist/assets/brand/hr3/conf/locatags.merged.json +1 -0
- package/dist/assets/brand/hr4/conf/locatags.merged.json +1 -0
- package/dist/assets/brand/you-fm/conf/locatags.merged.json +1 -0
- package/dist/assets/index.css +17 -9
- package/dist/views/components/content/copytext/components/image/figure.hbs +1 -1
- package/dist/views/components/forms/components/choice.hbs +9 -2
- package/dist/views/components/forms/components/choiceGroup.hbs +4 -5
- package/dist/views/components/forms/components/fields.hbs +2 -0
- package/dist/views/components/forms/components/mediaChoice.hbs +13 -0
- package/dist/views/components/voting/voting.hbs +3 -1
- package/dist/views_static/components/content/copytext/components/image/figure.hbs +1 -1
- package/dist/views_static/components/forms/components/choice.hbs +9 -2
- package/dist/views_static/components/forms/components/choiceGroup.hbs +4 -5
- package/dist/views_static/components/forms/components/fields.hbs +2 -0
- package/dist/views_static/components/forms/components/mediaChoice.hbs +13 -0
- package/dist/views_static/components/voting/voting.hbs +3 -1
- package/package.json +1 -1
- package/src/assets/brand/_default/conf/locatags.json +1 -0
- package/src/assets/brand/hessenschau/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-bigband/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-inforadio/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-werbung/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr1/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr2/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr3/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr4/conf/locatags.merged.json +1 -0
- package/src/assets/brand/you-fm/conf/locatags.merged.json +1 -0
- package/src/assets/fixtures/voting/voting.inc.json +1 -0
- package/src/assets/fixtures/voting/voting.json +18 -2
- package/src/assets/fixtures/voting/voting_horizontal.json +47 -0
- package/src/assets/fixtures/voting/voting_media_image_horizontal.json +137 -0
- package/src/assets/fixtures/voting/{voting_media.json → voting_media_image_vertical.json} +36 -12
- package/src/stories/views/components/content/copytext/components/image/figure.hbs +1 -1
- package/src/stories/views/components/forms/components/choice.hbs +9 -2
- package/src/stories/views/components/forms/components/choiceGroup.hbs +4 -5
- package/src/stories/views/components/forms/components/fields.hbs +2 -0
- package/src/stories/views/components/forms/components/mediaChoice.hbs +13 -0
- package/src/stories/views/components/voting/fixtures/voting.json +1 -1
- package/src/stories/views/components/voting/fixtures/voting_email.json +1 -1
- package/src/stories/views/components/voting/fixtures/voting_error.json +1 -1
- package/src/stories/views/components/voting/fixtures/voting_horizontal.json +1 -0
- package/src/stories/views/components/voting/fixtures/voting_media_image_horizontal.json +1 -0
- package/src/stories/views/components/voting/fixtures/voting_media_image_vertical.json +1 -0
- package/src/stories/views/components/voting/fixtures/voting_multiple_choice.json +1 -1
- package/src/stories/views/components/voting/fixtures/voting_over.json +1 -1
- package/src/stories/views/components/voting/fixtures/voting_result_absolute.json +1 -1
- package/src/stories/views/components/voting/voting.hbs +3 -1
- package/src/stories/views/components/voting/voting.stories.js +43 -6
- package/src/stories/views/components/voting/fixtures/voting_media.json +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
# v1.114.18 (Wed Nov 20 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Add voting with image and horizontal layout options [#1167](https://github.com/mumprod/hr-design-system-handlebars/pull/1167) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
|
|
6
|
+
|
|
7
|
+
#### Authors: 2
|
|
8
|
+
|
|
9
|
+
- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
|
|
10
|
+
- selbaciri (saad.elbaciri@hr.de)
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
1
14
|
# v1.114.17 (Tue Nov 19 2024)
|
|
2
15
|
|
|
3
16
|
#### 🐛 Bug Fix
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
package/dist/assets/index.css
CHANGED
|
@@ -1914,6 +1914,9 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
1914
1914
|
.shrink {
|
|
1915
1915
|
flex-shrink: 1;
|
|
1916
1916
|
}
|
|
1917
|
+
.flex-grow {
|
|
1918
|
+
flex-grow: 1;
|
|
1919
|
+
}
|
|
1917
1920
|
.grow {
|
|
1918
1921
|
flex-grow: 1;
|
|
1919
1922
|
}
|
|
@@ -3678,7 +3681,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3678
3681
|
border-bottom-color: var(--color-secondary-ds);
|
|
3679
3682
|
}
|
|
3680
3683
|
.counter-reset {
|
|
3681
|
-
counter-reset:
|
|
3684
|
+
counter-reset: cnt1732095440747;
|
|
3682
3685
|
}
|
|
3683
3686
|
.placeholder-text-xs::-webkit-input-placeholder {
|
|
3684
3687
|
font-size: 0.75rem;
|
|
@@ -4092,7 +4095,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
4092
4095
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
4093
4096
|
}
|
|
4094
4097
|
.-ordered {
|
|
4095
|
-
counter-increment:
|
|
4098
|
+
counter-increment: cnt1732095440747 1;
|
|
4096
4099
|
}
|
|
4097
4100
|
.-ordered::before {
|
|
4098
4101
|
position: absolute;
|
|
@@ -4110,7 +4113,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
4110
4113
|
--tw-text-opacity: 1;
|
|
4111
4114
|
color: rgba(0, 0, 0, 1);
|
|
4112
4115
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4113
|
-
content: counter(
|
|
4116
|
+
content: counter(cnt1732095440747);
|
|
4114
4117
|
}
|
|
4115
4118
|
/*! ****************************/
|
|
4116
4119
|
/*! DataPolicy stuff */
|
|
@@ -6827,6 +6830,10 @@ select:has(option:checked[value='']) {
|
|
|
6827
6830
|
flex-direction: row;
|
|
6828
6831
|
}
|
|
6829
6832
|
|
|
6833
|
+
.sm\:flex-nowrap {
|
|
6834
|
+
flex-wrap: nowrap;
|
|
6835
|
+
}
|
|
6836
|
+
|
|
6830
6837
|
.sm\:gap-x-2 {
|
|
6831
6838
|
-moz-column-gap: 0.5rem;
|
|
6832
6839
|
column-gap: 0.5rem;
|
|
@@ -7039,7 +7046,13 @@ select:has(option:checked[value='']) {
|
|
|
7039
7046
|
.sm\:col-main {
|
|
7040
7047
|
grid-column: main;
|
|
7041
7048
|
}
|
|
7042
|
-
|
|
7049
|
+
.sm\:basis-1\/2-gap-6 {
|
|
7050
|
+
--gap: 1.5rem;
|
|
7051
|
+
width: calc((100% - 1.5rem) / 2);
|
|
7052
|
+
width: calc((100% - var(--gap)) / 2);
|
|
7053
|
+
flex-basis: calc((100% - 1.5rem) / 2);
|
|
7054
|
+
flex-basis: calc((100% - var(--gap)) / 2);
|
|
7055
|
+
}
|
|
7043
7056
|
.sm\:before\:pt-stage::before {
|
|
7044
7057
|
padding-top: 56%;
|
|
7045
7058
|
}
|
|
@@ -7357,11 +7370,6 @@ select:has(option:checked[value='']) {
|
|
|
7357
7370
|
column-gap: 1.5rem;
|
|
7358
7371
|
}
|
|
7359
7372
|
|
|
7360
|
-
.md\:gap-x-7 {
|
|
7361
|
-
-moz-column-gap: 1.75rem;
|
|
7362
|
-
column-gap: 1.75rem;
|
|
7363
|
-
}
|
|
7364
|
-
|
|
7365
7373
|
.md\:gap-y-14 {
|
|
7366
7374
|
row-gap: 3.5rem;
|
|
7367
7375
|
}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
{{/with}}
|
|
13
13
|
{{/inline}}
|
|
14
14
|
{{else}}
|
|
15
|
-
{{> components/base/image/responsive_image _type=_type _variant=_variant _addClass=_pictureAddClass _isWebview=_isWebview _noDelay=_noDelay}}
|
|
15
|
+
{{> components/base/image/responsive_image _title=(if _voting-option (loca "figures_copyright_voting" (strip this.copyrightWithLinks html))) _type=_type _variant=_variant _addClass=_pictureAddClass _isWebview=_isWebview _noDelay=_noDelay}}
|
|
16
16
|
{{/if}}
|
|
17
17
|
{{/if}}
|
|
18
18
|
{{#unless _voting-option}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{~changeRandom~}}
|
|
2
|
-
<div class="relative flex flex-col
|
|
2
|
+
<div class="relative flex flex-col {{#if _isHorizontalLayout}} flex-grow{{/if}}{{#if this.mediaItem}} sm:basis-1/2-gap-6{{/if}} {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
|
|
3
3
|
{{#unless _inGroup}}
|
|
4
4
|
{{#if _required}}
|
|
5
5
|
ax-load
|
|
@@ -9,7 +9,11 @@
|
|
|
9
9
|
{{/if}}
|
|
10
10
|
{{/unless}}
|
|
11
11
|
>
|
|
12
|
-
<div class="flex flex-row items-center w-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
|
|
12
|
+
<div class="flex {{#if this.mediaItem}} flex-col {{else}} flex-row{{/if}} items-center w-full h-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
|
|
13
|
+
{{#if this.mediaItem}}
|
|
14
|
+
{{> components/forms/components/mediaChoice}}
|
|
15
|
+
<div class="flex flex-row w-full">
|
|
16
|
+
{{/if}}
|
|
13
17
|
<input class="relative self-start flex-shrink-0 w-6 h-6 bg-white dark:bg-black border appearance-none cursor-pointer disabled:cursor-not-allowed border-form-highlight dark:border-form-highlight-dark {{~inline-switch _type '["checkbox","radio"]' '[" checked:bg-form-highlight checked:border-form-highlight form-checkbox"," checked:bg-white checked:border-form-highlight rounded-full form-radio",""]'}}{{#if _addClassInput}} {{_addClassInput}}{{/if}}"
|
|
14
18
|
{{#if _required}}
|
|
15
19
|
:class="{' border-form-highlight dark:border-form-highlight-dark': hideError(),'border-error dark:border-error-dark': hideDescription() }"
|
|
@@ -73,6 +77,9 @@
|
|
|
73
77
|
{{/if}}
|
|
74
78
|
{{/if}}
|
|
75
79
|
</label>
|
|
80
|
+
{{#if this.mediaItem}}
|
|
81
|
+
</div>
|
|
82
|
+
{{/if}}
|
|
76
83
|
</div>
|
|
77
84
|
{{#unless _inGroup}}
|
|
78
85
|
<div class="flex items-end justify-between min-h-5 font-heading">
|
|
@@ -19,9 +19,8 @@
|
|
|
19
19
|
{{/if}}
|
|
20
20
|
{{/if}}
|
|
21
21
|
</legend>
|
|
22
|
-
<div class="flex flex-row
|
|
23
|
-
{{#each _items}}
|
|
24
|
-
<div>
|
|
22
|
+
<div class="flex flex-row gap-x-6 gap-y-5 {{#if _isHorizontalLayout}} flex-wrap sm:flex-nowrap flex-col sm:flex-row{{else}} flex-wrap {{#unless _isMultimediaVoting}}{{_addClassGroup}}{{/unless}}{{/if}}">
|
|
23
|
+
{{#each _items}}
|
|
25
24
|
{{> components/forms/components/choice
|
|
26
25
|
_type=../_type
|
|
27
26
|
_name=../_name
|
|
@@ -35,9 +34,9 @@
|
|
|
35
34
|
_formId=../_formId
|
|
36
35
|
_addClass=../_addClassChoice
|
|
37
36
|
_addClassLabel=../_addClassLabel
|
|
38
|
-
_addClassInput=../_addClassInput
|
|
37
|
+
_addClassInput=../_addClassInput
|
|
38
|
+
_isHorizontalLayout=../_isHorizontalLayout
|
|
39
39
|
}}
|
|
40
|
-
</div>
|
|
41
40
|
{{/each}}
|
|
42
41
|
</div>
|
|
43
42
|
<div class="flex items-end justify-between min-h-5 font-heading">
|
|
@@ -66,10 +66,12 @@
|
|
|
66
66
|
_items=this.options
|
|
67
67
|
_required=this.isRequired
|
|
68
68
|
_multipleChoice=../_multipleChoice
|
|
69
|
+
_isHorizontalLayout=../_isHorizontalLayout
|
|
69
70
|
_addClassGroup=../_addClassGroup
|
|
70
71
|
_addClassChoice=../_addClassChoice
|
|
71
72
|
_addClassLabel=../_addClassLabel
|
|
72
73
|
_addClassInput=../_addClassInput
|
|
74
|
+
_isMultimediaVoting=../_isMultimediaVoting
|
|
73
75
|
_errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
|
|
74
76
|
_formId=../_formId
|
|
75
77
|
}}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<div onclick="event.preventDefault()">
|
|
2
|
+
{{#with this.mediaItem}}
|
|
3
|
+
{{~#if this.isImage}}
|
|
4
|
+
{{> components/content/copytext/components/image/figure
|
|
5
|
+
_type="story"
|
|
6
|
+
_variant="copytext"
|
|
7
|
+
_pictureAddClass="ar-16-9"
|
|
8
|
+
_noDelay=true
|
|
9
|
+
_voting-option="true"
|
|
10
|
+
_isWebview=_isWebview}}
|
|
11
|
+
{{/if~}}
|
|
12
|
+
{{/with}}
|
|
13
|
+
</div>
|
|
@@ -44,7 +44,9 @@
|
|
|
44
44
|
<span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
|
|
45
45
|
</div>
|
|
46
46
|
{{> components/forms/components/fields
|
|
47
|
-
_multipleChoice=../this.isMultipleChoice
|
|
47
|
+
_multipleChoice=../this.isMultipleChoice
|
|
48
|
+
_isHorizontalLayout=this.isHorizontalLayout
|
|
49
|
+
_isMultimediaVoting=../this.isMultimediaVoting
|
|
48
50
|
_addClassGroup="!flex-col mt-2"
|
|
49
51
|
_addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
|
|
50
52
|
_addClassLabel="w-full !py-3 sm:!py-4 !pr-3 sm:!pr-4 !text-base sm:!text-lg md:!text-lg"
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
{{/with}}
|
|
13
13
|
{{/inline}}
|
|
14
14
|
{{else}}
|
|
15
|
-
{{> components/base/image/responsive_image _type=_type _variant=_variant _addClass=_pictureAddClass _isWebview=_isWebview _noDelay=_noDelay}}
|
|
15
|
+
{{> components/base/image/responsive_image _title=(if _voting-option (loca "figures_copyright_voting" (strip this.copyrightWithLinks html))) _type=_type _variant=_variant _addClass=_pictureAddClass _isWebview=_isWebview _noDelay=_noDelay}}
|
|
16
16
|
{{/if}}
|
|
17
17
|
{{/if}}
|
|
18
18
|
{{#unless _voting-option}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{~changeRandom~}}
|
|
2
|
-
<div class="relative flex flex-col
|
|
2
|
+
<div class="relative flex flex-col {{#if _isHorizontalLayout}} flex-grow{{/if}}{{#if this.mediaItem}} sm:basis-1/2-gap-6{{/if}} {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
|
|
3
3
|
{{#unless _inGroup}}
|
|
4
4
|
{{#if _required}}
|
|
5
5
|
ax-load
|
|
@@ -9,7 +9,11 @@
|
|
|
9
9
|
{{/if}}
|
|
10
10
|
{{/unless}}
|
|
11
11
|
>
|
|
12
|
-
<div class="flex flex-row items-center w-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
|
|
12
|
+
<div class="flex {{#if this.mediaItem}} flex-col {{else}} flex-row{{/if}} items-center w-full h-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
|
|
13
|
+
{{#if this.mediaItem}}
|
|
14
|
+
{{> components/forms/components/mediaChoice}}
|
|
15
|
+
<div class="flex flex-row w-full">
|
|
16
|
+
{{/if}}
|
|
13
17
|
<input class="relative self-start flex-shrink-0 w-6 h-6 bg-white dark:bg-black border appearance-none cursor-pointer disabled:cursor-not-allowed border-form-highlight dark:border-form-highlight-dark {{~inline-switch _type '["checkbox","radio"]' '[" checked:bg-form-highlight checked:border-form-highlight form-checkbox"," checked:bg-white checked:border-form-highlight rounded-full form-radio",""]'}}{{#if _addClassInput}} {{_addClassInput}}{{/if}}"
|
|
14
18
|
{{#if _required}}
|
|
15
19
|
:class="{' border-form-highlight dark:border-form-highlight-dark': hideError(),'border-error dark:border-error-dark': hideDescription() }"
|
|
@@ -73,6 +77,9 @@
|
|
|
73
77
|
{{/if}}
|
|
74
78
|
{{/if}}
|
|
75
79
|
</label>
|
|
80
|
+
{{#if this.mediaItem}}
|
|
81
|
+
</div>
|
|
82
|
+
{{/if}}
|
|
76
83
|
</div>
|
|
77
84
|
{{#unless _inGroup}}
|
|
78
85
|
<div class="flex items-end justify-between min-h-5 font-heading">
|
|
@@ -19,9 +19,8 @@
|
|
|
19
19
|
{{/if}}
|
|
20
20
|
{{/if}}
|
|
21
21
|
</legend>
|
|
22
|
-
<div class="flex flex-row
|
|
23
|
-
{{#each _items}}
|
|
24
|
-
<div>
|
|
22
|
+
<div class="flex flex-row gap-x-6 gap-y-5 {{#if _isHorizontalLayout}} flex-wrap sm:flex-nowrap flex-col sm:flex-row{{else}} flex-wrap {{#unless _isMultimediaVoting}}{{_addClassGroup}}{{/unless}}{{/if}}">
|
|
23
|
+
{{#each _items}}
|
|
25
24
|
{{> components/forms/components/choice
|
|
26
25
|
_type=../_type
|
|
27
26
|
_name=../_name
|
|
@@ -35,9 +34,9 @@
|
|
|
35
34
|
_formId=../_formId
|
|
36
35
|
_addClass=../_addClassChoice
|
|
37
36
|
_addClassLabel=../_addClassLabel
|
|
38
|
-
_addClassInput=../_addClassInput
|
|
37
|
+
_addClassInput=../_addClassInput
|
|
38
|
+
_isHorizontalLayout=../_isHorizontalLayout
|
|
39
39
|
}}
|
|
40
|
-
</div>
|
|
41
40
|
{{/each}}
|
|
42
41
|
</div>
|
|
43
42
|
<div class="flex items-end justify-between min-h-5 font-heading">
|
|
@@ -66,10 +66,12 @@
|
|
|
66
66
|
_items=this.options
|
|
67
67
|
_required=this.isRequired
|
|
68
68
|
_multipleChoice=../_multipleChoice
|
|
69
|
+
_isHorizontalLayout=../_isHorizontalLayout
|
|
69
70
|
_addClassGroup=../_addClassGroup
|
|
70
71
|
_addClassChoice=../_addClassChoice
|
|
71
72
|
_addClassLabel=../_addClassLabel
|
|
72
73
|
_addClassInput=../_addClassInput
|
|
74
|
+
_isMultimediaVoting=../_isMultimediaVoting
|
|
73
75
|
_errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
|
|
74
76
|
_formId=../_formId
|
|
75
77
|
}}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<div onclick="event.preventDefault()">
|
|
2
|
+
{{#with this.mediaItem}}
|
|
3
|
+
{{~#if this.isImage}}
|
|
4
|
+
{{> components/content/copytext/components/image/figure
|
|
5
|
+
_type="story"
|
|
6
|
+
_variant="copytext"
|
|
7
|
+
_pictureAddClass="ar-16-9"
|
|
8
|
+
_noDelay=true
|
|
9
|
+
_voting-option="true"
|
|
10
|
+
_isWebview=_isWebview}}
|
|
11
|
+
{{/if~}}
|
|
12
|
+
{{/with}}
|
|
13
|
+
</div>
|
|
@@ -44,7 +44,9 @@
|
|
|
44
44
|
<span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
|
|
45
45
|
</div>
|
|
46
46
|
{{> components/forms/components/fields
|
|
47
|
-
_multipleChoice=../this.isMultipleChoice
|
|
47
|
+
_multipleChoice=../this.isMultipleChoice
|
|
48
|
+
_isHorizontalLayout=this.isHorizontalLayout
|
|
49
|
+
_isMultimediaVoting=../this.isMultimediaVoting
|
|
48
50
|
_addClassGroup="!flex-col mt-2"
|
|
49
51
|
_addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
|
|
50
52
|
_addClassLabel="w-full !py-3 sm:!py-4 !pr-3 sm:!pr-4 !text-base sm:!text-lg md:!text-lg"
|
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.18",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"feature_box_anchor": "Livestream Player anspringen",
|
|
38
38
|
"featured_content_headline": "Mehr zum Thema:",
|
|
39
39
|
"figures_copyright": "Bild © ",
|
|
40
|
+
"figures_copyright_voting": "Bild © {0}",
|
|
40
41
|
"gallery_image_copyright": "Bild © {0}",
|
|
41
42
|
"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
|
|
42
43
|
"geotag_metadescription_prefix": "",
|
|
@@ -13,6 +13,14 @@
|
|
|
13
13
|
"@->contentpath": "multivote-1"
|
|
14
14
|
}
|
|
15
15
|
},
|
|
16
|
+
"voting_horizontal": {
|
|
17
|
+
"config": {
|
|
18
|
+
"useAsSnapshot": true
|
|
19
|
+
},
|
|
20
|
+
"args": {
|
|
21
|
+
"@->jsoninclude": "voting/voting_horizontal.json"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
16
24
|
"voting_email": {
|
|
17
25
|
"config": {
|
|
18
26
|
"useAsSnapshot": true
|
|
@@ -21,12 +29,20 @@
|
|
|
21
29
|
"@->jsoninclude": "voting/voting_email.json"
|
|
22
30
|
}
|
|
23
31
|
},
|
|
24
|
-
"
|
|
32
|
+
"voting_media_image_horizontal": {
|
|
33
|
+
"config": {
|
|
34
|
+
"useAsSnapshot": true
|
|
35
|
+
},
|
|
36
|
+
"args": {
|
|
37
|
+
"@->jsoninclude": "voting/voting_media_image_horizontal.json"
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
"voting_media_image_vertical": {
|
|
25
41
|
"config": {
|
|
26
42
|
"useAsSnapshot": true
|
|
27
43
|
},
|
|
28
44
|
"args": {
|
|
29
|
-
"@->jsoninclude": "voting/
|
|
45
|
+
"@->jsoninclude": "voting/voting_media_image_vertical.json"
|
|
30
46
|
}
|
|
31
47
|
},
|
|
32
48
|
"voting_multiple_choice": {
|