hr-design-system-handlebars 1.114.110 → 1.114.112
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/external-service/components/external_service_data_policy.hbs +8 -13
- package/dist/views/components/forms/webform.hbs +11 -3
- package/dist/views/components/newsletter/components/newsletter_form.hbs +9 -0
- package/dist/views/components/newsletter/newsletter.hbs +0 -16
- package/dist/views/components/voting/voting.hbs +35 -27
- package/dist/views_static/components/external-service/components/external_service_data_policy.hbs +8 -13
- package/dist/views_static/components/forms/webform.hbs +11 -3
- package/dist/views_static/components/newsletter/components/newsletter_form.hbs +9 -0
- package/dist/views_static/components/newsletter/newsletter.hbs +0 -16
- package/dist/views_static/components/voting/voting.hbs +35 -27
- package/package.json +1 -1
- package/src/stories/views/components/external-service/components/external_service_data_policy.hbs +8 -13
- package/src/stories/views/components/forms/webform.hbs +11 -3
- package/src/stories/views/components/newsletter/components/newsletter_form.hbs +9 -0
- package/src/stories/views/components/newsletter/newsletter.hbs +0 -16
- package/src/stories/views/components/voting/voting.hbs +35 -27
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.114.112 (Wed Feb 26 2025)
|
|
2
|
+
|
|
3
|
+
#### ⚠️ Pushed to `main`
|
|
4
|
+
|
|
5
|
+
- Refactor No JS interaction ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.114.111 (Wed Feb 26 2025)
|
|
14
|
+
|
|
15
|
+
#### ⚠️ Pushed to `main`
|
|
16
|
+
|
|
17
|
+
- Refactor Disabled JS Hints in interactive elements ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.114.110 (Mon Feb 24 2025)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3849,7 +3849,7 @@ article #commentList {
|
|
|
3849
3849
|
border-bottom-color: var(--color-secondary-ds);
|
|
3850
3850
|
}
|
|
3851
3851
|
.counter-reset {
|
|
3852
|
-
counter-reset:
|
|
3852
|
+
counter-reset: cnt1740588087735;
|
|
3853
3853
|
}
|
|
3854
3854
|
.animate-delay-100 {
|
|
3855
3855
|
--tw-animate-delay: 100ms;
|
|
@@ -4294,7 +4294,7 @@ html { scroll-behavior: smooth; }
|
|
|
4294
4294
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
4295
4295
|
}
|
|
4296
4296
|
.-ordered {
|
|
4297
|
-
counter-increment:
|
|
4297
|
+
counter-increment: cnt1740588087735 1;
|
|
4298
4298
|
}
|
|
4299
4299
|
.-ordered::before {
|
|
4300
4300
|
position: absolute;
|
|
@@ -4312,7 +4312,7 @@ html { scroll-behavior: smooth; }
|
|
|
4312
4312
|
--tw-text-opacity: 1;
|
|
4313
4313
|
color: rgba(0, 0, 0, 1);
|
|
4314
4314
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4315
|
-
content: counter(
|
|
4315
|
+
content: counter(cnt1740588087735);
|
|
4316
4316
|
}
|
|
4317
4317
|
/*! ****************************/
|
|
4318
4318
|
/*! DataPolicy stuff */
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<div id="service--{{nextRandom}}" class="grid col-span-12 p-5 sm:mx-0 bg-highlight-1 dark:bg-highlight-1-dark dark:text-text-dark rounded-tl-hr rounded-br-hr js-datapolicy">
|
|
2
|
+
<h3 class="text-2xl font-headingSerif">
|
|
3
|
+
{{loca "ext_service_datapolicy_headline" this.externalServiceConfig.externalServiceName}}
|
|
4
|
+
</h3>
|
|
2
5
|
<div id="externalService_form">
|
|
3
|
-
<h3 class="text-2xl font-headingSerif">
|
|
4
|
-
{{loca "ext_service_datapolicy_headline" this.externalServiceConfig.externalServiceName}}
|
|
5
|
-
</h3>
|
|
6
6
|
<p class="pt-4 text-base font-copy">
|
|
7
7
|
{{loca "ext_service_datapolicy_text" this.externalServiceConfig.externalServiceName}}
|
|
8
8
|
</p>
|
|
@@ -24,14 +24,9 @@
|
|
|
24
24
|
{{#*inline "htmlProperties"}}{{/inline}}
|
|
25
25
|
</div>
|
|
26
26
|
</div>
|
|
27
|
-
</div>
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
#externalService {
|
|
31
|
-
display: none;
|
|
32
|
-
}
|
|
33
|
-
</style>
|
|
34
|
-
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
27
|
+
</div>
|
|
28
|
+
<div id="externalService_form_hint">
|
|
29
|
+
<div class="p-4 mt-6 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
35
30
|
<p class="font-bold">Hinweis</p>
|
|
36
31
|
<p class="pt-4 text-base font-copy">
|
|
37
32
|
{{loca "ext_service_datapolicy_no_js_text" this.externalServiceConfig.externalServiceName}}
|
|
@@ -45,5 +40,5 @@
|
|
|
45
40
|
{{#*inline "htmlProperties"~}}
|
|
46
41
|
{{~/inline}}
|
|
47
42
|
</div>
|
|
48
|
-
</
|
|
49
|
-
</div>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
@@ -30,13 +30,21 @@
|
|
|
30
30
|
>
|
|
31
31
|
{{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }}
|
|
32
32
|
{{#if this.hasSpamProtection }}
|
|
33
|
-
<
|
|
33
|
+
<div id="webform_form_spam_hint">
|
|
34
|
+
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
35
|
+
<p class="font-bold">Hinweis</p>
|
|
36
|
+
<p>Bitte aktivieren Sie JavaScript, um dieses Formular absenden zu können.</p>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
{{else}}
|
|
40
|
+
<div id="webform_form_hint">
|
|
34
41
|
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
35
42
|
<p class="font-bold">Hinweis</p>
|
|
36
|
-
<p>
|
|
43
|
+
<p>Javascript ist deaktiviert. Das Formular kann aber weiterhin normal benutzt werden.</p>
|
|
37
44
|
</div>
|
|
38
|
-
</
|
|
45
|
+
</div>
|
|
39
46
|
{{/if}}
|
|
47
|
+
|
|
40
48
|
{{> components/forms/components/controls }}
|
|
41
49
|
|
|
42
50
|
</div>
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
<h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
2
2
|
{{this.title}}
|
|
3
3
|
</h3>
|
|
4
|
+
<div id="newsletter_form">
|
|
4
5
|
<div id="formWrapper">
|
|
5
6
|
<form class="relative flex flex-col justify-center overflow-hidden group"
|
|
6
7
|
id="form{{nextRandom}}"
|
|
@@ -51,4 +52,12 @@
|
|
|
51
52
|
{{{include "components/newsletter/components/newsletter_already_registered" _alreadyRegistered="true" _locaKeyText="newsletter_text_already_registered" }}}
|
|
52
53
|
</div>
|
|
53
54
|
</form>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
<div id="newsletter_form_hint">
|
|
58
|
+
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
59
|
+
<p class="font-bold">Hinweis</p>
|
|
60
|
+
<p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
|
|
61
|
+
<p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php" class="" target="_blank"><strong>hier</strong></a> abschließen / verwalten / beenden. </p>
|
|
62
|
+
</div>
|
|
54
63
|
</div>
|
|
@@ -1,21 +1,5 @@
|
|
|
1
1
|
<div id="{{this.uuid}}" class="relative clear-both bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}">
|
|
2
2
|
{{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
|
|
3
|
-
<div id="newsletter_form">
|
|
4
3
|
{{> components/newsletter/components/newsletter_form}}
|
|
5
|
-
</div>
|
|
6
|
-
<noscript>
|
|
7
|
-
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
8
|
-
<p class="font-bold">Hinweis</p>
|
|
9
|
-
<p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
|
|
10
|
-
<p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php" class="" target="_blank"><strong>hier</strong></a> abschließen / verwalten / beenden. </p>
|
|
11
|
-
</div>
|
|
12
|
-
</noscript>
|
|
13
4
|
{{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
|
|
14
5
|
</div>
|
|
15
|
-
<noscript>
|
|
16
|
-
<style type="text/css">
|
|
17
|
-
#newsletter_form {
|
|
18
|
-
display: none;
|
|
19
|
-
}
|
|
20
|
-
</style>
|
|
21
|
-
</noscript>
|
|
@@ -30,34 +30,36 @@
|
|
|
30
30
|
>
|
|
31
31
|
{{> components/voting/components/voting_header _isTeaser=../../_isTeaser _title=../this.title _topline=../this.topline}}
|
|
32
32
|
|
|
33
|
-
<div
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
<div class="w-full mt-6 text-xs text-right sm:mt-8 font-headingSerif sm:text-sm text-gray-scorpion dark:text-text-dark">
|
|
39
|
-
{{#if ../this.isMultipleChoice}}
|
|
40
|
-
{{loca "votingform_open_answers_text" ../this.maxAnswerCount}}
|
|
41
|
-
{{else}}
|
|
42
|
-
{{loca "votingform_single_answer_text"}}
|
|
33
|
+
<div id="voting_form">
|
|
34
|
+
<div class="js-voting-form__bottomWrapper">
|
|
35
|
+
{{#if this.shorttext}}
|
|
36
|
+
<p class="mt-3 text-base font-copy sm:text-lg dark:text-text-dark">{{this.shorttext}}</p>
|
|
43
37
|
{{/if}}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
38
|
+
|
|
39
|
+
<div class="w-full mt-6 text-xs text-right sm:mt-8 font-headingSerif sm:text-sm text-gray-scorpion dark:text-text-dark">
|
|
40
|
+
{{#if ../this.isMultipleChoice}}
|
|
41
|
+
{{loca "votingform_open_answers_text" ../this.maxAnswerCount}}
|
|
42
|
+
{{else}}
|
|
43
|
+
{{loca "votingform_single_answer_text"}}
|
|
44
|
+
{{/if}}
|
|
45
|
+
<span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
|
|
46
|
+
</div>
|
|
47
|
+
{{> components/forms/components/fields
|
|
48
|
+
_multipleChoice=../this.isMultipleChoice
|
|
49
|
+
_isHorizontalLayout=this.isHorizontalLayout
|
|
50
|
+
_isMultimediaVoting=../this.isMultimediaVoting
|
|
51
|
+
_addClassGroup="!flex-col mt-2"
|
|
52
|
+
_addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex hover:!outline-2 hover:!outline-blue-science-hex bg-white dark:bg-black has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
|
|
53
|
+
_addClassLabel="w-full !pt-[15px] sm:!pt-[18px] !pb-[9px] sm:!pb-3.5 !pr-3 sm:!pr-4"
|
|
54
|
+
_addClassLabelForDataPolicy="!pt-0"
|
|
55
|
+
_addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
|
|
56
|
+
}}
|
|
57
|
+
<div class="w-full h-12">
|
|
58
|
+
{{#if this.is2FSecured}}
|
|
59
|
+
<div class="float-left mt-1 text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
|
|
60
|
+
{{/if}}
|
|
61
|
+
{{> components/voting/components/voting_submit _label="Abstimmen" _addClass="js-voting-submit-button"}}
|
|
62
|
+
</div>
|
|
61
63
|
</div>
|
|
62
64
|
</div>
|
|
63
65
|
<script type="text/html" class="js-successMessage">
|
|
@@ -110,6 +112,12 @@
|
|
|
110
112
|
{{> components/voting/voting_result _hideVotingResult=this.hideVotingResult}}
|
|
111
113
|
{{/unless}}
|
|
112
114
|
{{/with}}
|
|
115
|
+
<div id="voting_form_hint">
|
|
116
|
+
<div class="p-4 mt-6 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
117
|
+
<p class="font-bold">Hinweis</p>
|
|
118
|
+
<p>Bitte aktivieren Sie JavaScript, um bei einem Voting abstimmen zu können.</p>
|
|
119
|
+
</div>
|
|
120
|
+
</div>
|
|
113
121
|
{{/components/forms/components/backgroundBox }}
|
|
114
122
|
|
|
115
123
|
{{!--Featured Content--}}
|
package/dist/views_static/components/external-service/components/external_service_data_policy.hbs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<div id="service--{{nextRandom}}" class="grid col-span-12 p-5 sm:mx-0 bg-highlight-1 dark:bg-highlight-1-dark dark:text-text-dark rounded-tl-hr rounded-br-hr js-datapolicy">
|
|
2
|
+
<h3 class="text-2xl font-headingSerif">
|
|
3
|
+
{{loca "ext_service_datapolicy_headline" this.externalServiceConfig.externalServiceName}}
|
|
4
|
+
</h3>
|
|
2
5
|
<div id="externalService_form">
|
|
3
|
-
<h3 class="text-2xl font-headingSerif">
|
|
4
|
-
{{loca "ext_service_datapolicy_headline" this.externalServiceConfig.externalServiceName}}
|
|
5
|
-
</h3>
|
|
6
6
|
<p class="pt-4 text-base font-copy">
|
|
7
7
|
{{loca "ext_service_datapolicy_text" this.externalServiceConfig.externalServiceName}}
|
|
8
8
|
</p>
|
|
@@ -24,14 +24,9 @@
|
|
|
24
24
|
{{#*inline "htmlProperties"}}{{/inline}}
|
|
25
25
|
</div>
|
|
26
26
|
</div>
|
|
27
|
-
</div>
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
#externalService {
|
|
31
|
-
display: none;
|
|
32
|
-
}
|
|
33
|
-
</style>
|
|
34
|
-
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
27
|
+
</div>
|
|
28
|
+
<div id="externalService_form_hint">
|
|
29
|
+
<div class="p-4 mt-6 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
35
30
|
<p class="font-bold">Hinweis</p>
|
|
36
31
|
<p class="pt-4 text-base font-copy">
|
|
37
32
|
{{loca "ext_service_datapolicy_no_js_text" this.externalServiceConfig.externalServiceName}}
|
|
@@ -45,5 +40,5 @@
|
|
|
45
40
|
{{#*inline "htmlProperties"~}}
|
|
46
41
|
{{~/inline}}
|
|
47
42
|
</div>
|
|
48
|
-
</
|
|
49
|
-
</div>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
@@ -30,13 +30,21 @@
|
|
|
30
30
|
>
|
|
31
31
|
{{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }}
|
|
32
32
|
{{#if this.hasSpamProtection }}
|
|
33
|
-
<
|
|
33
|
+
<div id="webform_form_spam_hint">
|
|
34
|
+
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
35
|
+
<p class="font-bold">Hinweis</p>
|
|
36
|
+
<p>Bitte aktivieren Sie JavaScript, um dieses Formular absenden zu können.</p>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
{{else}}
|
|
40
|
+
<div id="webform_form_hint">
|
|
34
41
|
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
35
42
|
<p class="font-bold">Hinweis</p>
|
|
36
|
-
<p>
|
|
43
|
+
<p>Javascript ist deaktiviert. Das Formular kann aber weiterhin normal benutzt werden.</p>
|
|
37
44
|
</div>
|
|
38
|
-
</
|
|
45
|
+
</div>
|
|
39
46
|
{{/if}}
|
|
47
|
+
|
|
40
48
|
{{> components/forms/components/controls }}
|
|
41
49
|
|
|
42
50
|
</div>
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
<h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
2
2
|
{{this.title}}
|
|
3
3
|
</h3>
|
|
4
|
+
<div id="newsletter_form">
|
|
4
5
|
<div id="formWrapper">
|
|
5
6
|
<form class="relative flex flex-col justify-center overflow-hidden group"
|
|
6
7
|
id="form{{nextRandom}}"
|
|
@@ -51,4 +52,12 @@
|
|
|
51
52
|
{{{include "components/newsletter/components/newsletter_already_registered" _alreadyRegistered="true" _locaKeyText="newsletter_text_already_registered" }}}
|
|
52
53
|
</div>
|
|
53
54
|
</form>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
<div id="newsletter_form_hint">
|
|
58
|
+
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
59
|
+
<p class="font-bold">Hinweis</p>
|
|
60
|
+
<p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
|
|
61
|
+
<p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php" class="" target="_blank"><strong>hier</strong></a> abschließen / verwalten / beenden. </p>
|
|
62
|
+
</div>
|
|
54
63
|
</div>
|
|
@@ -1,21 +1,5 @@
|
|
|
1
1
|
<div id="{{this.uuid}}" class="relative clear-both bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}">
|
|
2
2
|
{{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
|
|
3
|
-
<div id="newsletter_form">
|
|
4
3
|
{{> components/newsletter/components/newsletter_form}}
|
|
5
|
-
</div>
|
|
6
|
-
<noscript>
|
|
7
|
-
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
8
|
-
<p class="font-bold">Hinweis</p>
|
|
9
|
-
<p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
|
|
10
|
-
<p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php" class="" target="_blank"><strong>hier</strong></a> abschließen / verwalten / beenden. </p>
|
|
11
|
-
</div>
|
|
12
|
-
</noscript>
|
|
13
4
|
{{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
|
|
14
5
|
</div>
|
|
15
|
-
<noscript>
|
|
16
|
-
<style type="text/css">
|
|
17
|
-
#newsletter_form {
|
|
18
|
-
display: none;
|
|
19
|
-
}
|
|
20
|
-
</style>
|
|
21
|
-
</noscript>
|
|
@@ -30,34 +30,36 @@
|
|
|
30
30
|
>
|
|
31
31
|
{{> components/voting/components/voting_header _isTeaser=../../_isTeaser _title=../this.title _topline=../this.topline}}
|
|
32
32
|
|
|
33
|
-
<div
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
<div class="w-full mt-6 text-xs text-right sm:mt-8 font-headingSerif sm:text-sm text-gray-scorpion dark:text-text-dark">
|
|
39
|
-
{{#if ../this.isMultipleChoice}}
|
|
40
|
-
{{loca "votingform_open_answers_text" ../this.maxAnswerCount}}
|
|
41
|
-
{{else}}
|
|
42
|
-
{{loca "votingform_single_answer_text"}}
|
|
33
|
+
<div id="voting_form">
|
|
34
|
+
<div class="js-voting-form__bottomWrapper">
|
|
35
|
+
{{#if this.shorttext}}
|
|
36
|
+
<p class="mt-3 text-base font-copy sm:text-lg dark:text-text-dark">{{this.shorttext}}</p>
|
|
43
37
|
{{/if}}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
38
|
+
|
|
39
|
+
<div class="w-full mt-6 text-xs text-right sm:mt-8 font-headingSerif sm:text-sm text-gray-scorpion dark:text-text-dark">
|
|
40
|
+
{{#if ../this.isMultipleChoice}}
|
|
41
|
+
{{loca "votingform_open_answers_text" ../this.maxAnswerCount}}
|
|
42
|
+
{{else}}
|
|
43
|
+
{{loca "votingform_single_answer_text"}}
|
|
44
|
+
{{/if}}
|
|
45
|
+
<span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
|
|
46
|
+
</div>
|
|
47
|
+
{{> components/forms/components/fields
|
|
48
|
+
_multipleChoice=../this.isMultipleChoice
|
|
49
|
+
_isHorizontalLayout=this.isHorizontalLayout
|
|
50
|
+
_isMultimediaVoting=../this.isMultimediaVoting
|
|
51
|
+
_addClassGroup="!flex-col mt-2"
|
|
52
|
+
_addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex hover:!outline-2 hover:!outline-blue-science-hex bg-white dark:bg-black has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
|
|
53
|
+
_addClassLabel="w-full !pt-[15px] sm:!pt-[18px] !pb-[9px] sm:!pb-3.5 !pr-3 sm:!pr-4"
|
|
54
|
+
_addClassLabelForDataPolicy="!pt-0"
|
|
55
|
+
_addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
|
|
56
|
+
}}
|
|
57
|
+
<div class="w-full h-12">
|
|
58
|
+
{{#if this.is2FSecured}}
|
|
59
|
+
<div class="float-left mt-1 text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
|
|
60
|
+
{{/if}}
|
|
61
|
+
{{> components/voting/components/voting_submit _label="Abstimmen" _addClass="js-voting-submit-button"}}
|
|
62
|
+
</div>
|
|
61
63
|
</div>
|
|
62
64
|
</div>
|
|
63
65
|
<script type="text/html" class="js-successMessage">
|
|
@@ -110,6 +112,12 @@
|
|
|
110
112
|
{{> components/voting/voting_result _hideVotingResult=this.hideVotingResult}}
|
|
111
113
|
{{/unless}}
|
|
112
114
|
{{/with}}
|
|
115
|
+
<div id="voting_form_hint">
|
|
116
|
+
<div class="p-4 mt-6 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
117
|
+
<p class="font-bold">Hinweis</p>
|
|
118
|
+
<p>Bitte aktivieren Sie JavaScript, um bei einem Voting abstimmen zu können.</p>
|
|
119
|
+
</div>
|
|
120
|
+
</div>
|
|
113
121
|
{{/components/forms/components/backgroundBox }}
|
|
114
122
|
|
|
115
123
|
{{!--Featured Content--}}
|
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.112",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
package/src/stories/views/components/external-service/components/external_service_data_policy.hbs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<div id="service--{{nextRandom}}" class="grid col-span-12 p-5 sm:mx-0 bg-highlight-1 dark:bg-highlight-1-dark dark:text-text-dark rounded-tl-hr rounded-br-hr js-datapolicy">
|
|
2
|
+
<h3 class="text-2xl font-headingSerif">
|
|
3
|
+
{{loca "ext_service_datapolicy_headline" this.externalServiceConfig.externalServiceName}}
|
|
4
|
+
</h3>
|
|
2
5
|
<div id="externalService_form">
|
|
3
|
-
<h3 class="text-2xl font-headingSerif">
|
|
4
|
-
{{loca "ext_service_datapolicy_headline" this.externalServiceConfig.externalServiceName}}
|
|
5
|
-
</h3>
|
|
6
6
|
<p class="pt-4 text-base font-copy">
|
|
7
7
|
{{loca "ext_service_datapolicy_text" this.externalServiceConfig.externalServiceName}}
|
|
8
8
|
</p>
|
|
@@ -24,14 +24,9 @@
|
|
|
24
24
|
{{#*inline "htmlProperties"}}{{/inline}}
|
|
25
25
|
</div>
|
|
26
26
|
</div>
|
|
27
|
-
</div>
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
#externalService {
|
|
31
|
-
display: none;
|
|
32
|
-
}
|
|
33
|
-
</style>
|
|
34
|
-
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
27
|
+
</div>
|
|
28
|
+
<div id="externalService_form_hint">
|
|
29
|
+
<div class="p-4 mt-6 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
35
30
|
<p class="font-bold">Hinweis</p>
|
|
36
31
|
<p class="pt-4 text-base font-copy">
|
|
37
32
|
{{loca "ext_service_datapolicy_no_js_text" this.externalServiceConfig.externalServiceName}}
|
|
@@ -45,5 +40,5 @@
|
|
|
45
40
|
{{#*inline "htmlProperties"~}}
|
|
46
41
|
{{~/inline}}
|
|
47
42
|
</div>
|
|
48
|
-
</
|
|
49
|
-
</div>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
@@ -30,13 +30,21 @@
|
|
|
30
30
|
>
|
|
31
31
|
{{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }}
|
|
32
32
|
{{#if this.hasSpamProtection }}
|
|
33
|
-
<
|
|
33
|
+
<div id="webform_form_spam_hint">
|
|
34
|
+
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
35
|
+
<p class="font-bold">Hinweis</p>
|
|
36
|
+
<p>Bitte aktivieren Sie JavaScript, um dieses Formular absenden zu können.</p>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
{{else}}
|
|
40
|
+
<div id="webform_form_hint">
|
|
34
41
|
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
35
42
|
<p class="font-bold">Hinweis</p>
|
|
36
|
-
<p>
|
|
43
|
+
<p>Javascript ist deaktiviert. Das Formular kann aber weiterhin normal benutzt werden.</p>
|
|
37
44
|
</div>
|
|
38
|
-
</
|
|
45
|
+
</div>
|
|
39
46
|
{{/if}}
|
|
47
|
+
|
|
40
48
|
{{> components/forms/components/controls }}
|
|
41
49
|
|
|
42
50
|
</div>
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
<h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
|
|
2
2
|
{{this.title}}
|
|
3
3
|
</h3>
|
|
4
|
+
<div id="newsletter_form">
|
|
4
5
|
<div id="formWrapper">
|
|
5
6
|
<form class="relative flex flex-col justify-center overflow-hidden group"
|
|
6
7
|
id="form{{nextRandom}}"
|
|
@@ -51,4 +52,12 @@
|
|
|
51
52
|
{{{include "components/newsletter/components/newsletter_already_registered" _alreadyRegistered="true" _locaKeyText="newsletter_text_already_registered" }}}
|
|
52
53
|
</div>
|
|
53
54
|
</form>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
<div id="newsletter_form_hint">
|
|
58
|
+
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
59
|
+
<p class="font-bold">Hinweis</p>
|
|
60
|
+
<p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
|
|
61
|
+
<p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php" class="" target="_blank"><strong>hier</strong></a> abschließen / verwalten / beenden. </p>
|
|
62
|
+
</div>
|
|
54
63
|
</div>
|
|
@@ -1,21 +1,5 @@
|
|
|
1
1
|
<div id="{{this.uuid}}" class="relative clear-both bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}">
|
|
2
2
|
{{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
|
|
3
|
-
<div id="newsletter_form">
|
|
4
3
|
{{> components/newsletter/components/newsletter_form}}
|
|
5
|
-
</div>
|
|
6
|
-
<noscript>
|
|
7
|
-
<div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
8
|
-
<p class="font-bold">Hinweis</p>
|
|
9
|
-
<p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
|
|
10
|
-
<p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php" class="" target="_blank"><strong>hier</strong></a> abschließen / verwalten / beenden. </p>
|
|
11
|
-
</div>
|
|
12
|
-
</noscript>
|
|
13
4
|
{{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
|
|
14
5
|
</div>
|
|
15
|
-
<noscript>
|
|
16
|
-
<style type="text/css">
|
|
17
|
-
#newsletter_form {
|
|
18
|
-
display: none;
|
|
19
|
-
}
|
|
20
|
-
</style>
|
|
21
|
-
</noscript>
|
|
@@ -30,34 +30,36 @@
|
|
|
30
30
|
>
|
|
31
31
|
{{> components/voting/components/voting_header _isTeaser=../../_isTeaser _title=../this.title _topline=../this.topline}}
|
|
32
32
|
|
|
33
|
-
<div
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
<div class="w-full mt-6 text-xs text-right sm:mt-8 font-headingSerif sm:text-sm text-gray-scorpion dark:text-text-dark">
|
|
39
|
-
{{#if ../this.isMultipleChoice}}
|
|
40
|
-
{{loca "votingform_open_answers_text" ../this.maxAnswerCount}}
|
|
41
|
-
{{else}}
|
|
42
|
-
{{loca "votingform_single_answer_text"}}
|
|
33
|
+
<div id="voting_form">
|
|
34
|
+
<div class="js-voting-form__bottomWrapper">
|
|
35
|
+
{{#if this.shorttext}}
|
|
36
|
+
<p class="mt-3 text-base font-copy sm:text-lg dark:text-text-dark">{{this.shorttext}}</p>
|
|
43
37
|
{{/if}}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
38
|
+
|
|
39
|
+
<div class="w-full mt-6 text-xs text-right sm:mt-8 font-headingSerif sm:text-sm text-gray-scorpion dark:text-text-dark">
|
|
40
|
+
{{#if ../this.isMultipleChoice}}
|
|
41
|
+
{{loca "votingform_open_answers_text" ../this.maxAnswerCount}}
|
|
42
|
+
{{else}}
|
|
43
|
+
{{loca "votingform_single_answer_text"}}
|
|
44
|
+
{{/if}}
|
|
45
|
+
<span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
|
|
46
|
+
</div>
|
|
47
|
+
{{> components/forms/components/fields
|
|
48
|
+
_multipleChoice=../this.isMultipleChoice
|
|
49
|
+
_isHorizontalLayout=this.isHorizontalLayout
|
|
50
|
+
_isMultimediaVoting=../this.isMultimediaVoting
|
|
51
|
+
_addClassGroup="!flex-col mt-2"
|
|
52
|
+
_addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex hover:!outline-2 hover:!outline-blue-science-hex bg-white dark:bg-black has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
|
|
53
|
+
_addClassLabel="w-full !pt-[15px] sm:!pt-[18px] !pb-[9px] sm:!pb-3.5 !pr-3 sm:!pr-4"
|
|
54
|
+
_addClassLabelForDataPolicy="!pt-0"
|
|
55
|
+
_addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
|
|
56
|
+
}}
|
|
57
|
+
<div class="w-full h-12">
|
|
58
|
+
{{#if this.is2FSecured}}
|
|
59
|
+
<div class="float-left mt-1 text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
|
|
60
|
+
{{/if}}
|
|
61
|
+
{{> components/voting/components/voting_submit _label="Abstimmen" _addClass="js-voting-submit-button"}}
|
|
62
|
+
</div>
|
|
61
63
|
</div>
|
|
62
64
|
</div>
|
|
63
65
|
<script type="text/html" class="js-successMessage">
|
|
@@ -110,6 +112,12 @@
|
|
|
110
112
|
{{> components/voting/voting_result _hideVotingResult=this.hideVotingResult}}
|
|
111
113
|
{{/unless}}
|
|
112
114
|
{{/with}}
|
|
115
|
+
<div id="voting_form_hint">
|
|
116
|
+
<div class="p-4 mt-6 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
|
|
117
|
+
<p class="font-bold">Hinweis</p>
|
|
118
|
+
<p>Bitte aktivieren Sie JavaScript, um bei einem Voting abstimmen zu können.</p>
|
|
119
|
+
</div>
|
|
120
|
+
</div>
|
|
113
121
|
{{/components/forms/components/backgroundBox }}
|
|
114
122
|
|
|
115
123
|
{{!--Featured Content--}}
|