update example id to remove all duplicates (#2776)

ONSdigital · Aug 14, 2023 · b4bdeaa · b4bdeaa
1 parent 6f3fed4
commit b4bdeaa
Show file tree

Hide file tree

Showing 87 changed files with 403 additions and 403 deletions.
diff --git a/src/components/access-code/example-access-code-error.njk b/src/components/access-code/example-access-code-error.njk
@@ -74,7 +74,7 @@ layout: ~
     {% endset %}
 
     {% call onsDetails({
-            "id": "details",
+            "id": "details-access-code-error",
             "title": "Need to answer separately from your household?",
             "button": {
                 "close": "Hide this",

diff --git a/src/components/access-code/example-access-code.njk b/src/components/access-code/example-access-code.njk
@@ -18,7 +18,7 @@ layout: ~
     <h1 class="ons-u-mt-l">Start study</h1>
 
     {{ onsAccessCode({
-        "id": "access-code",
+        "id": "access-code-example",
         "name": "access-code",
         "postTextboxLinkText": "Where to find your access code",
         "postTextboxLinkUrl": "#0",

diff --git a/src/components/accordion/example-accordion-open.njk b/src/components/accordion/example-accordion-open.njk
@@ -13,14 +13,14 @@
             "name": "dietary",
             "checkboxes": [
                 {
-                    "id": "data",
+                    "id": "data-checkbox",
                     "label": {
                         "text": "Data (309)"
                     },
                     "value": "data"
                 },
                 {
-                    "id": "publications",
+                    "id": "publications-checkbox",
                     "label": {
                         "text": "Publications (137)"
                     },
@@ -33,21 +33,21 @@
                         "name": "name",
                         "checkboxes": [
                             {
-                                "id": "datasets",
+                                "id": "datasets-checkbox",
                                 "label": {
                                     "text": "Datasets (100)"
                                 },
                                 "value": "datasets"
                             },
                             {
-                                "id": "timeseries",
+                                "id": "timeseries-checkbox",
                                 "label": {
                                     "text": "Timeseries (20)"
                                 },
                                 "value": "timeseries"
                             },
                             {
-                                "id": "requested",
+                                "id": "requested-checkbox",
                                 "label": {
                                     "text": "User requested data (16)"
                                 },
@@ -57,7 +57,7 @@
                     }
                 },
                 {
-                    "id": "areas",
+                    "id": "areas-checkbox",
                     "label": {
                         "text": "Areas (0)"
                     },
@@ -78,22 +78,22 @@
             "name": "dietary",
             "checkboxes": [
                 {
-                    "id": "crime",
+                    "id": "crime-checkbox",
                     "label": {
                         "text": "Crime (200)"
                     },
                     "value": "crime",
                     "checked": true
                 },
                 {
-                    "id": "education",
+                    "id": "education-checkbox",
                     "label": {
                         "text": "Education (55)"
                     },
-                    "value": "education"
+                    "value": "education-checkbox"
                 },
                 {
-                    "id": "disability",
+                    "id": "disability-checkbox",
                     "label": {
                         "text": "Disability (67)"
                     },

diff --git a/src/components/accordion/example-accordion.njk b/src/components/accordion/example-accordion.njk
@@ -2,7 +2,7 @@
 
 {{
     onsAccordion({
-        "id": "accordion",
+        "id": "accordion-example",
         "allButton": {
             "open": "Show all",
             "close": "Hide all"

diff --git a/src/components/address-input/example-address-input-editable.njk b/src/components/address-input/example-address-input-editable.njk
@@ -1,11 +1,11 @@
 {% from "components/address-input/_macro.njk" import onsAddressInput %}
 
 {{ onsAddressInput({
-    "id": "address",
+    "id": "address-input-editable",
     "dontWrap": true,
     "label": {
         "text": "Enter address or postcode and select from results",
-        "id": "address-label"
+        "id": "address-label-input-editable"
     },
     "isEditable": true,
     "mandatory": true,

diff --git a/src/components/address-input/example-address-input-manual.njk b/src/components/address-input/example-address-input-manual.njk
@@ -1,12 +1,12 @@
 {% from "components/address-input/_macro.njk" import onsAddressInput %}
 
 {{ onsAddressInput({
-    "id": "address",
+    "id": "address-input-manual",
     "dontWrap": true,
     "manualEntry": true,
     "label": {
         "text": "Enter address or postcode and select from results",
-        "id": "address-label"
+        "id": "address-label-input-manual"
     },
     "line1": {
         "label": "Address line 1"
@@ -20,4 +20,4 @@
     "postcode": {
         "label": "Postcode"
     }
-}) }}
+}) }}
diff --git a/src/components/address-input/example-address-input.njk b/src/components/address-input/example-address-input.njk
@@ -1,11 +1,11 @@
 {% from "components/address-input/_macro.njk" import onsAddressInput %}
 
 {{ onsAddressInput({
-    "id": "address",
+    "id": "address-input",
     "dontWrap": true,
     "label": {
         "text": "Enter address or postcode and select from results",
-        "id": "address-label"
+        "id": "address-label-input"
     },
     "isEditable": false,
     "mandatory": true,

diff --git a/src/components/autosuggest/example-autosuggest-country-multiple.njk b/src/components/autosuggest/example-autosuggest-country-multiple.njk
@@ -4,10 +4,10 @@
     <div class="ons-grid__col ons-col-8@m">
 
         {{ onsAutosuggest({
-            "id": "country-of-birth",
+            "id": "country-of-birth-autosuggest-multiple",
             "label": {
                 "text": "Passport",
-                "id": "country-of-birth-label",
+                "id": "country-of-birth-label-multiple",
                 "description": "Enter your own answer or select from suggestions. You can enter multiple countries if you have a passport for more than one."
             },
             "autocomplete": "off",

diff --git a/src/components/autosuggest/example-autosuggest-country.njk b/src/components/autosuggest/example-autosuggest-country.njk
@@ -4,7 +4,7 @@
     <div class="ons-grid__col ons-col-8@m">
 
         {{ onsAutosuggest({
-            "id": "country-of-birth",
+            "id": "country-of-birth-autosuggest",
             "label": {
                 "text": "Current name of country",
                 "description": "Enter your own answer or select from suggestions",

diff --git a/src/components/back-link/example-back-link.njk b/src/components/back-link/example-back-link.njk
@@ -6,7 +6,7 @@
         "itemsList": [
             {
                 "url": '/',
-                "id": "back",
+                "id": "backlink",
                 "text": 'Back',
                 "attributes": {
                     "data-attribute": "Example attribute"

diff --git a/src/components/card/example-card-set-with-images.njk b/src/components/card/example-card-set-with-images.njk
@@ -5,7 +5,7 @@
 
         <div class="ons-grid__col ons-col-4@m">
             {{ onsCard({
-                "id": 'title1',
+                "id": 'card-with-image-1',
                 "textId": 'text1',
                 "title": 'About the census',
                 "url": '#0',
@@ -16,7 +16,7 @@
 
         <div class="ons-grid__col ons-col-4@m">
             {{ onsCard({
-                "id": 'title2',
+                "id": 'card-with-image-2',
                 "textId": 'text2',
                 "title": 'Working on the census',
                 "url": '#0',
@@ -27,7 +27,7 @@
 
         <div class="ons-grid__col ons-col-4@m">
             {{ onsCard({
-                "id": 'title3',
+                "id": 'card-with-image-3',
                 "textId": 'text3',
                 "title": 'Your data and security',
                 "url": '#0',

diff --git a/src/components/card/example-card-set-with-lists.njk b/src/components/card/example-card-set-with-lists.njk
@@ -5,7 +5,7 @@
 
         <div class="ons-grid__col ons-col-4@m">
             {{ onsCard({
-                "id": 'title1',
+                "id": 'card-with-list-1',
                 "textId": 'text1',
                 "title": 'About the census',
                 "url": '#0',
@@ -25,7 +25,7 @@
 
         <div class="ons-grid__col ons-col-4@m">
             {{ onsCard({
-                "id": 'title2',
+                "id": 'card-with-list-2',
                 "textId": 'text2',
                 "title": 'Working on the census',
                 "url": '#0',
@@ -45,7 +45,7 @@
 
         <div class="ons-grid__col ons-col-4@m">
             {{ onsCard({
-                "id": 'title3',
+                "id": 'card-with-list-3',
                 "textId": 'text3',
                 "title": 'Your data and security',
                 "url": '#0',

diff --git a/src/components/card/example-card-set.njk b/src/components/card/example-card-set.njk
@@ -5,7 +5,7 @@
 
         <div class="ons-grid__col ons-col-4@m">
             {{ onsCard({
-                "id": 'title1',
+                "id": 'card-set-1',
                 "textId": 'text1',
                 "title": 'About the census',
                 "url": '#0',
@@ -15,7 +15,7 @@
 
         <div class="ons-grid__col ons-col-4@m">
             {{ onsCard({
-                "id": 'title2',
+                "id": 'card-set-2',
                 "textId": 'text2',
                 "title": 'Working on the census',
                 "url": '#0',
@@ -25,7 +25,7 @@
 
         <div class="ons-grid__col ons-col-4@m">
             {{ onsCard({
-                "id": 'title3',
+                "id": 'card-set-3',
                 "textId": 'text3',
                 "title": 'Your data and security',
                 "url": '#0',

diff --git a/src/components/card/example-card.njk b/src/components/card/example-card.njk
@@ -1,7 +1,7 @@
 {% from "components/card/_macro.njk" import onsCard %}
 
 {{ onsCard({
-    "id": 'title',
+    "id": 'card-example',
     "textId": 'text',
     "title": 'Your data and security',
     "url": '#0',

diff --git a/src/components/checkboxes/example-checkboxes-disabled.njk b/src/components/checkboxes/example-checkboxes-disabled.njk
@@ -8,21 +8,21 @@
             "name": "dietary",
             "checkboxes": [
                 {
-                    "id": "data",
+                    "id": "data-checkbox-disabled",
                     "label": {
                         "text": "Data (309)"
                     },
                     "value": "data"
                 },
                 {
-                    "id": "publications",
+                    "id": "publications-checkbox-disabled",
                     "label": {
                         "text": "Publications (137)"
                     },
                     "value": "publications"
                 },
                 {
-                    "id": "areas",
+                    "id": "areas-checkbox-disabled",
                     "label": {
                         "text": "Areas (0)"
                     },

diff --git a/src/components/checkboxes/example-checkboxes-error.njk b/src/components/checkboxes/example-checkboxes-error.njk
@@ -8,42 +8,42 @@
         "dontWrap": true,
         "checkboxes": [
             {
-                "id": "gluten-free",
+                "id": "gluten-free-checkbox-error",
                 "label": {
                     "text": "Gluten free"
                 },
                 "value": "gluten-free"
             },
             {
-                "id": "lactose-intolerant",
+                "id": "lactose-intolerant-checkbox-error",
                 "label": {
                     "text": "Lactose intolerant"
                 },
                 "value": "lactose-intolerant"
             },
             {
-                "id": "vegan",
+                "id": "vegan-checkbox-error",
                 "label": {
                     "text": "Vegan"
                 },
                 "value": "vegan"
             },
             {
-                "id": "vegetarian",
+                "id": "vegetarian-checkbox-error",
                 "label": {
                     "text": "Vegetarian"
                 },
                 "value": "vegetarian"
             },
             {
-                "id": "other-checkbox",
+                "id": "other-checkbox-error",
                 "label": {
                     "text": "Other"
                 },
                 "checked": true,
                 "value": "other",
                 "other": {
-                    "id": "other-textbox",
+                    "id": "other-textbox-checbox-error",
                     "name": "other-answer",
                     "label": {
                         "text": "Enter dietary requirements"
@@ -53,7 +53,7 @@
         ],
         "error": {
             "classes": "test",
-            "id": "dietary-error",
+            "id": "dietary-error-checkbox",
             "text": "Enter your dietary requirements"
         }
     })