hr-design-system-handlebars 1.114.2 → 1.114.4
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 +25 -0
- package/dist/assets/icons/icons/svgmap.min.svg +1 -1
- package/dist/assets/index.css +3 -3
- package/dist/assets/js/components/voting/js/votingCookieCheckerDs.feature.js +1 -1
- package/dist/assets/js/components/voting/js/votingResultCookieDs.feature.js +12 -0
- package/dist/views/components/banner/structure_nav/structure_nav.hbs +3 -3
- package/dist/views/components/page/podcast/podcast_playlist_article.hbs +2 -2
- package/dist/views/components/site_header/navigation_flyout/navigation_flyout.hbs +3 -3
- package/dist/views/components/voting/voting.hbs +92 -60
- package/dist/views/components/voting/voting_error.hbs +2 -2
- package/dist/views/components/voting/voting_result.hbs +58 -49
- package/dist/views/components/voting/voting_success.hbs +4 -4
- package/dist/views/components/voting/voting_success_2F.hbs +2 -2
- package/dist/views_static/components/banner/structure_nav/structure_nav.hbs +3 -3
- package/dist/views_static/components/page/podcast/podcast_playlist_article.hbs +2 -2
- package/dist/views_static/components/site_header/navigation_flyout/navigation_flyout.hbs +3 -3
- package/dist/views_static/components/voting/voting.hbs +92 -60
- package/dist/views_static/components/voting/voting_error.hbs +2 -2
- package/dist/views_static/components/voting/voting_result.hbs +58 -49
- package/dist/views_static/components/voting/voting_success.hbs +4 -4
- package/dist/views_static/components/voting/voting_success_2F.hbs +2 -2
- package/package.json +1 -1
- package/src/assets/fixtures/voting/voting.inc.json +4 -4
- package/src/assets/icons/icons/svgmap.min.svg +1 -1
- package/src/stories/views/components/banner/structure_nav/structure_nav.hbs +3 -3
- package/src/stories/views/components/page/podcast/podcast_playlist_article.hbs +2 -2
- package/src/stories/views/components/site_header/navigation_flyout/navigation_flyout.hbs +3 -3
- package/src/stories/views/components/voting/fixtures/voting.json +1 -1
- package/src/stories/views/components/voting/fixtures/voting_email.json +1 -1
- package/src/stories/views/components/voting/fixtures/voting_error.json +1 -1
- package/src/stories/views/components/voting/fixtures/voting_media.json +1 -1
- package/src/stories/views/components/voting/fixtures/voting_multiple_choice.json +1 -1
- package/src/stories/views/components/voting/fixtures/voting_over.json +1 -1
- package/src/stories/views/components/voting/fixtures/voting_result_absolute.json +1 -1
- package/src/stories/views/components/voting/js/votingCookieCheckerDs.feature.js +1 -1
- package/src/stories/views/components/voting/js/votingResultCookieDs.feature.js +12 -0
- package/src/stories/views/components/voting/voting.hbs +92 -60
- package/src/stories/views/components/voting/voting.stories.js +45 -10
- package/src/stories/views/components/voting/voting_error.hbs +2 -2
- package/src/stories/views/components/voting/voting_error.stories.js +9 -4
- package/src/stories/views/components/voting/voting_result.hbs +58 -49
- package/src/stories/views/components/voting/voting_success.hbs +4 -4
- package/src/stories/views/components/voting/voting_success.stories.js +9 -4
- package/src/stories/views/components/voting/voting_success_2F.hbs +2 -2
- package/src/stories/views/components/voting/voting_success_2F.stories.js +9 -4
|
@@ -1,62 +1,71 @@
|
|
|
1
|
-
{{#
|
|
2
|
-
{{
|
|
3
|
-
{{
|
|
1
|
+
<div class="{{#if this.isSimpleSecured}}js-load{{/if}}{{#if _addClass}} {{_addClass}}{{/if}}"
|
|
2
|
+
{{#unless _isVotingOver}}
|
|
3
|
+
{{#if this.isSimpleSecured}}
|
|
4
|
+
data-hr-voting-result-cookie-ds='{"cookieLifetime":"{{this.cookieLifetime}}","votingId":"{{this.sophoraId}}"}'
|
|
5
|
+
{{/if}}
|
|
6
|
+
{{/unless}}
|
|
7
|
+
>
|
|
4
8
|
|
|
5
|
-
{{#
|
|
6
|
-
|
|
7
|
-
|
|
9
|
+
{{#unless _isResultOnRedirectPage}}
|
|
10
|
+
{{> components/voting/components/voting_header _title=_title _topline=_topline}}
|
|
11
|
+
{{/unless}}
|
|
12
|
+
|
|
13
|
+
{{#if _hideVotingResult}}
|
|
14
|
+
{{#if _isVotingOver}}
|
|
15
|
+
<p class="mt-6 ml-8 text-base font-bold sm:ml-9 sm:text-lg font-heading sm:mt-12">{{{_resultBoxMessageText}}}</p>
|
|
16
|
+
{{else}}
|
|
17
|
+
{{~> 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")}}
|
|
18
|
+
<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>
|
|
19
|
+
{{/if}}
|
|
8
20
|
{{else}}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<div class="
|
|
20
|
-
<
|
|
21
|
+
<p class="mt-6 text-base font-bold sm:text-xl font-heading sm:mt-12">{{{_resultBoxMessageText}}}</p>
|
|
22
|
+
|
|
23
|
+
{{#each _voteResults}}
|
|
24
|
+
<div class="flex">
|
|
25
|
+
<div class="grow">
|
|
26
|
+
<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>
|
|
27
|
+
<div class="mt-0.5 sm:mt-1 w-full bg-gray-alto rounded-full h-2">
|
|
28
|
+
<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>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
<div class="self-end flex-none w-16">
|
|
32
|
+
<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">
|
|
33
|
+
{{#if ../this.showAbsoluteResult}}{{this.count}}{{else}}{{this.percentageCount}}%{{/if}}
|
|
34
|
+
</span>
|
|
21
35
|
</div>
|
|
22
36
|
</div>
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
37
|
+
{{/each}}
|
|
38
|
+
|
|
39
|
+
{{#if this.isMultipleChoice}}
|
|
40
|
+
{{#unless this.showAbsoluteResult}}
|
|
41
|
+
{{#if this.showVoteResult}}
|
|
42
|
+
<p class="clear-both text-xs pt-7 sm:pt-9 font-headingSerif sm:text-sm text-gray-scorpion">
|
|
43
|
+
{{loca "votingform_vote_result"}}{{this.summarizedResult}}
|
|
44
|
+
</p>
|
|
45
|
+
{{/if}}
|
|
46
|
+
{{/unless}}
|
|
47
|
+
{{else}}
|
|
33
48
|
{{#if this.showVoteResult}}
|
|
34
49
|
<p class="clear-both text-xs pt-7 sm:pt-9 font-headingSerif sm:text-sm text-gray-scorpion">
|
|
35
50
|
{{loca "votingform_vote_result"}}{{this.summarizedResult}}
|
|
36
51
|
</p>
|
|
37
52
|
{{/if}}
|
|
38
|
-
{{/
|
|
39
|
-
{{
|
|
40
|
-
{{#if this.showVoteResult}}
|
|
41
|
-
<p class="clear-both text-xs pt-7 sm:pt-9 font-headingSerif sm:text-sm text-gray-scorpion">
|
|
42
|
-
{{loca "votingform_vote_result"}}{{this.summarizedResult}}
|
|
43
|
-
</p>
|
|
44
|
-
{{/if}}
|
|
45
|
-
{{/if}}
|
|
46
|
-
{{/if}}
|
|
53
|
+
{{/if}}
|
|
54
|
+
{{/if}}
|
|
47
55
|
|
|
48
|
-
{{#if _isVotingOver}}
|
|
49
|
-
|
|
50
|
-
{{/if}}
|
|
56
|
+
{{#if _isVotingOver}}
|
|
57
|
+
<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>
|
|
58
|
+
{{/if}}
|
|
51
59
|
|
|
52
|
-
{{#unless _isResultOnRedirectPage}}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
+
{{#unless _isResultOnRedirectPage}}
|
|
61
|
+
{{#unless this.isSimpleSecured}}
|
|
62
|
+
{{#unless _isVotingOver}}
|
|
63
|
+
<div class="mt-6 sm:mt-12">
|
|
64
|
+
{{#> components/button/link_button _size="lg" _css="float-right"}}
|
|
65
|
+
{{> components/button/components/button_label _label=(loca "votingform_form_back")}}
|
|
66
|
+
{{/components/button/link_button}}
|
|
67
|
+
</div>
|
|
68
|
+
{{/unless}}
|
|
60
69
|
{{/unless}}
|
|
61
70
|
{{/unless}}
|
|
62
|
-
|
|
71
|
+
</div>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{{#if this.votingSuccessText}}
|
|
2
2
|
{{> components/voting/voting_result
|
|
3
|
-
_title=
|
|
4
|
-
_topline=
|
|
3
|
+
_title=_title
|
|
4
|
+
_topline=_topline
|
|
5
5
|
_resultBoxMessageTitle=(loca "votingform_title_success")
|
|
6
6
|
_resultBoxMessageText=this.votingSuccessText.richtext
|
|
7
7
|
_isInline=_isInline
|
|
@@ -13,8 +13,8 @@
|
|
|
13
13
|
}}
|
|
14
14
|
{{else}}
|
|
15
15
|
{{> components/voting/voting_result
|
|
16
|
-
_title=
|
|
17
|
-
_topline=
|
|
16
|
+
_title=_title
|
|
17
|
+
_topline=_topline
|
|
18
18
|
_resultBoxMessageTitle=(loca "votingform_title_success")
|
|
19
19
|
_resultBoxMessageText=(loca "votingform_text_success")
|
|
20
20
|
_isInline=_isInline
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
x-data="{ isOpen: false}">
|
|
5
5
|
<div class="relative flex flex-wrap items-center mx-auto" @click.outside="isOpen = false">
|
|
6
6
|
{{#> components/button/button _size="lg" _variant="tertiary" _disableButtonPress=true _alpineClick="isOpen = !isOpen" _css="md:hidden mr-2 fill-structure-nav-text text-structure-nav-text hover:text-structure-nav-text-mobile hover:fill-structure-nav-text-mobile" _onBackground=true}}
|
|
7
|
-
<span class="
|
|
7
|
+
<span class="" :class="{ 'hidden': isOpen }">
|
|
8
8
|
{{> components/button/components/button_icon _icon="burger--weiss" _iconmap="icons" _css="" }}
|
|
9
9
|
</span>
|
|
10
10
|
<span class="hidden" :class="{ 'hidden': !isOpen }">
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
</span>
|
|
13
13
|
{{/components/button/button}}
|
|
14
14
|
<span class="md:hidden text-structure-nav-text">{{this.title}}</span>
|
|
15
|
-
<div class="absolute z-10 w-full top-9 md:static md:block md:w-auto" id="navbar-default"
|
|
16
|
-
:class="
|
|
15
|
+
<div class="absolute z-10 hidden w-full top-9 md:static md:block md:w-auto" id="navbar-default"
|
|
16
|
+
:class="{'hidden': !isOpen}"
|
|
17
17
|
>
|
|
18
18
|
<ul class="flex flex-col font-medium bg-white md:bg-transparent md:flex-row md:space-x-3 rtl:space-x-reverse">
|
|
19
19
|
{{~#each this.contentNavEntries~}}
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
<h4 class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{../this.appendixLinksTitle}}</h4>
|
|
46
46
|
<ul class="flex flex-wrap pt-2 gap-x-4 w-fit sm:w-full">
|
|
47
47
|
{{#each this}}
|
|
48
|
-
<li class="w-fit sm:w-full
|
|
49
|
-
{{#>components/base/link _link=this.link _css="block hover:underline gap-x-1"}}
|
|
48
|
+
<li class="w-fit sm:w-full ">
|
|
49
|
+
{{#>components/base/link _link=this.link _css="block hover:underline gap-x-1 text-link dark:text-link-dark"}}
|
|
50
50
|
{{this.title}}{{~#if this.link.hasIcon}}{{~> components/base/image/icon _icon=this.link.iconName _addClass="inline ml-1 -mt-0.5 w-4 h-4 fill-current" _iconmap="icons"~}}{{/if~}}
|
|
51
51
|
{{/components/base/link}}
|
|
52
52
|
</li>
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
id="flyout-{{getRandom}}"
|
|
6
6
|
@resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();"
|
|
7
7
|
{{#if this.showAsFlyout}} x-show="dropped" {{else}} {{#if ../this.selected}} x-show="$screen('lg') ? true : dropped" {{else}} x-show="dropped" {{/if}} {{/if}}
|
|
8
|
-
{{#if ../_isSectionNav}} x-init="sectionNavFlyoutWatcher()" :class
|
|
8
|
+
{{#if ../_isSectionNav}} x-init="sectionNavFlyoutWatcher()" :class="{'hidden': shouldFlyoutBeHidden()}" {{/if}}
|
|
9
9
|
|
|
10
10
|
class="sb-navigation-flyout bg-white md:filter md:drop-shadow-md
|
|
11
11
|
{{~#if ../_isSectionNav}} relative md:top-auto md:left-auto lg:mt-10 w-full transition-all duration-500 ease-in-out
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
{{#if ../this.selected}}
|
|
14
14
|
isSelectedAndOpen lg:ml-0 z-100 lg:border-b lg:border-primary lg:filter-none lg:left-0 justify-center grid grid-page
|
|
15
15
|
{{else}} z-120 lg:left-auto lg:w-auto {{/if}}
|
|
16
|
-
{{else}} z-120 lg:left-auto lg:w-auto divide-y divide-gray-200{{/unless}}
|
|
16
|
+
{{else}} hidden z-120 lg:left-auto lg:w-auto divide-y divide-gray-200{{/unless}}
|
|
17
17
|
{{else}} z-120 lg:rounded-b absolute w-full top-10 left-0 md:w-80 lg:w-92 md:top-12 lg:px-4 md:mt-0 md:left-0 lg:top-15 lg:left-0 divide-y divide-gray-200 tablet:w-half-screen tablet:ml-half-screen tablet:right-0 tablet:left-auto {{/if}}
|
|
18
|
-
{{~#if this.showAsFlyout}}
|
|
18
|
+
{{~#if this.showAsFlyout}} lg:rounded-b lg:px-4 lg:absolute{{else}} lg:fixed{{/if}}"
|
|
19
19
|
|
|
20
20
|
aria-labelledby="flyout-{{getRandom}}-1"
|
|
21
21
|
{{#if this.showAsFlyout}}
|
|
@@ -1,64 +1,96 @@
|
|
|
1
|
-
{{
|
|
2
|
-
{{#
|
|
3
|
-
{{#unless
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
{{else}}
|
|
13
|
-
<div class="js-load {{../_addClass}}"
|
|
14
|
-
{{#if this.is2FSecured}}data-hr-voting-ds='{"jsonURL":"{{this.jsonUrl}}", "errorMessages": {{this.errorMessages}} }'{{/if}}
|
|
15
|
-
data-hr-voting-validator-ds='{"isMultipleChoice": {{../this.isMultipleChoice}}, "minAnswerCount": 1, "maxAnswerCount": {{../this.maxAnswerCount}} }'
|
|
16
|
-
{{#if this.isSimpleSecured}}
|
|
17
|
-
data-hr-voting-cookie-checker-ds='{ "alreadyVotedHintText": "{{loca "votingform_already_voted_cookie_hint"}}" , "hideVotingResult": {{this.hideVotingResult}} , "votingId": "{{this.sophoraId}}" }'
|
|
18
|
-
id="{{this.sophoraId}}"
|
|
19
|
-
{{/if}}
|
|
20
|
-
>
|
|
21
|
-
{{/unless}}
|
|
22
|
-
<div class="js-voting-wrapper">
|
|
23
|
-
<form class="js-votingForm"
|
|
24
|
-
action="{{this.url}}"
|
|
25
|
-
method="post"
|
|
26
|
-
enctype="application/x-www-form-urlencoded"
|
|
27
|
-
accept-charset="utf-8"
|
|
28
|
-
autocomplete="off"
|
|
1
|
+
{{#>components/forms/components/backgroundBox }}
|
|
2
|
+
{{#with this.form}}
|
|
3
|
+
{{#unless this.isVotingOver}}
|
|
4
|
+
{{#unless ../this.hasRedirect}}
|
|
5
|
+
<div class="js-load {{../_addClass}}"
|
|
6
|
+
data-hr-voting-ds='{"jsonURL":"{{this.jsonUrl}}", "errorMessages": {{this.errorMessages}} }'
|
|
7
|
+
data-hr-voting-validator-ds='{"isMultipleChoice": {{../this.isMultipleChoice}}, "minAnswerCount": 1, "maxAnswerCount": {{../this.maxAnswerCount}} }'
|
|
8
|
+
{{#if this.isSimpleSecured}}
|
|
9
|
+
data-hr-voting-cookie-checker-ds='{ "alreadyVotedHintText": "{{loca "votingform_already_voted_cookie_hint"}}" , "hideVotingResult": {{this.hideVotingResult}} , "votingId": "{{this.sophoraId}}" }'
|
|
10
|
+
id="{{this.sophoraId}}"
|
|
11
|
+
{{/if}}
|
|
29
12
|
>
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
{{
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
13
|
+
{{else}}
|
|
14
|
+
<div class="js-load {{../_addClass}}"
|
|
15
|
+
{{#if this.is2FSecured}}data-hr-voting-ds='{"jsonURL":"{{this.jsonUrl}}", "errorMessages": {{this.errorMessages}} }'{{/if}}
|
|
16
|
+
data-hr-voting-validator-ds='{"isMultipleChoice": {{../this.isMultipleChoice}}, "minAnswerCount": 1, "maxAnswerCount": {{../this.maxAnswerCount}} }'
|
|
17
|
+
{{#if this.isSimpleSecured}}
|
|
18
|
+
data-hr-voting-cookie-checker-ds='{ "alreadyVotedHintText": "{{loca "votingform_already_voted_cookie_hint"}}" , "hideVotingResult": {{this.hideVotingResult}} , "votingId": "{{this.sophoraId}}" }'
|
|
19
|
+
id="{{this.sophoraId}}"
|
|
20
|
+
{{/if}}
|
|
21
|
+
>
|
|
22
|
+
{{/unless}}
|
|
23
|
+
<div class="js-voting-wrapper">
|
|
24
|
+
<form class="js-votingForm"
|
|
25
|
+
action="{{this.url}}"
|
|
26
|
+
method="post"
|
|
27
|
+
enctype="application/x-www-form-urlencoded"
|
|
28
|
+
accept-charset="utf-8"
|
|
29
|
+
autocomplete="off"
|
|
30
|
+
>
|
|
31
|
+
{{> components/voting/components/voting_header _title=../this.title _topline=../this.topline}}
|
|
32
|
+
|
|
33
|
+
<div class="c-voting-form__bottomWrapper">
|
|
34
|
+
{{#if this.shorttext}}
|
|
35
|
+
<p class="mt-4 text-base font-copy sm:text-lg sm:mt-5 dark:text-text-dark">{{this.shorttext}}</p>
|
|
42
36
|
{{/if}}
|
|
43
|
-
|
|
37
|
+
|
|
38
|
+
<div class="w-full mt-6 text-xs text-right sm:mt-12 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"}}
|
|
43
|
+
{{/if}}
|
|
44
|
+
<span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
|
|
45
|
+
</div>
|
|
46
|
+
{{> components/forms/components/fields
|
|
47
|
+
_multipleChoice=../this.isMultipleChoice
|
|
48
|
+
_addClassGroup="!flex-col mt-2"
|
|
49
|
+
_addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
|
|
50
|
+
_addClassLabel="w-full !py-3 sm:!py-4 !pr-3 sm:!pr-4 !text-base sm:!text-lg md:!text-lg"
|
|
51
|
+
_addClassLabelForDataPolicy="font-headingSerif !pt-0 !text-sm !text-gray-dark dark:!text-text-dark"
|
|
52
|
+
_addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
|
|
53
|
+
}}
|
|
54
|
+
{{#if this.is2FSecured}}
|
|
55
|
+
<div class="float-left mt-1 text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
|
|
56
|
+
{{/if}}
|
|
57
|
+
{{> components/voting/components/voting_submit _label="Abstimmen" _addClass="-inactive js-voting-submit-button"}}
|
|
44
58
|
</div>
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
+
<script type="text/html" class="js-successMessage">
|
|
60
|
+
{{#if this.is2FSecured}}
|
|
61
|
+
{{{include "components/voting/voting_success_2F" _isInline=true _statusDone=true _title=../this.title _topline=../this.topline}}}
|
|
62
|
+
{{else}}
|
|
63
|
+
{{{include "components/voting/voting_success" _isInline=true _voteResults=../this.votingResult _statusDone=true _title=../this.title _topline=../this.topline}}}
|
|
64
|
+
{{/if}}
|
|
65
|
+
</script>
|
|
66
|
+
<script type="text/html" class="js-errorMessage">
|
|
67
|
+
{{#if this.is2FSecured}}
|
|
68
|
+
{{{include "components/voting/voting_error" _isInline=true _statusDone=error _title=../this.title _topline=../this.topline}}}
|
|
69
|
+
{{else}}
|
|
70
|
+
{{{include "components/voting/voting_error" _isInline=true _statusDone=false _title=../this.title _topline=../this.topline}}}
|
|
71
|
+
{{/if}}
|
|
72
|
+
</script>
|
|
73
|
+
{{#unless this.hideVotingResult}}
|
|
74
|
+
<script type="text/html" class="js-result">
|
|
75
|
+
{{#unless this.is2FSecured}}
|
|
76
|
+
{{> components/voting/voting_result
|
|
77
|
+
_resultBoxMessageText=(loca "votingform_already_voted_cookie_hint")
|
|
78
|
+
_voteResults=../this.votingResult
|
|
79
|
+
_isResultOnRedirectPage=_isResultOnRedirectPage
|
|
80
|
+
_isSimpleSecured=../this.isSimpleSecured
|
|
81
|
+
_statusDone=true
|
|
82
|
+
_addClass=../_addClass
|
|
83
|
+
_hideVotingResult=this.hideVotingResult
|
|
84
|
+
_isVotingOver=this.isVotingOver
|
|
85
|
+
}}
|
|
86
|
+
{{/unless}}
|
|
87
|
+
</script>
|
|
88
|
+
{{/unless}}
|
|
89
|
+
</form>
|
|
90
|
+
</div>
|
|
59
91
|
</div>
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
{{
|
|
63
|
-
{{/
|
|
64
|
-
{{/
|
|
92
|
+
{{else}}
|
|
93
|
+
{{> components/voting/voting_result _isVotingOver=true _title=../this.title _topline=../this.topline}}
|
|
94
|
+
{{/unless}}
|
|
95
|
+
{{/with}}
|
|
96
|
+
{{/components/forms/components/backgroundBox }}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{> components/voting/voting_result
|
|
2
|
-
_title=
|
|
3
|
-
_topline=
|
|
2
|
+
_title=_title
|
|
3
|
+
_topline=_topline
|
|
4
4
|
_resultBoxMessageTitle=(loca "votingform_title_error")
|
|
5
5
|
_resultBoxMessageText=(loca "votingform_text_error")
|
|
6
6
|
_locaKeyText="votingform_text_error"
|
|
@@ -1,62 +1,71 @@
|
|
|
1
|
-
{{#
|
|
2
|
-
{{
|
|
3
|
-
{{
|
|
1
|
+
<div class="{{#if this.isSimpleSecured}}js-load{{/if}}{{#if _addClass}} {{_addClass}}{{/if}}"
|
|
2
|
+
{{#unless _isVotingOver}}
|
|
3
|
+
{{#if this.isSimpleSecured}}
|
|
4
|
+
data-hr-voting-result-cookie-ds='{"cookieLifetime":"{{this.cookieLifetime}}","votingId":"{{this.sophoraId}}"}'
|
|
5
|
+
{{/if}}
|
|
6
|
+
{{/unless}}
|
|
7
|
+
>
|
|
4
8
|
|
|
5
|
-
{{#
|
|
6
|
-
|
|
7
|
-
|
|
9
|
+
{{#unless _isResultOnRedirectPage}}
|
|
10
|
+
{{> components/voting/components/voting_header _title=_title _topline=_topline}}
|
|
11
|
+
{{/unless}}
|
|
12
|
+
|
|
13
|
+
{{#if _hideVotingResult}}
|
|
14
|
+
{{#if _isVotingOver}}
|
|
15
|
+
<p class="mt-6 ml-8 text-base font-bold sm:ml-9 sm:text-lg font-heading sm:mt-12">{{{_resultBoxMessageText}}}</p>
|
|
16
|
+
{{else}}
|
|
17
|
+
{{~> 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")}}
|
|
18
|
+
<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>
|
|
19
|
+
{{/if}}
|
|
8
20
|
{{else}}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<div class="
|
|
20
|
-
<
|
|
21
|
+
<p class="mt-6 text-base font-bold sm:text-xl font-heading sm:mt-12">{{{_resultBoxMessageText}}}</p>
|
|
22
|
+
|
|
23
|
+
{{#each _voteResults}}
|
|
24
|
+
<div class="flex">
|
|
25
|
+
<div class="grow">
|
|
26
|
+
<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>
|
|
27
|
+
<div class="mt-0.5 sm:mt-1 w-full bg-gray-alto rounded-full h-2">
|
|
28
|
+
<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>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
<div class="self-end flex-none w-16">
|
|
32
|
+
<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">
|
|
33
|
+
{{#if ../this.showAbsoluteResult}}{{this.count}}{{else}}{{this.percentageCount}}%{{/if}}
|
|
34
|
+
</span>
|
|
21
35
|
</div>
|
|
22
36
|
</div>
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
37
|
+
{{/each}}
|
|
38
|
+
|
|
39
|
+
{{#if this.isMultipleChoice}}
|
|
40
|
+
{{#unless this.showAbsoluteResult}}
|
|
41
|
+
{{#if this.showVoteResult}}
|
|
42
|
+
<p class="clear-both text-xs pt-7 sm:pt-9 font-headingSerif sm:text-sm text-gray-scorpion">
|
|
43
|
+
{{loca "votingform_vote_result"}}{{this.summarizedResult}}
|
|
44
|
+
</p>
|
|
45
|
+
{{/if}}
|
|
46
|
+
{{/unless}}
|
|
47
|
+
{{else}}
|
|
33
48
|
{{#if this.showVoteResult}}
|
|
34
49
|
<p class="clear-both text-xs pt-7 sm:pt-9 font-headingSerif sm:text-sm text-gray-scorpion">
|
|
35
50
|
{{loca "votingform_vote_result"}}{{this.summarizedResult}}
|
|
36
51
|
</p>
|
|
37
52
|
{{/if}}
|
|
38
|
-
{{/
|
|
39
|
-
{{
|
|
40
|
-
{{#if this.showVoteResult}}
|
|
41
|
-
<p class="clear-both text-xs pt-7 sm:pt-9 font-headingSerif sm:text-sm text-gray-scorpion">
|
|
42
|
-
{{loca "votingform_vote_result"}}{{this.summarizedResult}}
|
|
43
|
-
</p>
|
|
44
|
-
{{/if}}
|
|
45
|
-
{{/if}}
|
|
46
|
-
{{/if}}
|
|
53
|
+
{{/if}}
|
|
54
|
+
{{/if}}
|
|
47
55
|
|
|
48
|
-
{{#if _isVotingOver}}
|
|
49
|
-
|
|
50
|
-
{{/if}}
|
|
56
|
+
{{#if _isVotingOver}}
|
|
57
|
+
<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>
|
|
58
|
+
{{/if}}
|
|
51
59
|
|
|
52
|
-
{{#unless _isResultOnRedirectPage}}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
+
{{#unless _isResultOnRedirectPage}}
|
|
61
|
+
{{#unless this.isSimpleSecured}}
|
|
62
|
+
{{#unless _isVotingOver}}
|
|
63
|
+
<div class="mt-6 sm:mt-12">
|
|
64
|
+
{{#> components/button/link_button _size="lg" _css="float-right"}}
|
|
65
|
+
{{> components/button/components/button_label _label=(loca "votingform_form_back")}}
|
|
66
|
+
{{/components/button/link_button}}
|
|
67
|
+
</div>
|
|
68
|
+
{{/unless}}
|
|
60
69
|
{{/unless}}
|
|
61
70
|
{{/unless}}
|
|
62
|
-
|
|
71
|
+
</div>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{{#if this.votingSuccessText}}
|
|
2
2
|
{{> components/voting/voting_result
|
|
3
|
-
_title=
|
|
4
|
-
_topline=
|
|
3
|
+
_title=_title
|
|
4
|
+
_topline=_topline
|
|
5
5
|
_resultBoxMessageTitle=(loca "votingform_title_success")
|
|
6
6
|
_resultBoxMessageText=this.votingSuccessText.richtext
|
|
7
7
|
_isInline=_isInline
|
|
@@ -13,8 +13,8 @@
|
|
|
13
13
|
}}
|
|
14
14
|
{{else}}
|
|
15
15
|
{{> components/voting/voting_result
|
|
16
|
-
_title=
|
|
17
|
-
_topline=
|
|
16
|
+
_title=_title
|
|
17
|
+
_topline=_topline
|
|
18
18
|
_resultBoxMessageTitle=(loca "votingform_title_success")
|
|
19
19
|
_resultBoxMessageText=(loca "votingform_text_success")
|
|
20
20
|
_isInline=_isInline
|
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.4",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"votingSuccessText": {
|
|
17
17
|
"richtext": "Danke für Ihre Abstimmung!"
|
|
18
18
|
},
|
|
19
|
-
"isSimpleSecured":
|
|
19
|
+
"isSimpleSecured": false,
|
|
20
20
|
"cookieLifetime": "12",
|
|
21
21
|
"sophoraId": "Sophora-Id",
|
|
22
22
|
"hasBarchart": true,
|
|
@@ -54,10 +54,10 @@
|
|
|
54
54
|
"shorttext": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.",
|
|
55
55
|
"isVotingOver": false,
|
|
56
56
|
"is2FSecured": false,
|
|
57
|
-
"jsonUrl": "
|
|
57
|
+
"jsonUrl": "https://ugc-hessenschau.dev-ext.hrcms.gcp.cloud.hr.de",
|
|
58
58
|
"errorMessages": "Error-Messages",
|
|
59
|
-
"isSimpleSecured":
|
|
60
|
-
"url": "
|
|
59
|
+
"isSimpleSecured": false,
|
|
60
|
+
"url": "https://ugc-hessenschau.dev-ext.hrcms.gcp.cloud.hr.de",
|
|
61
61
|
"isHorizontalLayout": false,
|
|
62
62
|
"hideVotingResult": true,
|
|
63
63
|
"sophoraId": "Sophora-Id",
|