hr-design-system-handlebars 1.114.41 → 1.114.43

package/src/stories/views/components/newsletter/newsletter.hbs

@@ -1,30 +1,30 @@
-{{#unless this.useNewNewsletter}}
-    <div id="{{this.uuid}}" class="{{_addClass}} js-load" data-hr-newsletter='{"url": "{{this.url.nocache}}"}'>
+{{#if this.useNewNewsletter}}
+    <div id="{{this.uuid}}" class="{{_addClass}} ">
         {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
         <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
             {{this.title}}
         </h3>
+        {{#if this.description}}
+        <p class="mt-4 text-base font-copy sm:text-lg sm:mt-5 dark:text-text-dark">
+            {{{this.description}}}
+        </p>
+       {{/if}}
         <div class="js-formWrapper">
-            {{> components/newsletter/components/newsletter_form}}
+            {{> components/newsletter/components/new_newsletter_form}}
         </div>
         {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
     </div>
 {{else}}
-    <div id="{{this.uuid}}" class="{{_addClass}} ">
+    <div id="{{this.uuid}}" class="{{_addClass}} js-load" data-hr-newsletter-ds='{"url": "{{this.url.nocache}}"}'>
         {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
         <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
             {{this.title}}
         </h3>
-        {{#if this.description}}
-            <div class="c-form__row">
-                <div class="c-form__label">
-                    {{{this.description}}}
-                </div>
-            </div>
-        {{/if}}
+    
         <div class="js-formWrapper">
-            {{> components/newsletter/components/new_newsletter_form}}
+            {{> components/newsletter/components/newsletter_form}}
         </div>
+       
         {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
     </div>
-{{/unless}}
+ {{/if}}

package/src/stories/views/components/podcast/podcast_player.hbs

@@ -38,7 +38,7 @@
             {{!-- Podcast Image      --}}
             {{#if this.hasTeaserItem}}
               <div class="flex flex-col ">
-                  <div class="w-22 {{#if _isArticlePlayer }} md:w-32 lg:w-42 {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}} {{/if}}">
+                  <div class="w-18 xs:w-22 {{#if _isArticlePlayer }} md:w-32 lg:w-42 {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}} {{/if}}">
                       {{> components/base/image/responsive_image this.teaseritem
                               _type="podcastEpisodePlayer"
                               _variant="default"

package/src/stories/views/components/newsletter/components/newsletter_form.hbs.DEPRECATED

@@ -1,106 +0,0 @@
-<form class="c-form o-box -accented -breakout js-form" id="form--{{nextRandom}}"
-      action="{{configProperty "mailserver.newsletter"}}" method="post" enctype="application/x-www-form-urlencoded"
-      accept-charset="utf-8">
-       
-    {{#if this.description}}
-        <div class="c-form__row">
-            <div class="c-form__label">
-                {{{this.description}}}
-            </div>
-        </div>
-    {{/if}}
-
-    <div class="c-form__row -expanded">
-        {{~> components/forms/components/input
-            _type="email"
-            _isEmail="true"
-            _name="email"
-            _label="E-Mail"
-            _labelClass="hide"
-            _description=""
-            _wrapperClass=(if this.isHidden "hidden")
-            _tabindex=(if this.isHidden "-1")
-            _required="true"
-            _maxLength="140"
-            _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
-            _errorEmail="Bitte geben Sie eine gültige E-Mail-Adresse ein."
-            _formId=../_formId
-        }}
-    </div>
-
-    <div class="c-form__row -hasLegend">
-        <fieldset class="c-form__field-set">
-            <legend class="c-form__legend">{{loca "newsletter_subscribe_text"}}</legend>
-            <div class="c-form__row -options">
-                <div class="c-form__options">
-                    <div class="c-form__options__wrapper">
-                        <div class="c-form__option">
-                            {{> components/forms/components/choice
-                                    _name="INXMAIL_SUBSCRIPTION"
-                                    _inputClass="js-newsletter-subscribe"
-                                    _type="checkbox"
-                                    _locaKey="newsletter_subscribe"
-                                    _selected=true
-                                    _value=this.mailingList
-                                    _inGroup=true
-                                    _radioCheckbox=true
-                            }}
-                        </div>
-
-                        <div class="c-form__option">
-                            {{> components/forms/components/choice
-                                    _name="INXMAIL_UNSUBSCRIPTION"
-                                    _inputClass="js-newsletter-unsubscribe"
-                                    _type="checkbox"
-                                    _locaKey="newsletter_unsubscribe"
-                                    _value=this.mailingList
-                                    _inGroup=true
-                                    _radioCheckbox=true
-                            }}
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </fieldset>
-    </div>
-
-    <div class="c-form__row">
-       
-    </div>
-
-    {{~> components/forms/components/controls }}
-
-    {{~> components/forms/components/input
-            _formField=this.formData.message
-            _labelClass="hideCompletely"
-            _locaKey="comment_label_message"
-            _inputClass="commentForm__message hide"
-            _name="message"
-            _type="text"
-            _maxLength="140"
-    }}
-
-    {{~> components/forms/components/input
-            _formField=this.formData.INXMAIL_HTTP_REDIRECT
-            _name="INXMAIL_HTTP_REDIRECT"
-            _type="hidden"
-            _value=this.successLink
-            _hasLabel=false
-    }}
-
-    {{~>components/forms/components/input
-            _formField=this.formData.INXMAIL_HTTP_REDIRECT_ERROR
-            _name="INXMAIL_HTTP_REDIRECT_ERROR"
-            _type="hidden"
-            _value=this.errorLink
-            _hasLabel=false
-    }}
-
-    {{~> components/forms/components/input
-            _formField=this.formData.backlink
-            _name="backlink"
-            _type="hidden"
-            _value=this.backlinkUuid
-            _hasLabel=false
-    }}
-</form>