hr-design-system-handlebars 1.51.14 → 1.52.0
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/index.css +3 -3
- package/dist/assets/js/base/tracking/clickTracking.feature.js +1 -1
- package/dist/assets/js/base/tracking/pianoHelper.subfeature.js +1 -1
- package/dist/views/components/site_header/header.hbs +1 -5
- package/dist/views/components/site_header/navigation_search/navigation_search.hbs +4 -0
- package/dist/views_static/components/site_header/header.hbs +1 -5
- package/dist/views_static/components/site_header/navigation_search/navigation_search.hbs +4 -0
- package/package.json +1 -1
- package/src/assets/images/quicksearch.png +0 -0
- package/src/assets/images/quicksearch_results.png +0 -0
- package/src/stories/views/base/tracking/clickTracking.feature.js +1 -1
- package/src/stories/views/base/tracking/pianoHelper.subfeature.js +1 -1
- package/src/stories/views/components/site_header/header.hbs +1 -5
- package/src/stories/views/components/site_header/header.mdx +34 -0
- package/src/stories/views/components/site_header/navigation_search/navigation_search.hbs +4 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
# v1.52.0 (Fri Jan 12 2024)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- :sparkles: Make pi method parameterless [#801](https://github.com/mumprod/hr-design-system-handlebars/pull/801) ([@szuelch](https://github.com/szuelch))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@szuelch](https://github.com/szuelch)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.51.15 (Wed Jan 10 2024)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- Adding short doc for Quicksearch [#800](https://github.com/mumprod/hr-design-system-handlebars/pull/800) ([@Paul-Atreidis](https://github.com/Paul-Atreidis) [@StefanVesper](https://github.com/StefanVesper))
|
|
18
|
+
|
|
19
|
+
#### Authors: 2
|
|
20
|
+
|
|
21
|
+
- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
|
|
22
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
1
26
|
# v1.51.14 (Wed Jan 10 2024)
|
|
2
27
|
|
|
3
28
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3222,7 +3222,7 @@ article.indexText ul {
|
|
|
3222
3222
|
border-bottom-color: var(--color-secondary-ds);
|
|
3223
3223
|
}
|
|
3224
3224
|
.counter-reset {
|
|
3225
|
-
counter-reset:
|
|
3225
|
+
counter-reset: cnt1705050388101;
|
|
3226
3226
|
}
|
|
3227
3227
|
.hyphens-auto {
|
|
3228
3228
|
-webkit-hyphens: auto;
|
|
@@ -3524,7 +3524,7 @@ article.indexText ul {
|
|
|
3524
3524
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3525
3525
|
}
|
|
3526
3526
|
.-ordered {
|
|
3527
|
-
counter-increment:
|
|
3527
|
+
counter-increment: cnt1705050388101 1;
|
|
3528
3528
|
}
|
|
3529
3529
|
.-ordered::before {
|
|
3530
3530
|
position: absolute;
|
|
@@ -3540,7 +3540,7 @@ article.indexText ul {
|
|
|
3540
3540
|
letter-spacing: .0125em;
|
|
3541
3541
|
--tw-text-opacity: 1;
|
|
3542
3542
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3543
|
-
content: counter(
|
|
3543
|
+
content: counter(cnt1705050388101);
|
|
3544
3544
|
}
|
|
3545
3545
|
/*! ****************************/
|
|
3546
3546
|
/*! DataPolicy stuff */
|
|
@@ -30,7 +30,7 @@ const ClickTracking = function (context) {
|
|
|
30
30
|
download(trackingSetting.clickLabel, trackingSetting.secondLevelId)
|
|
31
31
|
break
|
|
32
32
|
case 'pi':
|
|
33
|
-
pi(
|
|
33
|
+
pi()
|
|
34
34
|
break
|
|
35
35
|
case 'uxAction':
|
|
36
36
|
uxAction(trackingSetting.clickLabel, trackingSetting.secondLevelId)
|
|
@@ -35,11 +35,7 @@
|
|
|
35
35
|
class="flex items-center justify-end flex-initial order-2 inline-block w-full max-w-full align-top bg-navigation-bg md:h-12 lg:h-16 lg:order-2 lg:w-3/4 lg:max-w-3/4 md:mt-0 md:w-1/2 md:max-w-1/2 md:order-2 md:border-0">
|
|
36
36
|
{{> components/site_header/service_navigation/service_list }}
|
|
37
37
|
|
|
38
|
-
{{> components/site_header/navigation_search/
|
|
39
|
-
|
|
40
|
-
<div class="hidden lg:flex">
|
|
41
|
-
{{> components/site_header/navigation_search/quick_search_form }}
|
|
42
|
-
</div>
|
|
38
|
+
{{> components/site_header/navigation_search/navigation_search }}
|
|
43
39
|
|
|
44
40
|
<div id="burgerWrapper"
|
|
45
41
|
class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden">
|
|
@@ -35,11 +35,7 @@
|
|
|
35
35
|
class="flex items-center justify-end flex-initial order-2 inline-block w-full max-w-full align-top bg-navigation-bg md:h-12 lg:h-16 lg:order-2 lg:w-3/4 lg:max-w-3/4 md:mt-0 md:w-1/2 md:max-w-1/2 md:order-2 md:border-0">
|
|
36
36
|
{{> components/site_header/service_navigation/service_list }}
|
|
37
37
|
|
|
38
|
-
{{> components/site_header/navigation_search/
|
|
39
|
-
|
|
40
|
-
<div class="hidden lg:flex">
|
|
41
|
-
{{> components/site_header/navigation_search/quick_search_form }}
|
|
42
|
-
</div>
|
|
38
|
+
{{> components/site_header/navigation_search/navigation_search }}
|
|
43
39
|
|
|
44
40
|
<div id="burgerWrapper"
|
|
45
41
|
class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden">
|
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.
|
|
9
|
+
"version": "1.52.0",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
Binary file
|
|
Binary file
|
|
@@ -30,7 +30,7 @@ const ClickTracking = function (context) {
|
|
|
30
30
|
download(trackingSetting.clickLabel, trackingSetting.secondLevelId)
|
|
31
31
|
break
|
|
32
32
|
case 'pi':
|
|
33
|
-
pi(
|
|
33
|
+
pi()
|
|
34
34
|
break
|
|
35
35
|
case 'uxAction':
|
|
36
36
|
uxAction(trackingSetting.clickLabel, trackingSetting.secondLevelId)
|
|
@@ -35,11 +35,7 @@
|
|
|
35
35
|
class="flex items-center justify-end flex-initial order-2 inline-block w-full max-w-full align-top bg-navigation-bg md:h-12 lg:h-16 lg:order-2 lg:w-3/4 lg:max-w-3/4 md:mt-0 md:w-1/2 md:max-w-1/2 md:order-2 md:border-0">
|
|
36
36
|
{{> components/site_header/service_navigation/service_list }}
|
|
37
37
|
|
|
38
|
-
{{> components/site_header/navigation_search/
|
|
39
|
-
|
|
40
|
-
<div class="hidden lg:flex">
|
|
41
|
-
{{> components/site_header/navigation_search/quick_search_form }}
|
|
42
|
-
</div>
|
|
38
|
+
{{> components/site_header/navigation_search/navigation_search }}
|
|
43
39
|
|
|
44
40
|
<div id="burgerWrapper"
|
|
45
41
|
class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden">
|
|
@@ -361,6 +361,40 @@ Innerhalb der Service-List können mittels der Funktion **"shouldServiceIconsBeH
|
|
|
361
361
|
|
|
362
362
|
<br />
|
|
363
363
|
|
|
364
|
+
<b>Quicksearch</b>
|
|
365
|
+
|
|
366
|
+
Der sog. Suchschlitz ermöglicht die Eingabe von Suchbegriffen, um gezielt Inhalte auf der Hessenschau-Seite (und auch bei den Seiten der Programmbegleitung) zu finden.
|
|
367
|
+
Nach der Eingabe eines Suchbegriffs erscheint (s. Abb.) eine Liste unterhalb mit Vorschlägen zum Suchbegriff.
|
|
368
|
+
|
|
369
|
+
<br />
|
|
370
|
+
|
|
371
|
+
<img src="/images/quicksearch.png" />
|
|
372
|
+
|
|
373
|
+
<br />
|
|
374
|
+
|
|
375
|
+
Nach der Bestätigung der Eingabe über Klick auf das Lupen-Icon erscheint die Suchseite. Sie enthält folgenden Angaben:
|
|
376
|
+
|
|
377
|
+
<ul>
|
|
378
|
+
<li>Anzahl aller gefundenen Einträge zum gewählten Suchbegriff (und die jeweilige Webseite)</li>
|
|
379
|
+
<li>Erweitertes Suchformular, mit eingrenzender Filterung nach Webseite</li>
|
|
380
|
+
<li>Darstellung der Inhalte als Liste, wobei Einzelinhalte als Alternativ-Teaser dargestellt werden. Die Liste ist nach Datum und Relevanz sortierbar</li>
|
|
381
|
+
<li>Paginierung am Ende der Seite, bei einer hohen Anzahl von Suchergebnissen</li>
|
|
382
|
+
</ul>
|
|
383
|
+
|
|
384
|
+
<img src="/images/quicksearch_results.png" />
|
|
385
|
+
|
|
386
|
+
<br />
|
|
387
|
+
<br />
|
|
388
|
+
|
|
389
|
+
Die Quicksearch besteht aus Suchschlitz - einem Eingabefeld - und einem Button mit Lupen-Icon - ein Absenden-Button - und ist damit ein minimales Suchformular. Die beiden Bestandteile sind wiederverwendbar und werden über
|
|
390
|
+
```html
|
|
391
|
+
{{> components/site_header/navigation_search/quick_search_button }}
|
|
392
|
+
{{> components/site_header/navigation_search/quick_search_form }}
|
|
393
|
+
```
|
|
394
|
+
in das Markup eingebunden. Beide gemeinsam bilden die Komponente **(navigation_search.hbs)**
|
|
395
|
+
|
|
396
|
+
<br />
|
|
397
|
+
|
|
364
398
|
Service-Navigation Flyout Desktop:
|
|
365
399
|
|
|
366
400
|
<br />
|