hr-design-system-handlebars 1.110.8 → 1.110.10
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/.storybook/preview.js +1 -1
- package/CHANGELOG.md +25 -0
- package/dist/assets/index.css +14 -5
- package/dist/views/components/content/copytext/components/audio.hbs +2 -2
- package/dist/views/components/content/copytext/components/audioeventlivestream.hbs +2 -2
- package/dist/views/components/content/copytext/components/cite.hbs +1 -1
- package/dist/views/components/content/copytext/components/common/paragraphbox_wrapper.hbs +1 -1
- package/dist/views/components/content/copytext/components/image/image.hbs +4 -4
- package/dist/views/components/content/copytext/components/podcastepisode.hbs +1 -1
- package/dist/views/components/content/copytext/components/posterteaser.hbs +1 -1
- package/dist/views/components/content/copytext/components/video/video.hbs +2 -2
- package/dist/views/components/content/copytext/components/videolivestream.hbs +2 -2
- package/dist/views/components/forms/error_icon.hbs +1 -1
- package/dist/views/components/forms/input.hbs +1 -1
- package/dist/views/components/forms/message.hbs +17 -0
- package/dist/views/components/forms/success_icon.hbs +3 -0
- package/dist/views/components/forms/textarea.hbs +1 -1
- package/dist/views/components/forms/webform.hbs +4 -2
- package/dist/views/components/podcast/components/podcast_player_ui.hbs +1 -1
- package/dist/views_static/components/content/copytext/components/audio.hbs +2 -2
- package/dist/views_static/components/content/copytext/components/audioeventlivestream.hbs +2 -2
- package/dist/views_static/components/content/copytext/components/cite.hbs +1 -1
- package/dist/views_static/components/content/copytext/components/common/paragraphbox_wrapper.hbs +1 -1
- package/dist/views_static/components/content/copytext/components/image/image.hbs +4 -4
- package/dist/views_static/components/content/copytext/components/podcastepisode.hbs +1 -1
- package/dist/views_static/components/content/copytext/components/posterteaser.hbs +1 -1
- package/dist/views_static/components/content/copytext/components/video/video.hbs +2 -2
- package/dist/views_static/components/content/copytext/components/videolivestream.hbs +2 -2
- package/dist/views_static/components/forms/error_icon.hbs +1 -1
- package/dist/views_static/components/forms/input.hbs +1 -1
- package/dist/views_static/components/forms/message.hbs +17 -0
- package/dist/views_static/components/forms/success_icon.hbs +3 -0
- package/dist/views_static/components/forms/textarea.hbs +1 -1
- package/dist/views_static/components/forms/webform.hbs +4 -2
- package/dist/views_static/components/podcast/components/podcast_player_ui.hbs +1 -1
- package/package.json +1 -1
- package/src/stories/views/components/content/copytext/components/audio.hbs +2 -2
- package/src/stories/views/components/content/copytext/components/audioeventlivestream.hbs +2 -2
- package/src/stories/views/components/content/copytext/components/cite.hbs +1 -1
- package/src/stories/views/components/content/copytext/components/common/paragraphbox_wrapper.hbs +1 -1
- package/src/stories/views/components/content/copytext/components/image/image.hbs +4 -4
- package/src/stories/views/components/content/copytext/components/podcastepisode.hbs +1 -1
- package/src/stories/views/components/content/copytext/components/posterteaser.hbs +1 -1
- package/src/stories/views/components/content/copytext/components/video/video.hbs +2 -2
- package/src/stories/views/components/content/copytext/components/videolivestream.hbs +2 -2
- package/src/stories/views/components/content/copytext/copytext-form.stories.js +3 -1
- package/src/stories/views/components/forms/error_icon.hbs +1 -1
- package/src/stories/views/components/forms/input.hbs +1 -1
- package/src/stories/views/components/forms/message.hbs +17 -0
- package/src/stories/views/components/forms/success_icon.hbs +3 -0
- package/src/stories/views/components/forms/textarea.hbs +1 -1
- package/src/stories/views/components/forms/webform.hbs +4 -2
- package/src/stories/views/components/podcast/components/podcast_player_ui.hbs +1 -1
package/.storybook/preview.js
CHANGED
|
@@ -29,7 +29,7 @@ checkcss.onClassnameDetected = function (classname, element) {
|
|
|
29
29
|
// For example, to ignore classnames starting with
|
|
30
30
|
// "license-" or "maintainer-"...
|
|
31
31
|
var storybookRoot = document.getElementById('storybook-root');
|
|
32
|
-
var prefixes = /^js-|^ui-test-|^sb-/.test(classname) ? false : true
|
|
32
|
+
var prefixes = /^js-|^ui-test-|^hrds-|^sb-/.test(classname) ? false : true
|
|
33
33
|
return storybookRoot.contains(element) && prefixes
|
|
34
34
|
}
|
|
35
35
|
checkcss.onUndefinedClassname = function (classname) {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
# v1.110.10 (Wed Oct 16 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Dpe 3308 error&success message [#1114](https://github.com/mumprod/hr-design-system-handlebars/pull/1114) ([@StefanVesper](https://github.com/StefanVesper) [@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 2
|
|
8
|
+
|
|
9
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
10
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
# v1.110.9 (Wed Oct 16 2024)
|
|
15
|
+
|
|
16
|
+
#### 🐛 Bug Fix
|
|
17
|
+
|
|
18
|
+
- Feature/dpe 3394 [#1113](https://github.com/mumprod/hr-design-system-handlebars/pull/1113) ([@szuelch](https://github.com/szuelch))
|
|
19
|
+
|
|
20
|
+
#### Authors: 1
|
|
21
|
+
|
|
22
|
+
- [@szuelch](https://github.com/szuelch)
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
1
26
|
# v1.110.8 (Tue Oct 15 2024)
|
|
2
27
|
|
|
3
28
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3311,6 +3311,11 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3311
3311
|
color: #005293;
|
|
3312
3312
|
color: var(--color-primary-ds);
|
|
3313
3313
|
}
|
|
3314
|
+
.text-red-700 {
|
|
3315
|
+
--tw-text-opacity: 1;
|
|
3316
|
+
color: rgba(185, 28, 28, 1);
|
|
3317
|
+
color: rgba(185, 28, 28, var(--tw-text-opacity));
|
|
3318
|
+
}
|
|
3314
3319
|
.text-search-footer-text {
|
|
3315
3320
|
color: #000000;
|
|
3316
3321
|
color: var(--color-search-footer-text);
|
|
@@ -3355,6 +3360,10 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3355
3360
|
color: #ffffff;
|
|
3356
3361
|
color: var(--color-ticker-teaser-label-byline);
|
|
3357
3362
|
}
|
|
3363
|
+
.text-toggle-confirmation {
|
|
3364
|
+
color: #2c7e13;
|
|
3365
|
+
color: var(--color-toggle-confirmation);
|
|
3366
|
+
}
|
|
3358
3367
|
.text-toplineColor {
|
|
3359
3368
|
color: #006dc1;
|
|
3360
3369
|
color: var(--color-topline);
|
|
@@ -3575,7 +3584,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3575
3584
|
border-bottom-color: var(--color-secondary-ds);
|
|
3576
3585
|
}
|
|
3577
3586
|
.counter-reset {
|
|
3578
|
-
counter-reset:
|
|
3587
|
+
counter-reset: cnt1729088219642;
|
|
3579
3588
|
}
|
|
3580
3589
|
.placeholder-text-xs::-webkit-input-placeholder {
|
|
3581
3590
|
font-size: 0.75rem;
|
|
@@ -3989,7 +3998,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3989
3998
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3990
3999
|
}
|
|
3991
4000
|
.-ordered {
|
|
3992
|
-
counter-increment:
|
|
4001
|
+
counter-increment: cnt1729088219642 1;
|
|
3993
4002
|
}
|
|
3994
4003
|
.-ordered::before {
|
|
3995
4004
|
position: absolute;
|
|
@@ -4007,7 +4016,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
4007
4016
|
--tw-text-opacity: 1;
|
|
4008
4017
|
color: rgba(0, 0, 0, 1);
|
|
4009
4018
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4010
|
-
content: counter(
|
|
4019
|
+
content: counter(cnt1729088219642);
|
|
4011
4020
|
}
|
|
4012
4021
|
/*! ****************************/
|
|
4013
4022
|
/*! DataPolicy stuff */
|
|
@@ -8433,12 +8442,12 @@ input[type='radio']:checked::after {
|
|
|
8433
8442
|
}
|
|
8434
8443
|
}
|
|
8435
8444
|
}
|
|
8436
|
-
.\[\&\+\.
|
|
8445
|
+
.\[\&\+\.hrds-copytext-teaser-half\]\:mt-4+.hrds-copytext-teaser-half {
|
|
8437
8446
|
margin-top: 1rem;
|
|
8438
8447
|
}
|
|
8439
8448
|
@media (min-width: 640px) {
|
|
8440
8449
|
|
|
8441
|
-
.sm\:\[\&\+\.
|
|
8450
|
+
.sm\:\[\&\+\.hrds-copytext-teaser-half\]\:mt-0+.hrds-copytext-teaser-half {
|
|
8442
8451
|
margin-top: 0px;
|
|
8443
8452
|
}
|
|
8444
8453
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#if this.showFullSize.isTrue }}
|
|
2
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
2
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="
|
|
4
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
|
|
5
5
|
{{/if}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#if this.showFullSize.isTrue }}
|
|
2
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
2
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="
|
|
4
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
|
|
5
5
|
{{/if}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<div class="{{#if this.paragraphProperties.[0].showFullSize }}mt-6 mb-2 sm480:mt-7 sm480:mb-7{{else}}
|
|
1
|
+
<div class="{{#if this.paragraphProperties.[0].showFullSize }}mt-6 mb-2 sm480:mt-7 sm480:mb-7{{else}}hrds-copytext-teaser-half mr-0 sm:mr-5 mb-2 sm:mb-5 mt-5 w-full sm:w-1/2 sm:float-left{{/if}}">
|
|
2
2
|
{{> components/base/image/icon _icon="quotation" _addClass="sm:ml-4 mr-2 mt-px float-left text-gray-scorpion w-6 h-6 sm480:w-8 sm480:h-8 fill-current dark:fill-link-dark"}}
|
|
3
3
|
<span class="sr-only">{{loca "story_cite_intro_sr" }}</span>
|
|
4
4
|
<blockquote>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.
|
|
1
|
+
<div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 clear-both mt-12 mb-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14 {{else}}hrds-copytext-teaser-half mb-8 sm:mb-5 sm:mt-6 mt-12 w-full sm:w-1/2 sm:float-left{{/if}}{{#if _cssClasses}} {{_cssClasses}}{{/if}}">
|
|
2
2
|
{{~> @partial-block ~}}
|
|
3
3
|
</div>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{{#if this.showPortrait.isTrue }}
|
|
2
2
|
{{#if this.showFullSize.isTrue }}
|
|
3
3
|
{{> components/content/copytext/components/image/figure
|
|
4
|
-
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
4
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
5
5
|
_cssClassCaption="mx-5 sm:mx-0"
|
|
6
6
|
_type="story"
|
|
7
7
|
_variant="100-copytext-portrait"
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
_isWebview=_isWebview}}
|
|
10
10
|
{{else}}
|
|
11
11
|
{{> components/content/copytext/components/image/figure
|
|
12
|
-
_cssClass="
|
|
12
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
13
13
|
_cssClassCaption="mx-5 sm:mx-0"
|
|
14
14
|
_type="story"
|
|
15
15
|
_variant="copytext-portrait"
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
{{else}}
|
|
20
20
|
{{#if this.showFullSize.isTrue}}
|
|
21
21
|
{{> components/content/copytext/components/image/figure
|
|
22
|
-
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
22
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
23
23
|
_cssClassCaption="mx-5 sm:mx-0"
|
|
24
24
|
_type="story"
|
|
25
25
|
_variant="100-copytext"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
_isWebview=_isWebview}}
|
|
28
28
|
{{else}}
|
|
29
29
|
{{> components/content/copytext/components/image/figure
|
|
30
|
-
_cssClass="
|
|
30
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
31
31
|
_cssClassCaption="mx-5 sm:mx-0"
|
|
32
32
|
_type="story"
|
|
33
33
|
_variant="copytext"
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.
|
|
1
|
+
<div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 mt-12 mb-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14{{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
|
|
2
2
|
{{> components/teaser/podcast/podcast _headlineTag="h3" _isCopytext=true }}
|
|
3
3
|
</div>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}
|
|
1
|
+
<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
|
|
2
2
|
{{> components/teaser/teaser_poster _isCopytext=true }}
|
|
3
3
|
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#if this.showFullSize.isTrue }}
|
|
2
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
2
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="
|
|
4
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
|
|
5
5
|
{{/if}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#if this.showFullSize.isTrue }}
|
|
2
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
2
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="
|
|
4
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
|
|
5
5
|
{{/if}}
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
</label>
|
|
62
62
|
|
|
63
63
|
<div class="absolute top-0 z-10 flex items-center justify-center h-12 right-4">
|
|
64
|
-
{{> components/forms/error_icon _xclass="{'hidden': hideError() }"}}
|
|
64
|
+
{{> components/forms/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
|
|
65
65
|
</div>
|
|
66
66
|
|
|
67
67
|
<div class="flex items-end justify-between h-5 font-heading">
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<div class="flex flex-row items-center justify-between w-full">
|
|
2
|
+
<div class="flex items-center gap-x-2 md:gap-x-3">
|
|
3
|
+
{{#if _success}}
|
|
4
|
+
{{> components/forms/success_icon}}
|
|
5
|
+
<span class="font-bold text-green-800">{{_messageText}}</span>
|
|
6
|
+
{{else}}
|
|
7
|
+
{{> components/forms/error_icon}}
|
|
8
|
+
<span class="font-bold text-red-700">{{_messageText}}</span>
|
|
9
|
+
{{/if}}
|
|
10
|
+
</div>
|
|
11
|
+
{{#unless _success}}
|
|
12
|
+
{{#> components/button/button _variant="primary"_size="lg" _css="" _type="reset"}}
|
|
13
|
+
<span class="text-base ds-button-label ">Nochmal versuchen</span>
|
|
14
|
+
{{/components/button/button}}
|
|
15
|
+
{{/unless}}
|
|
16
|
+
|
|
17
|
+
</div>
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
</label>
|
|
62
62
|
{{#if _required}}
|
|
63
63
|
<div class="absolute top-0 z-10 flex items-center justify-center h-12 right-4">
|
|
64
|
-
{{> components/forms/error_icon _xclass="{'hidden': hideError() }"}}
|
|
64
|
+
{{> components/forms/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
|
|
65
65
|
</div>
|
|
66
66
|
{{/if}}
|
|
67
67
|
<div class="flex items-end justify-between h-5 font-heading">
|
|
@@ -25,11 +25,13 @@
|
|
|
25
25
|
{{> components/forms/fields _formId=(joinStrings 'form' (getRandom)) }}
|
|
26
26
|
|
|
27
27
|
{{> components/forms/controls }}
|
|
28
|
+
|
|
28
29
|
<template id="successMessage">
|
|
29
|
-
|
|
30
|
+
{{> components/forms/message _success=true _messageText="Das Formular wurde erforlgreich versendet." }}
|
|
30
31
|
</template>
|
|
32
|
+
|
|
31
33
|
<template id="errorMessage">
|
|
32
|
-
|
|
34
|
+
{{> components/forms/message _success=false _messageText="Das Formular konnte nicht versendet werden." }}
|
|
33
35
|
</template>
|
|
34
36
|
|
|
35
37
|
</form>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#if this.showFullSize.isTrue }}
|
|
2
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
2
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="
|
|
4
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
|
|
5
5
|
{{/if}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#if this.showFullSize.isTrue }}
|
|
2
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
2
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="
|
|
4
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
|
|
5
5
|
{{/if}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<div class="{{#if this.paragraphProperties.[0].showFullSize }}mt-6 mb-2 sm480:mt-7 sm480:mb-7{{else}}
|
|
1
|
+
<div class="{{#if this.paragraphProperties.[0].showFullSize }}mt-6 mb-2 sm480:mt-7 sm480:mb-7{{else}}hrds-copytext-teaser-half mr-0 sm:mr-5 mb-2 sm:mb-5 mt-5 w-full sm:w-1/2 sm:float-left{{/if}}">
|
|
2
2
|
{{> components/base/image/icon _icon="quotation" _addClass="sm:ml-4 mr-2 mt-px float-left text-gray-scorpion w-6 h-6 sm480:w-8 sm480:h-8 fill-current dark:fill-link-dark"}}
|
|
3
3
|
<span class="sr-only">{{loca "story_cite_intro_sr" }}</span>
|
|
4
4
|
<blockquote>
|
package/dist/views_static/components/content/copytext/components/common/paragraphbox_wrapper.hbs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.
|
|
1
|
+
<div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 clear-both mt-12 mb-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14 {{else}}hrds-copytext-teaser-half mb-8 sm:mb-5 sm:mt-6 mt-12 w-full sm:w-1/2 sm:float-left{{/if}}{{#if _cssClasses}} {{_cssClasses}}{{/if}}">
|
|
2
2
|
{{~> @partial-block ~}}
|
|
3
3
|
</div>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{{#if this.showPortrait.isTrue }}
|
|
2
2
|
{{#if this.showFullSize.isTrue }}
|
|
3
3
|
{{> components/content/copytext/components/image/figure
|
|
4
|
-
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
4
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
5
5
|
_cssClassCaption="mx-5 sm:mx-0"
|
|
6
6
|
_type="story"
|
|
7
7
|
_variant="100-copytext-portrait"
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
_isWebview=_isWebview}}
|
|
10
10
|
{{else}}
|
|
11
11
|
{{> components/content/copytext/components/image/figure
|
|
12
|
-
_cssClass="
|
|
12
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
13
13
|
_cssClassCaption="mx-5 sm:mx-0"
|
|
14
14
|
_type="story"
|
|
15
15
|
_variant="copytext-portrait"
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
{{else}}
|
|
20
20
|
{{#if this.showFullSize.isTrue}}
|
|
21
21
|
{{> components/content/copytext/components/image/figure
|
|
22
|
-
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
22
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
23
23
|
_cssClassCaption="mx-5 sm:mx-0"
|
|
24
24
|
_type="story"
|
|
25
25
|
_variant="100-copytext"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
_isWebview=_isWebview}}
|
|
28
28
|
{{else}}
|
|
29
29
|
{{> components/content/copytext/components/image/figure
|
|
30
|
-
_cssClass="
|
|
30
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
31
31
|
_cssClassCaption="mx-5 sm:mx-0"
|
|
32
32
|
_type="story"
|
|
33
33
|
_variant="copytext"
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.
|
|
1
|
+
<div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 mt-12 mb-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14{{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
|
|
2
2
|
{{> components/teaser/podcast/podcast _headlineTag="h3" _isCopytext=true }}
|
|
3
3
|
</div>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}
|
|
1
|
+
<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
|
|
2
2
|
{{> components/teaser/teaser_poster _isCopytext=true }}
|
|
3
3
|
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#if this.showFullSize.isTrue }}
|
|
2
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
2
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="
|
|
4
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
|
|
5
5
|
{{/if}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#if this.showFullSize.isTrue }}
|
|
2
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
2
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="
|
|
4
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
|
|
5
5
|
{{/if}}
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
</label>
|
|
62
62
|
|
|
63
63
|
<div class="absolute top-0 z-10 flex items-center justify-center h-12 right-4">
|
|
64
|
-
{{> components/forms/error_icon _xclass="{'hidden': hideError() }"}}
|
|
64
|
+
{{> components/forms/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
|
|
65
65
|
</div>
|
|
66
66
|
|
|
67
67
|
<div class="flex items-end justify-between h-5 font-heading">
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<div class="flex flex-row items-center justify-between w-full">
|
|
2
|
+
<div class="flex items-center gap-x-2 md:gap-x-3">
|
|
3
|
+
{{#if _success}}
|
|
4
|
+
{{> components/forms/success_icon}}
|
|
5
|
+
<span class="font-bold text-green-800">{{_messageText}}</span>
|
|
6
|
+
{{else}}
|
|
7
|
+
{{> components/forms/error_icon}}
|
|
8
|
+
<span class="font-bold text-red-700">{{_messageText}}</span>
|
|
9
|
+
{{/if}}
|
|
10
|
+
</div>
|
|
11
|
+
{{#unless _success}}
|
|
12
|
+
{{#> components/button/button _variant="primary"_size="lg" _css="" _type="reset"}}
|
|
13
|
+
<span class="text-base ds-button-label ">Nochmal versuchen</span>
|
|
14
|
+
{{/components/button/button}}
|
|
15
|
+
{{/unless}}
|
|
16
|
+
|
|
17
|
+
</div>
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
</label>
|
|
62
62
|
{{#if _required}}
|
|
63
63
|
<div class="absolute top-0 z-10 flex items-center justify-center h-12 right-4">
|
|
64
|
-
{{> components/forms/error_icon _xclass="{'hidden': hideError() }"}}
|
|
64
|
+
{{> components/forms/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
|
|
65
65
|
</div>
|
|
66
66
|
{{/if}}
|
|
67
67
|
<div class="flex items-end justify-between h-5 font-heading">
|
|
@@ -25,11 +25,13 @@
|
|
|
25
25
|
{{> components/forms/fields _formId=(joinStrings 'form' (getRandom)) }}
|
|
26
26
|
|
|
27
27
|
{{> components/forms/controls }}
|
|
28
|
+
|
|
28
29
|
<template id="successMessage">
|
|
29
|
-
|
|
30
|
+
{{> components/forms/message _success=true _messageText="Das Formular wurde erforlgreich versendet." }}
|
|
30
31
|
</template>
|
|
32
|
+
|
|
31
33
|
<template id="errorMessage">
|
|
32
|
-
|
|
34
|
+
{{> components/forms/message _success=false _messageText="Das Formular konnte nicht versendet werden." }}
|
|
33
35
|
</template>
|
|
34
36
|
|
|
35
37
|
</form>
|
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.110.
|
|
9
|
+
"version": "1.110.10",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#if this.showFullSize.isTrue }}
|
|
2
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
2
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="
|
|
4
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
|
|
5
5
|
{{/if}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#if this.showFullSize.isTrue }}
|
|
2
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
2
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="
|
|
4
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
|
|
5
5
|
{{/if}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<div class="{{#if this.paragraphProperties.[0].showFullSize }}mt-6 mb-2 sm480:mt-7 sm480:mb-7{{else}}
|
|
1
|
+
<div class="{{#if this.paragraphProperties.[0].showFullSize }}mt-6 mb-2 sm480:mt-7 sm480:mb-7{{else}}hrds-copytext-teaser-half mr-0 sm:mr-5 mb-2 sm:mb-5 mt-5 w-full sm:w-1/2 sm:float-left{{/if}}">
|
|
2
2
|
{{> components/base/image/icon _icon="quotation" _addClass="sm:ml-4 mr-2 mt-px float-left text-gray-scorpion w-6 h-6 sm480:w-8 sm480:h-8 fill-current dark:fill-link-dark"}}
|
|
3
3
|
<span class="sr-only">{{loca "story_cite_intro_sr" }}</span>
|
|
4
4
|
<blockquote>
|
package/src/stories/views/components/content/copytext/components/common/paragraphbox_wrapper.hbs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.
|
|
1
|
+
<div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 clear-both mt-12 mb-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14 {{else}}hrds-copytext-teaser-half mb-8 sm:mb-5 sm:mt-6 mt-12 w-full sm:w-1/2 sm:float-left{{/if}}{{#if _cssClasses}} {{_cssClasses}}{{/if}}">
|
|
2
2
|
{{~> @partial-block ~}}
|
|
3
3
|
</div>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{{#if this.showPortrait.isTrue }}
|
|
2
2
|
{{#if this.showFullSize.isTrue }}
|
|
3
3
|
{{> components/content/copytext/components/image/figure
|
|
4
|
-
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
4
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
5
5
|
_cssClassCaption="mx-5 sm:mx-0"
|
|
6
6
|
_type="story"
|
|
7
7
|
_variant="100-copytext-portrait"
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
_isWebview=_isWebview}}
|
|
10
10
|
{{else}}
|
|
11
11
|
{{> components/content/copytext/components/image/figure
|
|
12
|
-
_cssClass="
|
|
12
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
13
13
|
_cssClassCaption="mx-5 sm:mx-0"
|
|
14
14
|
_type="story"
|
|
15
15
|
_variant="copytext-portrait"
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
{{else}}
|
|
20
20
|
{{#if this.showFullSize.isTrue}}
|
|
21
21
|
{{> components/content/copytext/components/image/figure
|
|
22
|
-
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
22
|
+
_cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
|
|
23
23
|
_cssClassCaption="mx-5 sm:mx-0"
|
|
24
24
|
_type="story"
|
|
25
25
|
_variant="100-copytext"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
_isWebview=_isWebview}}
|
|
28
28
|
{{else}}
|
|
29
29
|
{{> components/content/copytext/components/image/figure
|
|
30
|
-
_cssClass="
|
|
30
|
+
_cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
|
|
31
31
|
_cssClassCaption="mx-5 sm:mx-0"
|
|
32
32
|
_type="story"
|
|
33
33
|
_variant="copytext"
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.
|
|
1
|
+
<div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 mt-12 mb-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14{{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
|
|
2
2
|
{{> components/teaser/podcast/podcast _headlineTag="h3" _isCopytext=true }}
|
|
3
3
|
</div>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}
|
|
1
|
+
<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
|
|
2
2
|
{{> components/teaser/teaser_poster _isCopytext=true }}
|
|
3
3
|
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#if this.showFullSize.isTrue }}
|
|
2
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
2
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="
|
|
4
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
|
|
5
5
|
{{/if}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#if this.showFullSize.isTrue }}
|
|
2
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.
|
|
2
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="
|
|
4
|
+
{{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
|
|
5
5
|
{{/if}}
|
|
@@ -24,7 +24,9 @@ export default {
|
|
|
24
24
|
method: 'POST',
|
|
25
25
|
status: 200,
|
|
26
26
|
response: {
|
|
27
|
-
|
|
27
|
+
"status":""
|
|
28
|
+
// "status":"OK"
|
|
29
|
+
// "status":"VALIDATION_ERROR", "errors":{"vorname":"form_error_required"}
|
|
28
30
|
},
|
|
29
31
|
},
|
|
30
32
|
],
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
</label>
|
|
62
62
|
|
|
63
63
|
<div class="absolute top-0 z-10 flex items-center justify-center h-12 right-4">
|
|
64
|
-
{{> components/forms/error_icon _xclass="{'hidden': hideError() }"}}
|
|
64
|
+
{{> components/forms/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
|
|
65
65
|
</div>
|
|
66
66
|
|
|
67
67
|
<div class="flex items-end justify-between h-5 font-heading">
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<div class="flex flex-row items-center justify-between w-full">
|
|
2
|
+
<div class="flex items-center gap-x-2 md:gap-x-3">
|
|
3
|
+
{{#if _success}}
|
|
4
|
+
{{> components/forms/success_icon}}
|
|
5
|
+
<span class="font-bold text-green-800">{{_messageText}}</span>
|
|
6
|
+
{{else}}
|
|
7
|
+
{{> components/forms/error_icon}}
|
|
8
|
+
<span class="font-bold text-red-700">{{_messageText}}</span>
|
|
9
|
+
{{/if}}
|
|
10
|
+
</div>
|
|
11
|
+
{{#unless _success}}
|
|
12
|
+
{{#> components/button/button _variant="primary"_size="lg" _css="" _type="reset"}}
|
|
13
|
+
<span class="text-base ds-button-label ">Nochmal versuchen</span>
|
|
14
|
+
{{/components/button/button}}
|
|
15
|
+
{{/unless}}
|
|
16
|
+
|
|
17
|
+
</div>
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
</label>
|
|
62
62
|
{{#if _required}}
|
|
63
63
|
<div class="absolute top-0 z-10 flex items-center justify-center h-12 right-4">
|
|
64
|
-
{{> components/forms/error_icon _xclass="{'hidden': hideError() }"}}
|
|
64
|
+
{{> components/forms/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
|
|
65
65
|
</div>
|
|
66
66
|
{{/if}}
|
|
67
67
|
<div class="flex items-end justify-between h-5 font-heading">
|
|
@@ -25,11 +25,13 @@
|
|
|
25
25
|
{{> components/forms/fields _formId=(joinStrings 'form' (getRandom)) }}
|
|
26
26
|
|
|
27
27
|
{{> components/forms/controls }}
|
|
28
|
+
|
|
28
29
|
<template id="successMessage">
|
|
29
|
-
|
|
30
|
+
{{> components/forms/message _success=true _messageText="Das Formular wurde erforlgreich versendet." }}
|
|
30
31
|
</template>
|
|
32
|
+
|
|
31
33
|
<template id="errorMessage">
|
|
32
|
-
|
|
34
|
+
{{> components/forms/message _success=false _messageText="Das Formular konnte nicht versendet werden." }}
|
|
33
35
|
</template>
|
|
34
36
|
|
|
35
37
|
</form>
|