@gov-cy/govcy-frontend-renderer 1.28.1 → 1.30.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.
Files changed (8) hide show
  1. package/README.md +61 -115
  2. package/dist/govcyCompiledTemplates.browser.js +1 -1
  3. package/dist/govcyFrontendRenderer.browser.js +229 -125
  4. package/dist/index.cjs +229 -125
  5. package/dist/index.mjs +229 -125
  6. package/package.json +1 -1
  7. package/src/njk/layouts/govcyBase.njk +95 -51
  8. package/src/njk/utilities/govcyUtilities.njk +4 -0
package/src/njk/layouts/govcyBase.njk CHANGED
@@ -18,62 +18,38 @@ To use this template you need to pass the following data:
18
18
  ],
19
19
  "footerIcons": [
20
20
  {
21
- "src": {
22
- "en": "https://cdn.jsdelivr.net/gh/gov-cy/govdesign@main/seals/ssv-certificate-verification-info.svg",
23
- "el": "https://cdn.jsdelivr.net/gh/gov-cy/govdesign@main/seals/ssv-certificate-verification-info.svg"
24
- },
25
- "alt": {
26
- "en": "Service Standard Verified seal",
27
- "el": "Σφραγίδα Πιστοποίησης Υπηρεσίας"
28
- },
29
- "href": {
30
- "en": "https://dsf.dmrid.gov.cy/2022/11/15/update-my-details/",
31
- "el": "https://dsf.dmrid.gov.cy/2022/11/15/update-my-details/"
32
- },
33
- "style": {
34
- "en": "content: url(https://cdn.jsdelivr.net/gh/gov-cy/govdesign@main/seals/ssv-certificate-verification-info.svg) !important;aspect-ratio: auto;height: 53px !important;",
35
- "el": "content: url(https://cdn.jsdelivr.net/gh/gov-cy/govdesign@main/seals/ssv-certificate-verification-info.svg) !important;aspect-ratio: auto;height: 53px !important;"
36
- },
37
- "target": "_blank",
38
- "classes": "govcy-mr-3"
21
+ "preset": "dsf-badge",
22
+ "badgeId": "E-Serv-07-MC-2025_2"
39
23
  },
40
24
  {
41
- "src": {
42
- "en": "https://cdn.jsdelivr.net/gh/gov-cy/govdesign@main/FundedbyEU_NextGeneration_H53-EN.png",
43
- "el": "https://cdn.jsdelivr.net/gh/gov-cy/govdesign@main/FundedbyEU_NextGeneration_H53-EL.png"
44
- },
45
- "alt": {
46
- "en": "Funded by the EU Next Generation EU",
47
- "el": "Χρηματοδοτείται από την ΕΕ Next Generation EU"
48
- },
49
- "href": {
50
- "en": "https://europa.eu/",
51
- "el": "https://europa.eu/"
52
- },
53
- "title": {
54
- "en": "Go to EU website",
55
- "el": "Μετάβαση στην ιστοσελίδα της ΕΕ"
56
- },
57
- "target": "_blank"
25
+ "preset": "eu-next-generation"
26
+ },
27
+ {
28
+ "preset": "cyprus-tomorrow"
58
29
  },
59
30
  {
60
31
  "src": {
61
- "en": "https://cdn.jsdelivr.net/gh/gov-cy/govdesign@main/CYpros%20to%20aurio%20logo%20eng_H53_EN.png",
62
- "el": "https://cdn.jsdelivr.net/gh/gov-cy/govdesign@main/CYpros%20to%20aurio%20logo%20eng_H53_EL.png"
32
+ "en": "https://cdn.jsdelivr.net/gh/gov-cy/govdesign@main/dsf-components.png",
33
+ "el": "https://cdn.jsdelivr.net/gh/gov-cy/govdesign@main/dsf-components.png"
63
34
  },
64
35
  "alt": {
65
- "en": "Cyprus tomorrow, recovery and resilience plan",
66
- "el": "Κύπρος το Αύριο, σχέδιο ανάκαμψης και ανθεντικότητας"
36
+ "en": "DSF components",
37
+ "el": "DSF components"
67
38
  },
68
39
  "href": {
69
- "en": "http://www.cyprus-tomorrow.gov.cy/",
70
- "el": "http://www.cyprus-tomorrow.gov.cy/"
40
+ "en": "https://gov-cy.github.io/govcy-design-system-docs/",
41
+ "el": "https://gov-cy.github.io/govcy-design-system-docs/"
71
42
  },
72
43
  "title": {
73
- "en": "Go to Cyprus Tomorrow website",
74
- "el": "Μετάβαση στην ιστοσελίδα Κύπρος το Αύριο"
44
+ "en": "Go to the Unified Design System website",
45
+ "el": "Go to the Unified Design System website"
46
+ },
47
+ "style": {
48
+ "en": "content: url(https://cdn.jsdelivr.net/gh/gov-cy/govdesign@main/dsf-components.png) !important;aspect-ratio: auto;height: 53px !important;",
49
+ "el": "content: url(https://cdn.jsdelivr.net/gh/gov-cy/govdesign@main/dsf-components.png) !important;aspect-ratio: auto;height: 53px !important;"
75
50
  },
76
- "target": "_blank"
51
+ "target": "_blank",
52
+ "classes": "govcy-mr-3"
77
53
  }
78
54
  ],
79
55
  "copyrightText" : {"en":"Republic of Cyprus, 2025", "el":"Κυπριακή Δημοκρατία, 2025"},
@@ -156,7 +132,8 @@ To use this template you need to pass the following data:
156
132
  "manifest": "manifest.json",
157
133
  "matomo": {
158
134
  "url": "//wp.matomo.dits.dmrid.gov.cy/",
159
- "siteId": 1234
135
+ "siteId": 1234,
136
+ "userId": "already-hashed-stable-id"
160
137
  },
161
138
  "cdn": {
162
139
  "dist": "https://cdn.jsdelivr.net/gh/gov-cy/govcy-design-system@3.0.0/dist",
@@ -221,6 +198,9 @@ To use this template you need to pass the following data:
221
198
  <!-- Matomo -->
222
199
  <script>
223
200
  var _paq = window._paq = window._paq || [];
201
+ {%- if site.matomo.userId %}
202
+ _paq.push(['setUserId', {{ site.matomo.userId | dump | safe }}]);
203
+ {%- endif %}
224
204
  _paq.push(['trackPageView']);
225
205
  _paq.push(['enableLinkTracking']);
226
206
  (function() {
@@ -436,14 +416,78 @@ To use this template you need to pass the following data:
436
416
  <div class="govcy-d-flex govcy-align-items-center govcy-flex-wrap">
437
417
  <span class="govcy-fs-2 govcy-fw-bold govcy-mr-6">gov.cy</span>
438
418
  <span class="govcy-mr-6 govcy-mt-2">&copy; {{ govcyLocalizeContent(site.copyrightText, site.lang) }}</span>
439
- {%- if site.footerIcons %}
440
- {% for footerIcon in site.footerIcons %}
441
- {#- src, alt and href are mandatory -#}
442
- {%- if footerIcon.src and footerIcon.alt and footerIcon.href -%}
443
- <a href="{{ govcyLocalizeContent(footerIcon.href, site.lang, true) }}"{% if footerIcon.target %} target="{{ footerIcon.target }}"{% endif %}{% if footerIcon.title %} title="{{ govcyLocalizeContent(footerIcon.title, site.lang) }}"{% endif %}>
444
- <img class="govcy-eu-logo govcy-mb-2{% if footerIcon.classes %} {{ footerIcon.classes }}{% endif %}" src="{{ govcyLocalizeContent(footerIcon.src, site.lang, true) }}" alt="{{ govcyLocalizeContent(footerIcon.alt, site.lang, true) }}"{% if footerIcon.style %} style="{{ govcyLocalizeContent(footerIcon.style, site.lang, true) }}"{% endif %}>
419
+ {% if site.footerIcons %}
420
+ {#- Set Icon presets #}
421
+ {%- set footerIconPresets = {
422
+ "eu-next-generation": {
423
+ type: "imageLink",
424
+ src: {
425
+ en: "https://cdn.jsdelivr.net/gh/gov-cy/govcy-design-system-docs@main/src/img/FundedbyEU_NextGeneration_H53-EN.png",
426
+ el: "https://cdn.jsdelivr.net/gh/gov-cy/govcy-design-system-docs@main/src/img/FundedbyEU_NextGeneration_H53-EL.png"
427
+ },
428
+ altKey: "footerIcon_euNextGeneration_alt",
429
+ href: {
430
+ en: "https://europa.eu/",
431
+ el: "https://europa.eu/"
432
+ },
433
+ titleKey: "footerIcon_euNextGeneration_title",
434
+ target: "_blank"
435
+ },
436
+ "cyprus-tomorrow": {
437
+ type: "imageLink",
438
+ src: {
439
+ en: "https://cdn.jsdelivr.net/gh/gov-cy/govcy-design-system-docs@main/src/img/CYpros%20to%20aurio%20logo%20eng_H53_EN.png",
440
+ el: "https://cdn.jsdelivr.net/gh/gov-cy/govcy-design-system-docs@main/src/img/CYpros%20to%20aurio%20logo%20eng_H53_EL.png"
441
+ },
442
+ altKey: "footerIcon_cyprusTomorrow_alt",
443
+ href: {
444
+ en: "http://www.cyprus-tomorrow.gov.cy/",
445
+ el: "http://www.cyprus-tomorrow.gov.cy/"
446
+ },
447
+ titleKey: "footerIcon_cyprusTomorrow_title",
448
+ target: "_blank"
449
+ },
450
+ "dsf-badge": {
451
+ type: "dsfBadge",
452
+ scriptSrc: {
453
+ en: "https://dsf-seals.staging.service.gov.cy/embed.js",
454
+ el: "https://dsf-seals.staging.service.gov.cy/embed.js"
455
+ }
456
+ }
457
+ } -%}
458
+ {% for footerIconItem in site.footerIcons %}
459
+ {%- set footerIcon = footerIconItem -%}
460
+ {#- Handle presets -#}
461
+ {%- if footerIconItem.preset and footerIconPresets[footerIconItem.preset] -%}
462
+ {%- set footerIcon = footerIconPresets[footerIconItem.preset] | merge(footerIconItem) -%}
463
+ {%- endif -%}
464
+ {#- Handle dsfBadge preset -#}
465
+ {%- if footerIcon.type == "dsfBadge" and footerIcon.badgeId -%}
466
+ <span data-dsf-badge="{{ footerIcon.badgeId }}"></span>
467
+ {%- if footerIcon.scriptSrc %}
468
+ <script async src="{{ govcyLocalizeContent(footerIcon.scriptSrc, site.lang, true) }}"></script>
469
+ {%- endif %}
470
+ {%- else -%}
471
+ {#- src, alt and href are mandatory for image links -#}
472
+ {%- set footerIconAlt = "" -%}
473
+ {%- if footerIcon.alt -%}
474
+ {%- set footerIconAlt = govcyLocalizeContent(footerIcon.alt, site.lang, true) -%}
475
+ {%- elseif footerIcon.altKey -%}
476
+ {%- set footerIconAlt = govcyGetContent(footerIcon.altKey, site.lang) -%}
477
+ {%- endif -%}
478
+ {%- set footerIconTitle = "" -%}
479
+ {%- if footerIcon.title -%}
480
+ {%- set footerIconTitle = govcyLocalizeContent(footerIcon.title, site.lang) -%}
481
+ {%- elseif footerIcon.titleKey -%}
482
+ {%- set footerIconTitle = govcyGetContent(footerIcon.titleKey, site.lang) -%}
483
+ {%- endif -%}
484
+ {#- Handle the reset of the footer icons -#}
485
+ {%- if footerIcon.src and footerIconAlt and footerIcon.href -%}
486
+ <a href="{{ govcyLocalizeContent(footerIcon.href, site.lang, true) }}"{% if footerIcon.target %} target="{{ footerIcon.target }}"{% endif %}{% if footerIconTitle %} title="{{ footerIconTitle }}"{% endif %}>
487
+ <img class="govcy-eu-logo govcy-mb-2{% if footerIcon.classes %} {{ footerIcon.classes }}{% endif %}" src="{{ govcyLocalizeContent(footerIcon.src, site.lang, true) }}" alt="{{ footerIconAlt }}"{% if footerIcon.style %} style="{{ govcyLocalizeContent(footerIcon.style, site.lang, true) }}"{% endif %}>
445
488
  </a>
446
489
  {%- endif %}
490
+ {%- endif %}
447
491
  {% endfor %}
448
492
  {%- endif %}
449
493
  </div>
package/src/njk/utilities/govcyUtilities.njk CHANGED
@@ -62,6 +62,10 @@
62
62
  dateInput_monthValue12: {en:'December',el:'Δεκέμβριος'},
63
63
  errorMessage_hiddenError: {en:'Error',el:'Σφάλμα'},
64
64
  errorSummary_header: {en:"There is a problem",el:"Υπάρχει πρόβλημα"},
65
+ footerIcon_cyprusTomorrow_alt: {en:"Cyprus tomorrow, recovery and resilience plan",el:"Κύπρος το Αύριο, σχέδιο ανάκαμψης και ανθεκτικότητας"},
66
+ footerIcon_cyprusTomorrow_title: {en:"Go to Cyprus Tomorrow website",el:"Μετάβαση στην ιστοσελίδα Κύπρος το Αύριο"},
67
+ footerIcon_euNextGeneration_alt: {en:"Funded by the EU Next Generation EU",el:"Χρηματοδοτείται από την ΕΕ Next Generation EU"},
68
+ footerIcon_euNextGeneration_title: {en:"Go to EU website",el:"Μετάβαση στην ιστοσελίδα της ΕΕ"},
65
69
  header_menu: {en:"Menu",el:"Μενού"},
66
70
  header_mainMenuAria: {en:"Main menu",el:"Κύριο μενού"},
67
71
  fileView_view: {en:'View',el:'Προβολή'},