hr-design-system-handlebars 1.113.0 → 1.113.2

package/src/stories/views/components/forms/webform.hbs

@@ -1,7 +1,5 @@
 {{~#if _newWebForm ~}}
-    {{#>components/forms/components/backgroundBox  }}  
-
-        
+    {{#>components/forms/components/backgroundBox  }} 
         <h3 class="mb-6 text-2xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
             {{this.title}}
         </h3>
@@ -21,20 +19,39 @@
                 enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" 
                 accept-charset="utf-8"
                 
+            >
+                <div x-show="!wasPosted"             
+                    x-transition:enter="transition ease-out duration-300 delay-300"
+                    x-transition:enter-start="opacity-0 transform scale-90"
+                    x-transition:enter-end="opacity-100 transform scale-100"
+                    x-transition:leave="transition ease-in duration-75 delay-0"
+                    x-transition:leave-start="opacity-100 transform scale-100"
+                    x-transition:leave-end="opacity-0 transform scale-90"
                 >
-                {{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }} 
-
-                {{> components/forms/components/controls }}
+                    {{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }} 
 
-                <template id="successMessage">
+                    {{> components/forms/components/controls }}
+                </div>
+                <div id="successMessage" x-show="wasPostedWithSuccess"  
+                    x-transition:enter="transition ease-out duration-300 delay-75"
+                    x-transition:enter-start="opacity-0 transform scale-90"
+                    x-transition:enter-end="opacity-100 transform scale-100"
+                    x-cloak
+                    >
                     {{> components/forms/components/message _success=true }}
-                </template>
+                </div>
 
-                <template id="errorMessage">
+                <div id="errorMessage"  x-show="wasPostedWithError" 
+                    x-transition:enter="transition ease-out duration-300 delay-75"
+                    x-transition:enter-start="opacity-0 transform scale-90"
+                    x-transition:enter-end="opacity-100 transform scale-100"
+                    x-cloak>
                     {{> components/forms/components/message _success=false }}
-                </template>
-                
+                </div>
+
             </form>
+
+            
         </div>   
     {{/components/forms/components/backgroundBox }}
 {{~else~}}

package/src/stories/views/components/voting/voting_error.hbs

@@ -0,0 +1,10 @@
+{{> components/voting/voting_result
+            _title=this.title
+            _topline=this.topline
+            _resultBoxMessageTitle=(loca "votingform_title_error")
+            _resultBoxMessageText=(loca "votingform_text_error")
+            _locaKeyText="votingform_text_error"
+            _isInline=_isInline
+            _hideVotingResult=true
+            _statusDone=false
+}}

package/src/stories/views/components/voting/voting_error.stories.js

@@ -0,0 +1,30 @@
+import votingJson from './fixtures/voting.json'
+
+const handlebars = require('hrHandlebars')
+
+export default {
+    title: 'Komponenten/Voting',
+    decorators: [
+        (Story) => {
+            return `<div class="grid grid-page">
+                        <div class="grid bg-white grid-article">
+                            ${Story()}
+                        </div>
+                    </div>`
+        },
+    ],
+}
+const Template = (args) => {
+    let hbsTemplate = handlebars.compile(`
+        {{#>components/forms/components/backgroundBox  }}  
+            {{> components/voting/voting_error }}
+        {{/components/forms/components/backgroundBox }}
+    `)
+    return hbsTemplate({ ...args })
+}
+
+export const Voting_Error = {
+    render: Template.bind({}),
+    name: 'Voting Fehlermeldung',
+    args: votingJson,
+}

package/src/stories/views/components/voting/voting_result.hbs

@@ -1,5 +1,25 @@
-{{> components/voting/voting_header _title=_title _topline=_topline}}
+{{#unless _isResultOnRedirectPage}}
+    {{> components/voting/voting_header _title=_title _topline=_topline}}
+{{/unless}}
+
+{{#if _hideVotingResult}}
+    {{#if _isVotingOver}}
+        <p class="c-teaser__text text__copytext">{{{_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>
+    {{/if}}
+{{else}}
+
+{{/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}}
+
+