Merge pull request #394 from id-sk/feature/WEB-753-fix-syntax-errors

Feature/web 753 fix syntax errors
id-sk · Jun 22, 2022 · 02ed3bb · 02ed3bb
2 parents 8e04177 + 65cfff8
commit 02ed3bb
Show file tree

Hide file tree

Showing 84 changed files with 682 additions and 658 deletions.
diff --git a/app/assets/js/d3.min.js b/app/assets/js/d3.min.js
diff --git a/app/assets/scss/partials/_app.scss b/app/assets/scss/partials/_app.scss
@@ -28,8 +28,10 @@
   z-index: 20;
   display: block;
   position: relative;
-  border: none;
+  border: 0;
   width: 100%;
+  overflow: hidden;
+  background-color: transparent;
 }
 
 // Highlight the whitespace around a component, so you can see without having to

diff --git a/app/views/benchmark-zivotnych-situacii/index.njk b/app/views/benchmark-zivotnych-situacii/index.njk
@@ -10,7 +10,7 @@
     { text: pageName }
     ]
   }) }}
-{% endblock %}  
+{% endblock %}
 
 {% block content %}
   <div class="govuk-width-container">
@@ -38,11 +38,11 @@
           <p class="govuk-body">Tento dokument je určený predovšetkým pracovníkom verejnej správy, ktorí majú reálny podiel na tvorbe a stave elektronických služieb. Zároveň je určený občanom, podnikateľom či odborníkom, ktorých táto téma zaujíma.</p>
           <p class="govuk-body">Sme otvorení dialógu a budeme vďační za podnetné postrehy či pripomienky k metodike. Opodstatnené námety radi zapracujeme. Vieme, že nás čaká ešte dlhá a kľukatá cesta za kvalitnými elektronickými službami štátu. Sme však odhodlaní prísť až do jej cieľa.</p>
 
-          <h3 class="govuk-heading-m" id="benchmark">Čo je to benchmark životných situácií?</h3>
+          <h3 class="govuk-heading-m">Čo je to benchmark životných situácií?</h3>
           <p class="govuk-body">
                 Benchmark životných situácií je nástroj na systematické hodnotenie poskytovania, kvality a rozvoja elektronických služieb inštitúcií verejnej správy (ďalej len „elektronické služby“). Logicky zapadá do dlhodobého procesu digitalizácie verejných služieb v zmysle <a href="https://www.mirri.gov.sk/sekcie/narodna-koncepcia-informatizacie-verejnej-spravy-nikvs/index.html" class="govuk-link" title="Národnej koncepcie informatizácie verejnej správy">Národnej koncepcie informatizácie verejnej správy</a>. Jeho hlavnou ambíciou je postaviť používateľa s jeho správaním a potrebami do centra digitalizácie – nasmerovať elektronické služby k tomu, aby boli navrhované a rozvíjané so zreteľom na používateľa na prvom mieste.
           </p>
-          
+
           <h3 class="govuk-heading-m" id="metodika">Metodika</h3>
           <p class="govuk-body">
             Návrh metodiky pre benchmark životných situácií sa zameriava na mapovanie životných situácií, spôsob merania ich kvality a metodológiu ich zlepšovania. Kombinuje v sebe aktuálne poznatky z oblastí návrhu služieb (service design), UX dizajnu (user experience design – dizajn používateľskej skúsenosti) a behaviorálnych inovácií. Práve to sú oblasti, ktoré doposiaľ politika digitalizácie opomínala, no sú nesmierne dôležité pre vytvorenie dobrej skúsenosti občana s verejným sektorom. S ich pomocou dokumenty stanovujú kvalitatívne štandardy pre poskytovanie, prevádzku a rozvoj používateľsky kvalitných a prívetivých elektronických služieb.
@@ -52,7 +52,7 @@
           </p>
 
           <h3 class="govuk-heading-m" id="vyhodnotenie">Vyhodnotenie stavu existujúcich ŽS</h3>
-          
+
           <p class="govuk-body">
             Hodnotenie ponúka prehľad toho, do akej miery je v súčasnosti používateľ zapojený do tvorby verejných služieb.  Identifikujeme, ktoré používateľsky dôležité oblasti sú na dobrej úrovni, a ktoré treba zlepšovať. Mapujeme bariéry, s ktorými sa používateľ stretáva pri snahe prejsť životnou situáciou. V treťom dokumente „Návrh  opatrení  pre  zlepšenie  životných situácií  z pohľadu  behaviorálnych  inovácií“, ponúkame odporúčania, ako nedostatky odstrániť.
           </p>
@@ -63,9 +63,9 @@
             Aby sme mohli posúdiť, v ktorých životných situáciách bude mať zlepšovanie používateľskej skúsenosti najväčší celkový efekt, musíme vziať do úvahy počet obyvateľov a podnikateľov, ktorí ročne prejdú životnou situáciou. Táto analýza je zachytená nižšie. Najväčšiu celkovú pridanú hodnotu má snaha zlepšovať použivateľskú skúsenosť životných situácií, ktoré sa v grafe nachádzajú v pravom hornom kvadrante (tzn. majú najvyšší celkový potenciál zlepšenia a zároveň najvyššiu ročnú početnosť).
           </p>
         </div>
-        
+
         <div class="govuk-grid-column-full">
-          <img width="100%" src="/public/assets/images/benchmark/PZ-pocetnost.png" alt="Graf: Celkový potenciál zlepšenia ŽS vzhľadom na ich ročnú početnosť"><p></p>
+          <img style="width: 100%;" src="/public/assets/images/benchmark/PZ-pocetnost.png" alt="Graf: Celkový potenciál zlepšenia ŽS vzhľadom na ich ročnú početnosť"><p></p>
         </div>
 
         <div class="govuk-grid-column-two-thirds">
@@ -75,16 +75,16 @@
         </div>
 
         <div class="govuk-grid-column-full">
-          <div class="embed-responsive"><iframe class="embed-responsive-item" src="https://docs.google.com/presentation/d/e/2PACX-1vTCcfomXt8rw3Hq29gmWyv9LkdpEZl_GKEqxt-lN2vV_dIEL8jPL1Xrc4K91iEpgIonH0VLHzsOcNMg/embed?start=false&amp;loop=false&amp;delayms=3000" frameborder="0" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></div>
+          <div class="embed-responsive"><iframe class="embed-responsive-item" src="https://docs.google.com/presentation/d/e/2PACX-1vTCcfomXt8rw3Hq29gmWyv9LkdpEZl_GKEqxt-lN2vV_dIEL8jPL1Xrc4K91iEpgIonH0VLHzsOcNMg/embed?start=false&amp;loop=false&amp;delayms=3000" style="border: 0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></div>
           <p class="govuk-body-s">Stiahnite si prezentáciu vo <a href="/public/assets/benchmark/Benchmark-ZS–prezentacia-vysledkov.pdf" target="_blank" class="govuk-link" title="formáte pdf">formáte pdf</a></p>
         </div>
 
         <div class="govuk-grid-column-two-thirds">
           <p class="govuk-body">
-            Ak máte záujem o podrobné výsledky, nájdete ich spísané v dokumente <a href="/public/assets/benchmark/2-dokument-Hodnotenie.pdf" target="_blank" class="govuk-link" title="Vyhodnotenie existujúceho stavu životných situácií">Vyhodnotenie existujúceho stavu životných situácií (PDF)</a>. Presné obodovanie životných situácií nájdete v dokumente <a href="/public/assets/benchmark/Bodovanie-ZS.xlsx" class="govuk-link" title="Benchmark životných situácií – bodovací dokument">Benchmark životných situácií – bodovací dokument (.xlsx)</a>.
+            Ak máte záujem o podrobné výsledky, nájdete ich spísané v dokumente <a href="/public/assets/benchmark/2-dokument-Hodnotenie.pdf" target="_blank" class="govuk-link" title="Vyhodnotenie existujúceho stavu životných situácií">Vyhodnotenie existujúceho stavu životných situácií (PDF)</a>. Presné obodovanie životných situácií nájdete v dokumente <a href="/public/assets/benchmark/Bodovanie-ZS.xlsx" class="govuk-link" title="Benchmark životných situácií bodovací dokument">Benchmark životných situácií – bodovací dokument (.xlsx)</a>.
           </p>
           <h4 class="govuk-heading-s">Ako sme vybrali 25 životných situácií</h4>
-          
+
           <p class="govuk-body">
             Pri výbere 25 životných situácií sme vychádzali zo strategického dokumentu "Detailný akčný plán informatizácie verejnej správy (2017-2020)".  Našou prioritou bola možnosť ohodnotiť existujúce elektronické služby. Z finálneho súboru elektronických služieb sme vylúčili tie, ktoré sú procesne súčasťou zásadných, aktuálne prebiehajúcich projektov či opatrení (Napr. Výpis z registra trestov, ktorý je súčasťou balíka opatrení v boji proti byrokracii z dielne UPVII).</p>
           <p class="govuk-body">Názvy životných situácií sme zvolili z pohľadu používateľa, čo najpresnejšia identifikácia týchto ŽS je v prílohe. Hodnotili sme nasledovných 25 životných situácií:</p>
@@ -140,17 +140,17 @@
             Prehľad odporúčaní a návrhov všeobecných opatrení na zlepšenie elektronických služieb si môžete pozrieť na prezentácii nižšie.
           </p>
           </div>
-          
+
           <div class="govuk-grid-column-full">
-            <div class="embed-responsive"><iframe class="embed-responsive-item" src="https://docs.google.com/presentation/d/e/2PACX-1vT0LOR5sFj7NzosbTrlsvP6HeNiiQsPtICVjICn7vRZ9w7MveE5s7pg-51eetIwtm_5vKgn8o4twNW1/embed?start=false&amp;loop=false&amp;delayms=3000" frameborder="0" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></div>
+            <div class="embed-responsive"><iframe class="embed-responsive-item" src="https://docs.google.com/presentation/d/e/2PACX-1vT0LOR5sFj7NzosbTrlsvP6HeNiiQsPtICVjICn7vRZ9w7MveE5s7pg-51eetIwtm_5vKgn8o4twNW1/embed?start=false&amp;loop=false&amp;delayms=3000" style="border: 0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></div>
             <p class="govuk-body-s">Stiahnite si prezentáciu vo <a href="/public/assets/benchmark/Benchmark-ZS-prezentacia-opatreni.pdf" target="_blank" class="govuk-link" title="formáte pdf">formáte pdf</a></p>
           </div>
 
           <div class="govuk-grid-column-two-thirds">
           <h3 class="govuk-heading-m" id="dokumenty">Všetky súvisiace dokumenty</h3>
           <p class="govuk-body">
             <a href="/public/assets/benchmark/Benchmark-ZS–prezentacia-vysledkov.pdf" target="_blank" class="govuk-link" title="Benchmark životných situácií – prezentácia výsledkov">Benchmark životných situácií – prezentácia výsledkov (PDF)</a><br>
-            <a href="/public/assets/benchmark/Benchmark-ZS-prezentacia-opatreni.pdf" target="_blank" class="govuk-link" title="Benchmark životných situácií –  prezentácia návrhu opatrení pre zlepšenie">Benchmark životných situácií –  prezentácia návrhu opatrení pre zlepšenie (PDF)</a><br>
+            <a href="/public/assets/benchmark/Benchmark-ZS-prezentacia-opatreni.pdf" target="_blank" class="govuk-link" title="Benchmark životných situácií - prezentácia návrhu opatrení pre zlepšenie">Benchmark životných situácií - prezentácia návrhu opatrení pre zlepšenie (PDF)</a><br>
             <a href="/public/assets/benchmark/1-dokument-Metodika.pdf" target="_blank" class="govuk-link" title="Návrh metodiky pre benchmark životných situácií">Návrh metodiky pre benchmark životných situácií z pohľadu behaviorálnych intervencií (PDF)</a><br>
             <a href="/public/assets/benchmark/2-dokument-Hodnotenie.pdf" target="_blank" class="govuk-link" title="Vyhodnotenie existujúceho stavu životných situácií">Vyhodnotenie existujúceho stavu životných situácií (PDF)</a><br>
             <a href="/public/assets/benchmark/3-dokument-Navrh-opatreni.pdf" target="_blank" class="govuk-link" title="Návrh opatrení pre zlepšenie životných situácií">Návrh opatrení pre zlepšenie životných situácií z pohľadu behaviorálnych intervencií (PDF)</a><br>

diff --git a/app/views/examples/form-alignment/index.njk b/app/views/examples/form-alignment/index.njk
@@ -275,7 +275,7 @@
 
   <h2 class="govuk-heading-m">Display with govuk-!-display</h2>
 
-  <h3 class="govuk-heading-s govuk-!-font-weight-regular">govuk-!-display-block</h2>
+  <h3 class="govuk-heading-s govuk-!-font-weight-regular">govuk-!-display-block</h3>
 
   {{ govukButton({
     classes: 'govuk-!-display-block',
@@ -291,7 +291,7 @@
     href: '/'
   }) }}
 
-  <h3 class="govuk-heading-s govuk-!-font-weight-regular">govuk-!-display-inline-block</h2>
+  <h3 class="govuk-heading-s govuk-!-font-weight-regular">govuk-!-display-inline-block</h3>
 
     {{ govukPanel({
       classes: 'govuk-!-display-inline-block',
@@ -307,7 +307,7 @@
       href: '/' })
     }}
 
-  <h3 class="govuk-heading-s govuk-!-font-weight-regular">govuk-!-display-inline</h2>
+  <h3 class="govuk-heading-s govuk-!-font-weight-regular">govuk-!-display-inline</h3>
 
   <a class="govuk-!-display-inline govuk-link" href="#">Apples</a>
   <a class="govuk-!-display-inline govuk-link" href="#">Oranges</a>

diff --git a/app/views/examples/form-controls-states/index.njk b/app/views/examples/form-controls-states/index.njk
@@ -34,14 +34,14 @@
 
         <div class="govuk-checkboxes__item govuk-!-margin-bottom-2">
           <input class="govuk-checkboxes__input" id="foo1" name="foo" type="checkbox" value="bar">
-          <label class="govuk-label govuk-checkboxes__label" for="foo">
+          <label class="govuk-label govuk-checkboxes__label" for="foo1">
             Unchecked
           </label>
         </div>
 
         <div class="govuk-checkboxes__item govuk-!-margin-bottom-2">
-          <input class="govuk-checkboxes__input" id="foo2" name="foo" type="checkbox" value="bar" checked>
-          <label class="govuk-label govuk-checkboxes__label" for="foo2">
+          <input class="govuk-checkboxes__input" id="foo9" name="foo9" type="checkbox" value="bar" checked>
+          <label class="govuk-label govuk-checkboxes__label" for="foo9">
             Checked
           </label>
         </div>
@@ -54,8 +54,8 @@
         </div>
 
         <div class="govuk-checkboxes__item govuk-!-margin-bottom-2 :hover">
-          <input class="govuk-checkboxes__input" id="foo4" name="foo" type="checkbox" value="bar" checked>
-          <label class="govuk-label govuk-checkboxes__label" for="foo4">
+          <input class="govuk-checkboxes__input" id="foo40" name="foo40" type="checkbox" value="bar" checked>
+          <label class="govuk-label govuk-checkboxes__label" for="foo40">
             Hover, Checked
           </label>
         </div>
@@ -89,8 +89,8 @@
         </div>
 
         <div class="govuk-checkboxes__item govuk-!-margin-bottom-2">
-          <input class="govuk-checkboxes__input" id="foo9" name="foo" type="checkbox" value="bar" disabled>
-          <label class="govuk-label govuk-checkboxes__label" for="foo9">
+          <input class="govuk-checkboxes__input" id="foo90" name="foo90" type="checkbox" value="bar" disabled>
+          <label class="govuk-label govuk-checkboxes__label" for="foo90">
             Disabled
           </label>
         </div>
@@ -103,13 +103,12 @@
         </div>
 
         <div class="govuk-checkboxes__item govuk-!-margin-bottom-2 x-ray">
-          <input class="govuk-checkboxes__input" id="foox" name="foo" type="checkbox" value="bar" checked>
-          <label class="govuk-label govuk-checkboxes__label" for="foox">
+          <input class="govuk-checkboxes__input" id="fooxx" name="foo" type="checkbox" value="bar" checked>
+          <label class="govuk-label govuk-checkboxes__label" for="fooxx">
             X-Ray
           </label>
         </div>
       </div>
-    </fieldset>
     </div>
   </div>
 
@@ -187,8 +186,8 @@
         </div>
 
         <div class="govuk-radios__item govuk-!-margin-bottom-2 x-ray">
-          <input class="govuk-radios__input" id="fizz10" name="fizzx" type="radio" value="" checked>
-          <label class="govuk-label govuk-radios__label" for="fizzx">
+          <input class="govuk-radios__input" id="fizz101" name="fizz101" type="radio" value="" checked>
+          <label class="govuk-label govuk-radios__label" for="fizz101">
             X-Ray
           </label>
         </div>
@@ -203,50 +202,50 @@
   <div class="govuk-grid-column-one-half">
     <div class="govuk-checkboxes">
       <div class="govuk-checkboxes__item govuk-!-margin-bottom-2">
-        <input class="govuk-checkboxes__input" id="foo1" name="foo" type="checkbox" value="bar">
-        <label class="govuk-label govuk-checkboxes__label" for="foo">
+        <input class="govuk-checkboxes__input" id="fooo1" name="fooo1" type="checkbox" value="bar">
+        <label class="govuk-label govuk-checkboxes__label" for="fooo1">
           Unchecked
         </label>
       </div>
 
       <div class="govuk-checkboxes__item govuk-!-margin-bottom-2">
-        <input class="govuk-checkboxes__input" id="foo2" name="foo" type="checkbox" value="bar" checked>
+        <input class="govuk-checkboxes__input" id="foo2" name="foo2" type="checkbox" value="bar" checked>
         <label class="govuk-label govuk-checkboxes__label" for="foo2">
           Checked
         </label>
       </div>
 
       <div class="govuk-checkboxes__item govuk-!-margin-bottom-2">
-        <input class="govuk-checkboxes__input :focus" id="foo5" name="foo" type="checkbox" value="bar">
-        <label class="govuk-label govuk-checkboxes__label" for="foo5">
+        <input class="govuk-checkboxes__input :focus" id="foo888" name="foo888" type="checkbox" value="bar">
+        <label class="govuk-label govuk-checkboxes__label" for="foo888">
           Focus
         </label>
       </div>
 
       <div class="govuk-checkboxes__item govuk-!-margin-bottom-2">
-        <input class="govuk-checkboxes__input :focus" id="foo6" name="foo" type="checkbox" value="bar" checked>
-        <label class="govuk-label govuk-checkboxes__label" for="foo6">
+        <input class="govuk-checkboxes__input :focus" id="foo66" name="foo" type="checkbox" value="bar" checked>
+        <label class="govuk-label govuk-checkboxes__label" for="foo66">
           Focus, Checked
         </label>
       </div>
 
       <div class="govuk-checkboxes__item govuk-!-margin-bottom-2">
-        <input class="govuk-checkboxes__input" id="foo9" name="foo" type="checkbox" value="bar" disabled>
-        <label class="govuk-label govuk-checkboxes__label" for="foo9">
+        <input class="govuk-checkboxes__input" id="foo900" name="foo900" type="checkbox" value="bar" disabled>
+        <label class="govuk-label govuk-checkboxes__label" for="foo900">
           Disabled
         </label>
       </div>
 
       <div class="govuk-checkboxes__item govuk-!-margin-bottom-2">
-        <input class="govuk-checkboxes__input" id="foo10" name="foo" type="checkbox" value="bar" disabled checked>
-        <label class="govuk-label govuk-checkboxes__label" for="foo10">
+        <input class="govuk-checkboxes__input" id="foo100" name="foo100" type="checkbox" value="bar" disabled checked>
+        <label class="govuk-label govuk-checkboxes__label" for="foo100">
           Disabled, Checked
         </label>
       </div>
 
       <div class="govuk-checkboxes__item govuk-!-margin-bottom-2 x-ray">
-        <input class="govuk-checkboxes__input" id="foox" name="foox" type="checkbox" value="bar" checked>
-        <label class="govuk-label govuk-checkboxes__label" for="foox">
+        <input class="govuk-checkboxes__input" id="foox2" name="foox2" type="checkbox" value="bar" checked>
+        <label class="govuk-label govuk-checkboxes__label" for="foox2">
           X-Ray
         </label>
       </div>

diff --git a/app/views/examples/form-elements/index.njk b/app/views/examples/form-elements/index.njk
@@ -65,7 +65,7 @@
           classes: "govuk-fieldset__legend--m"
         }
       },
-      "idPrefix": "radio-stacked",
+      "idPrefix": "radio-stacked-elm",
       "name": "radio-stacked",
       "items": [
         {
@@ -87,7 +87,7 @@
     {{ govukRadios({
       "fieldset": {},
       "classes": "govuk-radios--inline",
-      "idPrefix": "radio-inline",
+      "idPrefix": "radio-inline-elm",
       "name": "radio-inline",
       "items": [
         {
@@ -104,7 +104,7 @@
     <span id="checkboxes-stacked"></span>
     {{ govukCheckboxes({
       "fieldset": {},
-      "idPrefix": "checkboxes-stacked",
+      "idPrefix": "checkboxes-stacked-elm",
       "name": "checkboxes-stacked",
       "items": [
         {

diff --git a/app/views/examples/small-form-controls/index.njk b/app/views/examples/small-form-controls/index.njk
@@ -82,8 +82,8 @@
         formGroup: {
           classes: "govuk-!-margin-bottom-0"
         },
-        idPrefix: "sort",
-        name: "sort",
+        idPrefix: "sort-2",
+        name: "sort-2",
         classes: "govuk-radios--small govuk-radios--inline",
         items: [
           {

diff --git a/app/views/full-page-examples/applicant-details/confirm.njk b/app/views/full-page-examples/applicant-details/confirm.njk
@@ -5,7 +5,7 @@
 {% from "panel/macro.njk" import govukPanel %}
 
 {% block content %}
-  <main id="content" role="main">
+  <main id="content">
     <div class="grid-row">
       <div class="column-two-thirds">
         {{ govukPanel({

diff --git a/app/views/full-page-examples/applicant-details/index.njk b/app/views/full-page-examples/applicant-details/index.njk
@@ -17,7 +17,7 @@ notes: >-
 {% set page_title = "Applicant details" %}
 
 {% block content %}
-  <main id="content" role="main">
+  <main id="content">
     <div class="grid-row">
       <div class="column-two-thirds">
 

diff --git a/app/views/full-page-examples/renew-driving-licence/index.njk b/app/views/full-page-examples/renew-driving-licence/index.njk
@@ -17,7 +17,7 @@ example: https://www.gov.uk/renew-driving-licence #}
 {% set page_title = "Renew your driving licence" %}
 
 {% block content %}
-  <main id="content" role="main">
+  <main id="content">
     <div class="grid-row">
       <div class="column-two-thirds">
         {{ govukBreadcrumbs({