hr-design-system-handlebars 1.113.4 → 1.113.6

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.113.6 (Wed Oct 30 2024)
+
+#### 🐛 Bug Fix
+
+- DPE-3353 add votingresult-barchart [#1133](https://github.com/mumprod/hr-design-system-handlebars/pull/1133) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
+# v1.113.5 (Wed Oct 30 2024)
+
+#### 🐛 Bug Fix
+
+- Contactform some fixes [#1132](https://github.com/mumprod/hr-design-system-handlebars/pull/1132) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.113.4 (Tue Oct 29 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/brand/hessenschau/conf/locatags.merged.json

@@ -208,6 +208,9 @@
 	"webform_send_title_error": "Das hat leider nicht geklappt!",
 	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
 	"webform_send_form_back": "Zurück zum Formular",
+	"form_text_required": "* Pflichtfeld",
+	"form_button_reset": "Zurücksetzen",
+	"form_button_submit": "Absenden",
 	"header_homepage_link_title": "Startseite hessenschau . d e",
 	"meta_application_name": "hessenschau.de"
 }

package/dist/assets/brand/hr/conf/locatags.merged.json

@@ -208,6 +208,9 @@
 	"webform_send_title_error": "Das hat leider nicht geklappt!",
 	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
 	"webform_send_form_back": "Zurück zum Formular",
+	"form_text_required": "* Pflichtfeld",
+	"form_button_reset": "Zurücksetzen",
+	"form_button_submit": "Absenden",
 	"header_homepage_link_title": "Startseite hr . d e",
 	"meta_application_name": "hr.de"
 }

package/dist/assets/brand/hr-bigband/conf/locatags.merged.json

@@ -208,6 +208,9 @@
 	"webform_send_title_error": "Das hat leider nicht geklappt!",
 	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
 	"webform_send_form_back": "Zurück zum Formular",
+	"form_text_required": "* Pflichtfeld",
+	"form_button_reset": "Zurücksetzen",
+	"form_button_submit": "Absenden",
 	"header_homepage_link_title": "Startseite hr-bigband . d e",
 	"meta_application_name": "hr-bigband.de"
 }

package/dist/assets/brand/hr-fernsehen/conf/locatags.merged.json

@@ -208,6 +208,9 @@
 	"webform_send_title_error": "Das hat leider nicht geklappt!",
 	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
 	"webform_send_form_back": "Zurück zum Formular",
+	"form_text_required": "* Pflichtfeld",
+	"form_button_reset": "Zurücksetzen",
+	"form_button_submit": "Absenden",
 	"header_homepage_link_title": "Startseite hr-fernsehen . d e",
 	"meta_application_name": "hr-fernsehen.de"
 }

package/dist/assets/brand/hr-inforadio/conf/locatags.merged.json

@@ -208,6 +208,9 @@
 	"webform_send_title_error": "Das hat leider nicht geklappt!",
 	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
 	"webform_send_form_back": "Zurück zum Formular",
+	"form_text_required": "* Pflichtfeld",
+	"form_button_reset": "Zurücksetzen",
+	"form_button_submit": "Absenden",
 	"header_homepage_link_title": "Startseite hr-inforadio . d e",
 	"meta_application_name": "hr-inforadio.de"
 }

package/dist/assets/brand/hr-rundfunkrat/conf/locatags.merged.json

@@ -208,6 +208,9 @@
 	"webform_send_title_error": "Das hat leider nicht geklappt!",
 	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
 	"webform_send_form_back": "Zurück zum Formular",
+	"form_text_required": "* Pflichtfeld",
+	"form_button_reset": "Zurücksetzen",
+	"form_button_submit": "Absenden",
 	"header_homepage_link_title": "Startseite hr-rundfunkrat . d e",
 	"meta_application_name": "hr-rundfunkrat.de"
 }

package/dist/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json

@@ -208,6 +208,9 @@
 	"webform_send_title_error": "Das hat leider nicht geklappt!",
 	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
 	"webform_send_form_back": "Zurück zum Formular",
+	"form_text_required": "* Pflichtfeld",
+	"form_button_reset": "Zurücksetzen",
+	"form_button_submit": "Absenden",
 	"header_homepage_link_title": "Startseite hr-sinfonieorchester . d e",
 	"meta_application_name": "hr-sinfonieorchester.de"
 }

package/dist/assets/brand/hr-werbung/conf/locatags.merged.json

@@ -208,6 +208,9 @@
 	"webform_send_title_error": "Das hat leider nicht geklappt!",
 	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
 	"webform_send_form_back": "Zurück zum Formular",
+	"form_text_required": "* Pflichtfeld",
+	"form_button_reset": "Zurücksetzen",
+	"form_button_submit": "Absenden",
 	"header_homepage_link_title": "Startseite hr-werbung . d e",
 	"meta_application_name": "hr-werbung.de"
 }

package/dist/assets/brand/hr1/conf/locatags.merged.json

@@ -208,6 +208,9 @@
 	"webform_send_title_error": "Das hat leider nicht geklappt!",
 	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
 	"webform_send_form_back": "Zurück zum Formular",
+	"form_text_required": "* Pflichtfeld",
+	"form_button_reset": "Zurücksetzen",
+	"form_button_submit": "Absenden",
 	"header_homepage_link_title": "Startseite hr1 . d e",
 	"meta_application_name": "hr1.de"
 }

package/dist/assets/brand/hr2/conf/locatags.merged.json

@@ -208,6 +208,9 @@
 	"webform_send_title_error": "Das hat leider nicht geklappt!",
 	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
 	"webform_send_form_back": "Zurück zum Formular",
+	"form_text_required": "* Pflichtfeld",
+	"form_button_reset": "Zurücksetzen",
+	"form_button_submit": "Absenden",
 	"header_homepage_link_title": "Startseite hr2 . d e",
 	"meta_application_name": "hr2.de"
 }

package/dist/assets/brand/hr3/conf/locatags.merged.json

@@ -208,6 +208,9 @@
 	"webform_send_title_error": "Das hat leider nicht geklappt!",
 	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
 	"webform_send_form_back": "Zurück zum Formular",
+	"form_text_required": "* Pflichtfeld",
+	"form_button_reset": "Zurücksetzen",
+	"form_button_submit": "Absenden",
 	"header_homepage_link_title": "Startseite hr3 . d e",
 	"meta_application_name": "hr3.de"
 }

package/dist/assets/brand/hr4/conf/locatags.merged.json

@@ -208,6 +208,9 @@
 	"webform_send_title_error": "Das hat leider nicht geklappt!",
 	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
 	"webform_send_form_back": "Zurück zum Formular",
+	"form_text_required": "* Pflichtfeld",
+	"form_button_reset": "Zurücksetzen",
+	"form_button_submit": "Absenden",
 	"header_homepage_link_title": "Startseite hr4 . d e",
 	"meta_application_name": "hr4.de"
 }

package/dist/assets/brand/you-fm/conf/locatags.merged.json

@@ -208,6 +208,9 @@
 	"webform_send_title_error": "Das hat leider nicht geklappt!",
 	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
 	"webform_send_form_back": "Zurück zum Formular",
+	"form_text_required": "* Pflichtfeld",
+	"form_button_reset": "Zurücksetzen",
+	"form_button_submit": "Absenden",
 	"header_homepage_link_title": "Startseite you-fm . d e",
 	"meta_application_name": "you-fm.de"
 }

package/dist/assets/index.css

@@ -2583,6 +2583,11 @@ article.indexTextDS .indexTextHighlighted .link {
   background-color: rgba(247, 247, 247, 1);
   background-color: rgba(247, 247, 247, var(--tw-bg-opacity));
 }
+.bg-gray-alto {
+  --tw-bg-opacity: 1;
+  background-color: rgba(224, 224, 224, 1);
+  background-color: rgba(224, 224, 224, var(--tw-bg-opacity));
+}
 .bg-gray-concrete {
   --tw-bg-opacity: 1;
   background-color: rgba(243, 243, 243, 1);
@@ -2669,6 +2674,11 @@ article.indexTextDS .indexTextHighlighted .link {
   background-color: rgba(161, 71, 2, 1);
   background-color: rgba(161, 71, 2, var(--tw-bg-opacity));
 }
+.bg-orange-spicyCarrot-hex {
+  --tw-bg-opacity: 1;
+  background-color: rgba(211, 70, 0, 1);
+  background-color: rgba(211, 70, 0, var(--tw-bg-opacity));
+}
 .bg-podcast {
   background-color: #006dc1;
   background-color: var(--color-podcast);
@@ -3069,6 +3079,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .pt-6 {
   padding-top: 1.5rem;
 }
+.pt-7 {
+  padding-top: 1.75rem;
+}
 .pt-8 {
   padding-top: 2rem;
 }
@@ -3241,6 +3254,11 @@ article.indexTextDS .indexTextHighlighted .link {
   color: rgba(29, 78, 216, 1);
   color: rgba(29, 78, 216, var(--tw-text-opacity));
 }
+.text-blue-congress-hex {
+  --tw-text-opacity: 1;
+  color: rgba(0, 82, 147, 1);
+  color: rgba(0, 82, 147, var(--tw-text-opacity));
+}
 .text-brandnav-pseudo {
   color: #005293;
   color: var(--color-brandnav-pseudo);
@@ -3333,6 +3351,11 @@ article.indexTextDS .indexTextHighlighted .link {
   color: #000000;
   color: var(--color-navigation-text);
 }
+.text-orange-spicyCarrot-hex {
+  --tw-text-opacity: 1;
+  color: rgba(211, 70, 0, 1);
+  color: rgba(211, 70, 0, var(--tw-text-opacity));
+}
 .text-podcast-text {
   color: #006eb7;
   color: var(--color-podcast-text);
@@ -3341,11 +3364,6 @@ article.indexTextDS .indexTextHighlighted .link {
   color: #005293;
   color: var(--color-primary-ds);
 }
-.text-red-thunderbird-hex {
-  --tw-text-opacity: 1;
-  color: rgba(204, 26, 20, 1);
-  color: rgba(204, 26, 20, var(--tw-text-opacity));
-}
 .text-search-footer-text {
   color: #000000;
   color: var(--color-search-footer-text);
@@ -3624,7 +3642,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1730207516278;
+  counter-reset: cnt1730285840555;
 }
 .placeholder-text-xs::-webkit-input-placeholder {
   font-size: 0.75rem;
@@ -4038,7 +4056,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1730207516278 1;
+  counter-increment: cnt1730285840555 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4056,7 +4074,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1730207516278);
+  content: counter(cnt1730285840555);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -4223,6 +4241,20 @@ select:has(option:checked[value='']) {
 .form-radio:checked::after {
         transform: translate(-50%, -50%) scale(1);
     }
+/* keyframes for barchart-animation */
+@keyframes progressAnimationDS {
+        0% {
+            width: 0;
+        }
+    }
+@keyframes percentageAnimationDS {
+        0% {
+            opacity: 0;
+        }
+        100% {
+            opacity: 100;
+        }
+    }
 .\[-T\:\+Z\] {
   --t: +Z;
 }
@@ -6646,6 +6678,10 @@ select:has(option:checked[value='']) {
     margin-top: 0px;
   }
 
+  .sm\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
   .sm\:mt-1\.5 {
     margin-top: 0.375rem;
   }
@@ -6678,6 +6714,10 @@ select:has(option:checked[value='']) {
     margin-top: 2rem;
   }
 
+  .sm\:mt-9 {
+    margin-top: 2.25rem;
+  }
+
   .sm\:block {
     display: block;
   }
@@ -6835,6 +6875,10 @@ select:has(option:checked[value='']) {
     padding-top: 0.75rem;
   }
 
+  .sm\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
   .sm\:text-3xl {
     font-size: 1.625rem;
     line-height: 2rem;
@@ -6845,6 +6889,11 @@ select:has(option:checked[value='']) {
     line-height: 1.5rem;
   }
 
+  .sm\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.1875rem;
+  }
+
   .sm\:text-xl {
     font-size: 1.25rem;
     line-height: 1.6875rem;

package/dist/assets/js/components/forms/js/contactForm.alpine.js

@@ -19,7 +19,7 @@ export default function contactForm(formId, jsonUrl, errorMessages, multipart, t
         formInit(){
             this.checkForJsonURL()
             this.$store.forms.submissionAttempted[formId] = false; 
-            this.$store.forms.errorMessages = JSON.parse( "{" + errorMessages.replace(/"/g,'"') + "}")
+            this.$store.forms.errorMessages = JSON.parse(errorMessages.replace(/"/g,'"'))
         },
         submitButtonHandler(event) {
             if(this.form.reportValidity()){
@@ -30,7 +30,8 @@ export default function contactForm(formId, jsonUrl, errorMessages, multipart, t
         },
         retryHandler() {
             this.wasPosted = false;
-            this.wasPostedWithError = false;  
+            this.wasPostedWithError = false;
+            this.formWrapper.scrollIntoView({ behavior: 'smooth' })
         },
         handleValidationErrors(errors) {
             console.log('Validation Errors:', errors);
@@ -95,11 +96,13 @@ export default function contactForm(formId, jsonUrl, errorMessages, multipart, t
                                     console.log("OK");
                                     this.wasPosted = true;
                                     this.wasPostedWithSuccess = true;
+                                    this.formWrapper.scrollIntoView({ behavior: 'smooth' })
                                     break;
                                 default:
                                     console.log("default");
                                     this.wasPosted = true;
                                     this.wasPostedWithError = true;
+                                    this.formWrapper.scrollIntoView({ behavior: 'smooth' })
                                     break;
                             }
                         } else {

package/dist/views/components/forms/components/controls.hbs

@@ -1,14 +1,14 @@
 <div class="flex flex-col-reverse items-center justify-between sm:flex-row gap-y-6">
-    <div class="w-full text-xs basis-full text-gray-scorpion dark:text-text-dark font-headingSerif">Pflichtfeld*</div>
+    <div class="w-full text-xs basis-full text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
     <div class="flex items-center justify-end w-full basis-full">
         <label class="order-2 cursor-pointer {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant='primary'}} {{> components/button/utilities/button_dimension_classes _size='lg'}}">     
             <span class="hidden" :class="{'hidden': !isPosting}">{{> components/base/image/icon _icon="reload" _addClass="w-5 h-5 fill-white dark:fill-text-dark animate-spin"}}</span>
             <span class="" :class="{'hidden': isPosting}">{{> components/base/image/icon _icon="send-ds" _addClass="w-5 h-5 fill-white dark:fill-text-dark "}}</span>
-            <input type="submit" class="pl-2 cursor-pointer" value="Absenden" @click.prevent="submitButtonHandler($event)"/>
+            <input type="submit" class="pl-2 cursor-pointer" value="{{loca "form_button_submit"}}" @click.prevent="submitButtonHandler($event)"/>
         </label>
 
         {{#> components/button/button _variant="tertiary"_size="lg" _css="order-1 mr-4" _type="reset"}} 
-            <span class="text-base ds-button-label ">Zurücksetzen</span>        
+            <span class="text-base ds-button-label ">{{loca "form_button_reset"}}</span>        
         {{/components/button/button}}
 
     </div>

package/dist/views/components/forms/components/message.hbs

@@ -2,14 +2,14 @@
         <div class="flex items-center gap-x-2 md:gap-x-3">
             {{#if _success}}
                 {{> components/forms/components/success_icon}}
-                <h3 class="font-bold text-success">{{~loca "webform_send_title_success"}}</h3>       
+                <h3 class="font-bold text-success pt-0.5">{{~loca "webform_send_title_success"}}</h3>       
             {{else}}
                 {{> components/forms/components/error_icon _class="!block"}}
-                <h3 class="font-bold text-error dark:text-error-dark">{{~loca "webform_send_title_error"}}</h3>  
+                <h3 class="font-bold text-error dark:text-error-dark pt-0.5">{{~loca "webform_send_title_error"}}</h3>  
             {{/if}}
         </div>      
 </div>
-<span class="font-copy">
+<span class="font-copy text-text dark:text-text-dark">
     {{#if _locaKeyText}}
         {{loca _locaKeyText}}
     {{else}}

package/dist/views/components/forms/webform.hbs

@@ -11,7 +11,7 @@
                 x-init="formInit()"
                 x-ignore
 
-                @submit.prevent="submitData"
+                @submit.prevent
                 id="form{{getRandom}}"     
                 class="relative flex flex-col justify-center overflow-hidden group" 
                 action="{{this.url}}" 

package/dist/views/components/voting/voting_result.hbs

@@ -4,22 +4,51 @@
 
 {{#if _hideVotingResult}}
     {{#if _isVotingOver}}
-        <p class="c-teaser__text text__copytext">{{{_resultBoxMessageText}}}</p>
+        <p class="mt-6 ml-8 text-base font-bold sm:ml-9 sm:text-lg font-heading sm:mt-12">{{{_resultBoxMessageText}}}</p>
     {{else}}
-        {{~> components/base/image/icon _icon=(if _statusDone "status-done" "status-error") _iconmap="icons" _addClass=(if _statusDone "" "float-left w-6 h-6 text-red-thunderbird-hex fill-current mt-6 sm:mt-12")}}
-        <p class="mt-6 ml-8 text-base font-bold sm:ml-9 text-red-thunderbird-hex sm:text-lg font-heading sm:mt-12">{{{_resultBoxMessageText}}}</p>
-        <div class="mt-6 sm:mt-12">
-            {{#> components/button/link_button _size="lg" _css="float-right"}}
-                {{> components/button/components/button_label _label=(loca "votingform_form_back")}}
-            {{/components/button/link_button}}
-        </div>
+        {{~> components/base/image/icon _icon=(if _statusDone "status-done" "status-error") _iconmap="icons" _addClass=(if _statusDone "" "float-left w-6 h-6 text-error dark:text-error-dark fill-current mt-6 sm:mt-12")}}
+        <p class="mt-6 ml-8 text-base font-bold sm:ml-9 text-error sm:text-lg font-heading sm:mt-12 dark:text-error-dark">{{{_resultBoxMessageText}}}</p>
     {{/if}}
 {{else}}
-
+    <p class="mt-6 text-base font-bold sm:text-xl font-heading sm:mt-12">{{{_resultBoxMessageText}}}</p>
+    
+    {{#each _voteResults}}
+        <div class="flex">
+            <div class="grow">
+                <div class="{{#if @first}}mt-7 sm:mt-9{{else}}mt-3 sm:mt-4{{/if}} text-base sm:text-lg font-copy dark:text-text-dark">{{this.label}}</div>
+                <div class="mt-0.5 sm:mt-1 w-full bg-gray-alto rounded-full h-2">
+                    <div class="{{#if this.isWinner}}bg-orange-spicyCarrot-hex{{else}}bg-blue-congress-hex{{/if}} h-2 rounded-full" style="width:{{this.roundedPercentageCount}}%;animation: progressAnimationDS 5s"></div>
+                </div>
+            </div>
+            <div class="self-end flex-none w-16">
+                <span class="float-right block mt-2 text-2xl font-bold font-headingSerif {{#if this.isWinner}}text-orange-spicyCarrot-hex{{else}}text-blue-congress-hex{{/if}}" style="animation: percentageAnimationDS 5s">
+                    {{#if ../this.showAbsoluteResult}}{{this.count}}{{else}}{{this.percentageCount}}%{{/if}}
+                </span>
+            </div>
+        </div>
+    {{/each}}
+    
+    {{#unless this.showAbsoluteResult}}
+        {{#if this.showVoteResult}}
+            <p class="clear-both text-xs pt-7 sm:pt-9 font-headingSerif sm:text-sm text-gray-scorpion">
+                {{loca "votingform_vote_result"}}{{this.summarizedResult}}
+            </p>
+        {{/if}}
+    {{/unless}}    
 {{/if}}
 
 {{#if _isVotingOver}}
     <p class="mt-6 text-base font-bold sm:text-xl font-heading sm:mt-12 dark:text-text-dark">{{loca "votingform_voting_finished"}}</p>
 {{/if}}
 
-
+{{#unless _isResultOnRedirectPage}}
+    {{#unless this.isSimpleSecured}}
+        {{#unless _isVotingOver}}
+            <div class="mt-6 sm:mt-12">
+                {{#> components/button/link_button _size="lg" _css="float-right"}}
+                    {{> components/button/components/button_label _label=(loca "votingform_form_back")}}
+                {{/components/button/link_button}}
+            </div>            
+        {{/unless}}
+    {{/unless}}
+{{/unless}}

package/dist/views/components/voting/voting_success.hbs

@@ -0,0 +1,27 @@
+{{#if this.votingSuccessText}}
+    {{> components/voting/voting_result
+                _title=this.title
+                _topline=this.topline
+                _resultBoxMessageTitle=(loca "votingform_title_success")
+                _resultBoxMessageText=this.votingSuccessText.richtext
+                _isInline=_isInline
+                _voteResults=this.votingResult
+                _isResultOnRedirectPage=_isResultOnRedirectPage
+                _hideVotingResult=this.hideVotingResult
+                _statusDone=_statusDone
+
+    }}
+{{else}}
+    {{> components/voting/voting_result
+                _title=this.title
+                _topline=this.topline
+                _resultBoxMessageTitle=(loca "votingform_title_success")
+                _resultBoxMessageText=(loca "votingform_text_success")
+                _isInline=_isInline
+                _voteResults=this.votingResult
+                _isResultOnRedirectPage=_isResultOnRedirectPage
+                _hideVotingResult=this.hideVotingResult
+                _statusDone=_statusDone
+    }}
+{{/if}}
+

package/dist/views_static/components/forms/components/controls.hbs

@@ -1,14 +1,14 @@
 <div class="flex flex-col-reverse items-center justify-between sm:flex-row gap-y-6">
-    <div class="w-full text-xs basis-full text-gray-scorpion dark:text-text-dark font-headingSerif">Pflichtfeld*</div>
+    <div class="w-full text-xs basis-full text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
     <div class="flex items-center justify-end w-full basis-full">
         <label class="order-2 cursor-pointer {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant='primary'}} {{> components/button/utilities/button_dimension_classes _size='lg'}}">     
             <span class="hidden" :class="{'hidden': !isPosting}">{{> components/base/image/icon _icon="reload" _addClass="w-5 h-5 fill-white dark:fill-text-dark animate-spin"}}</span>
             <span class="" :class="{'hidden': isPosting}">{{> components/base/image/icon _icon="send-ds" _addClass="w-5 h-5 fill-white dark:fill-text-dark "}}</span>
-            <input type="submit" class="pl-2 cursor-pointer" value="Absenden" @click.prevent="submitButtonHandler($event)"/>
+            <input type="submit" class="pl-2 cursor-pointer" value="{{loca "form_button_submit"}}" @click.prevent="submitButtonHandler($event)"/>
         </label>
 
         {{#> components/button/button _variant="tertiary"_size="lg" _css="order-1 mr-4" _type="reset"}} 
-            <span class="text-base ds-button-label ">Zurücksetzen</span>        
+            <span class="text-base ds-button-label ">{{loca "form_button_reset"}}</span>        
         {{/components/button/button}}
 
     </div>

package/dist/views_static/components/forms/components/message.hbs

@@ -2,14 +2,14 @@
         <div class="flex items-center gap-x-2 md:gap-x-3">
             {{#if _success}}
                 {{> components/forms/components/success_icon}}
-                <h3 class="font-bold text-success">{{~loca "webform_send_title_success"}}</h3>       
+                <h3 class="font-bold text-success pt-0.5">{{~loca "webform_send_title_success"}}</h3>       
             {{else}}
                 {{> components/forms/components/error_icon _class="!block"}}
-                <h3 class="font-bold text-error dark:text-error-dark">{{~loca "webform_send_title_error"}}</h3>  
+                <h3 class="font-bold text-error dark:text-error-dark pt-0.5">{{~loca "webform_send_title_error"}}</h3>  
             {{/if}}
         </div>      
 </div>
-<span class="font-copy">
+<span class="font-copy text-text dark:text-text-dark">
     {{#if _locaKeyText}}
         {{loca _locaKeyText}}
     {{else}}

package/dist/views_static/components/forms/webform.hbs

@@ -11,7 +11,7 @@
                 x-init="formInit()"
                 x-ignore
 
-                @submit.prevent="submitData"
+                @submit.prevent
                 id="form{{getRandom}}"     
                 class="relative flex flex-col justify-center overflow-hidden group" 
                 action="{{this.url}}" 

package/dist/views_static/components/voting/voting_result.hbs

@@ -4,22 +4,51 @@
 
 {{#if _hideVotingResult}}
     {{#if _isVotingOver}}
-        <p class="c-teaser__text text__copytext">{{{_resultBoxMessageText}}}</p>
+        <p class="mt-6 ml-8 text-base font-bold sm:ml-9 sm:text-lg font-heading sm:mt-12">{{{_resultBoxMessageText}}}</p>
     {{else}}
-        {{~> components/base/image/icon _icon=(if _statusDone "status-done" "status-error") _iconmap="icons" _addClass=(if _statusDone "" "float-left w-6 h-6 text-red-thunderbird-hex fill-current mt-6 sm:mt-12")}}
-        <p class="mt-6 ml-8 text-base font-bold sm:ml-9 text-red-thunderbird-hex sm:text-lg font-heading sm:mt-12">{{{_resultBoxMessageText}}}</p>
-        <div class="mt-6 sm:mt-12">
-            {{#> components/button/link_button _size="lg" _css="float-right"}}
-                {{> components/button/components/button_label _label=(loca "votingform_form_back")}}
-            {{/components/button/link_button}}
-        </div>
+        {{~> components/base/image/icon _icon=(if _statusDone "status-done" "status-error") _iconmap="icons" _addClass=(if _statusDone "" "float-left w-6 h-6 text-error dark:text-error-dark fill-current mt-6 sm:mt-12")}}
+        <p class="mt-6 ml-8 text-base font-bold sm:ml-9 text-error sm:text-lg font-heading sm:mt-12 dark:text-error-dark">{{{_resultBoxMessageText}}}</p>
     {{/if}}
 {{else}}
-
+    <p class="mt-6 text-base font-bold sm:text-xl font-heading sm:mt-12">{{{_resultBoxMessageText}}}</p>
+    
+    {{#each _voteResults}}
+        <div class="flex">
+            <div class="grow">
+                <div class="{{#if @first}}mt-7 sm:mt-9{{else}}mt-3 sm:mt-4{{/if}} text-base sm:text-lg font-copy dark:text-text-dark">{{this.label}}</div>
+                <div class="mt-0.5 sm:mt-1 w-full bg-gray-alto rounded-full h-2">
+                    <div class="{{#if this.isWinner}}bg-orange-spicyCarrot-hex{{else}}bg-blue-congress-hex{{/if}} h-2 rounded-full" style="width:{{this.roundedPercentageCount}}%;animation: progressAnimationDS 5s"></div>
+                </div>
+            </div>
+            <div class="self-end flex-none w-16">
+                <span class="float-right block mt-2 text-2xl font-bold font-headingSerif {{#if this.isWinner}}text-orange-spicyCarrot-hex{{else}}text-blue-congress-hex{{/if}}" style="animation: percentageAnimationDS 5s">
+                    {{#if ../this.showAbsoluteResult}}{{this.count}}{{else}}{{this.percentageCount}}%{{/if}}
+                </span>
+            </div>
+        </div>
+    {{/each}}
+    
+    {{#unless this.showAbsoluteResult}}
+        {{#if this.showVoteResult}}
+            <p class="clear-both text-xs pt-7 sm:pt-9 font-headingSerif sm:text-sm text-gray-scorpion">
+                {{loca "votingform_vote_result"}}{{this.summarizedResult}}
+            </p>
+        {{/if}}
+    {{/unless}}    
 {{/if}}
 
 {{#if _isVotingOver}}
     <p class="mt-6 text-base font-bold sm:text-xl font-heading sm:mt-12 dark:text-text-dark">{{loca "votingform_voting_finished"}}</p>
 {{/if}}
 
-
+{{#unless _isResultOnRedirectPage}}
+    {{#unless this.isSimpleSecured}}
+        {{#unless _isVotingOver}}
+            <div class="mt-6 sm:mt-12">
+                {{#> components/button/link_button _size="lg" _css="float-right"}}
+                    {{> components/button/components/button_label _label=(loca "votingform_form_back")}}
+                {{/components/button/link_button}}
+            </div>            
+        {{/unless}}
+    {{/unless}}
+{{/unless}}

package/dist/views_static/components/voting/voting_success.hbs

@@ -0,0 +1,27 @@
+{{#if this.votingSuccessText}}
+    {{> components/voting/voting_result
+                _title=this.title
+                _topline=this.topline
+                _resultBoxMessageTitle=(loca "votingform_title_success")
+                _resultBoxMessageText=this.votingSuccessText.richtext
+                _isInline=_isInline
+                _voteResults=this.votingResult
+                _isResultOnRedirectPage=_isResultOnRedirectPage
+                _hideVotingResult=this.hideVotingResult
+                _statusDone=_statusDone
+
+    }}
+{{else}}
+    {{> components/voting/voting_result
+                _title=this.title
+                _topline=this.topline
+                _resultBoxMessageTitle=(loca "votingform_title_success")
+                _resultBoxMessageText=(loca "votingform_text_success")
+                _isInline=_isInline
+                _voteResults=this.votingResult
+                _isResultOnRedirectPage=_isResultOnRedirectPage
+                _hideVotingResult=this.hideVotingResult
+                _statusDone=_statusDone
+    }}
+{{/if}}
+